情况是这样的在写wordpress文章时我们避免不了有时候文章标题过长以后自动换行破坏了网站外观美感或者首页的文章显示冗长也会破坏网站外观美感也许有人想到用编辑器里面自带的“more”标签了决解但是首页每显示的文章的部分框就会高度不一致这样也破坏美观,我的解决思路是这样的:首页显示文章的代码和文章内链显示文章的代码各自独立修改样式或者代码相互不影响。网上我也搜索过类似的问题但是网上大部分说的也就是限制文章标题的显示字数根本解决不了问题。我的方法如下,
步骤:
1,打开single.php文件注释掉或者删除原来的
<?php get_template_part( ‘content’, ‘single’ ); ?>
2,删除之后首页可以显示文章但是点击文章进去后就无法看到内容了我们要在single.php原来删除的代码位置重新加如下代码:
<?php the_time(‘Y’); ?>年
<?php the_time(‘n’); ?>月
<?php the_time(‘d’); ?>日
<?php the_title();?>文章标题
<?php the_content(); ?>文章内容
首页显示的文章就在content.php修改,文章内链就在single.php文件修改。在首页点击文章就可以链接进去了之后就是修改样式的问题这里就不讲解了。添加以上代码之后首页显示文章的代码和文章内链显示文章的代码各自独立修改样式或者后台代码就相互不影响了。
3,首页文章标题推荐加上以下代码:
选择器{
color:#7e5025;
font-size: 26px;
font-weight: bold;
padding-top:5px;
line-height:50px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
color:#7e5025;
font-size: 26px;
font-weight: bold;
padding-top:5px;
line-height:50px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
4,首页文章显示框的高度只要在content.php文件修改.entry-content类样式高度即可,文章内链就在single.php文件修改。
技术含量不高但是面对只懂CSS不熟悉PHP代码的我来说当时耗了不少时间了觉得挺使用的就放出来了,效果跟本站一样。