gpt4 book ai didi

php - 白皮书 : How to change text from title to date for each different post in archive on hover with HTML/CSS?

转载 作者:行者123 更新时间:2023-11-28 10:34:27 24 4
gpt4 key购买 nike

我是一个彻头彻尾的菜鸟,一边努力学习 HTML/CSS,一边努力让我的网站做我想做的事……

使用 <?php wp_get_archive('type=alpha') ?> ,我试图使存档中每个帖子/行的标题更改为显示每个帖子的日期(带有帖子的永久链接),而不是整个 <li>更改为第一篇文章的日期(没有永久链接)......

我现在拥有的是:

HTML

<div class="date">
<div class="date-text"><?php the_date('y.m.d'); ?></div>
<div class="arc"><?php wp_get_archives('type=alpha'); ?></div>
</div>

CSS

.date-text {
display: none;
}
.date:hover .date-text {
display: inline;
}
.date:hover .arc {
display: none;
}

但是 <?php wp_get_archive('type=alpha') ?>创建以下 HTML 输出:

<div class="arc">
<li><a href='url_four'>four</a></li>
<li><a href="url_one">one</a></li>
<li><a href="url_three">three</a></li>
<li><a href="url_two">two</a></li>
</div>

我希望它按照放置每个 <li> 的方式做一些事情在自己的<div class="arc">这样每个网址都会被其各自的日期替换,并且并非所有网址都以相同的 <div> 结束。将被 <div class="date-text"> 取代.

提前致谢!

最佳答案

对我来说效果很好。你确定你的 php 获得了正确的值吗?如果我弄错了,请发送一份样本,因为我的英语不是最好的,所以列表应该是什么样子。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Unbenanntes Dokument</title>
<style>
.date-text {
display: none;
}
.date:hover .date-text {
display: inline;
}
.date:hover .arc {
display: none;
}
</style>
</head>
<body>
<div class="date">
<div class="date-text">date1</div>
<div class="arc">text 1</div>
</div>
<div class="date">
<div class="date-text">date2</div>
<div class="arc">text 2</div>
</div>
<div class="date">
<div class="date-text">date3</div>
<div class="arc">text 3</div>
</div>
</body>
</html>

试试这样的:

<?php
$alpha = wp_get_archive('type=alpha');
$date = the_date('y.m.d');
echo'<div class="date">';
echo'<div class="date-text">' . $date .'</div>';
echo'<div class="arc">'. $alpha.'</div>';
echo'</div>';
?>

关于php - 白皮书 : How to change text from title to date for each different post in archive on hover with HTML/CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23392151/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com