Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何移动;阅读更多“;这个WordPress主题的帖子末尾的按钮?_Html_Css_Wordpress - Fatal编程技术网

Html 如何移动;阅读更多“;这个WordPress主题的帖子末尾的按钮?

Html 如何移动;阅读更多“;这个WordPress主题的帖子末尾的按钮?,html,css,wordpress,Html,Css,Wordpress,我下载了这个主题,当你在WordPress中添加“更多”标签时,它会在Tweet的底部添加“阅读更多”按钮,如和评论按钮 a) 我希望能够在文章节选后以链接的形式显示经典形式的“阅读更多” b) 然后将“评论”图标移动到Tweet附近等按钮 我对CSS/HTML一无所知,我非常感谢能够帮助我的人 文件: 视觉指示------> zip格式的主题-------> 主题在行动中的真实演示-->b)删除float:right

我下载了这个主题,当你在WordPress中添加“更多”标签时,它会在Tweet的底部添加“阅读更多”按钮,如和评论按钮

a) 我希望能够在文章节选后以链接的形式显示经典形式的“阅读更多”

b) 然后将“评论”图标移动到Tweet附近等按钮

我对CSS/HTML一无所知,我非常感谢能够帮助我的人

文件:

视觉指示------>

zip格式的主题------->


主题在行动中的真实演示-->

b)删除
float:rightstyle.css
文件中的css
.post meta.comments{}

您必须编辑主题核心文件才能实现ab。为了你的方便,我在firebug上试了些东西。检查图像:

如果你想要类似的东西,你只需要编辑一个文件,那就是style.css

请按照以下简单说明操作:

  • 使用Netbeans IDE、记事本++或写字板打开位于模板目录中的style.css
  • 搜索代码“.post meta.readmore”(不带引号),并将其替换为以下代码段:

    .post meta.readmore{border:0;padding:2px 0 10px 12px;margin:0;}

  • 搜索代码“.post meta.readmore a”(不带引号),并将其替换为以下代码段:
    .post meta.readmore a{color:317CC8;显示:块;行高:15px;左填充:20px;位置:相对;文本装饰:下划线;顶部:-30px;}

  • 搜索代码“.post meta.comments”(不带引号),并将其替换为以下代码段:
    .post meta.comments{margin:3px 0 0 16px;padding:0 16px 3px 20px;color:#c9c9c9;字体大小:10px;float:left;字体重量:粗体;文本转换:大写;背景:url(“images/comments.png”)不重复左3px;边框:none;}


  • 我相信这将实现什么是在图像(作为链接附加)演示

    有一个问题很棘手。。。是否可以移动文本末尾的“阅读更多…”按钮?是的,非常有可能。但是您必须使用PHP代码。您可以在测试服务器上使用它。