Wordpress怎么在搜索结果页面的文章里面插入阅读全文按钮,我的网站610963.com

Wordpress怎么在搜索结果页面的文章里面插入阅读全文按钮,我的网站610963.com,第1张

在WordPress 主题目录下,找到,search.php文件。

主题目录/wp-content/themes/主题名/

在对应的循环体下添加如下代码

<a href="<?php the_permalink() ?>" class="btn">阅读全文</a>

按钮样式css

    .btn{-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)

    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)

    padding: .84rem 2.14rem

    font-size: .81rem

    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out

    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out

    margin: .375rem

    border: 0

    -webkit-border-radius: .125rem

    border-radius: .125rem

    cursor: pointer

    text-transform: uppercase

    white-space: normal

    word-wrap: break-word

    color: #fff

    background-color: #33b5e5!important

    color: #fff!important

    }

把以下代码插入你想要让“阅读全文”显示的位置即可:<span class="more"><a href="<?php the_permalink() ?>" title="详细阅读 <?php the_title()?>" rel="bookmark">阅读全文</a></span>

1.点击进入”添加新文章\Add New”页面

2.在文章需要分开的地方,点击”插入More标签”,这样在more以上的部分在主页浏览的时候显示,一下部分不再显示 图示如何插入More如图所示,光标放在想要显示的内容之后,然后显示More这个地方,这样就完成了让wordpress只显示文章的部分内容。

3.若想在主页浏览时显示完more以上的文字后再显示”阅读全文”,通过点击这个超链接即可阅读全文的话,打开wordpress\wp-content\themes\default\index.php,找到the_content()函数,输入如下内容:the_content(”阅读全文”),那么在主页浏览时就会在文章最后显示“阅读全文”的超链接。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11710149.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存