我是一个彻头彻尾的菜鸟,一边努力学习 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/