建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

WP主题开发20:怎样给wordpress主题添加版权信息?#学浪计划#(WordPress添加评论引用方法)

GG网络技术分享 2025-03-18 16:13 0


WP主题开发20:怎样给wordpress主题添加版权信息?#学浪计划#

通过前面19课的讲解,本届wordpress主题开发课程就要接近尾声了。前台的主题模板的布局和数据调用,后台的主题设置,我们都已经完美地完成了,所有的工作我们几乎已经全部做完。对于一个普通的wordpress主题模板开发者来说,这样已经算是完工了,因为,主题的主要功能,我们都已经实现。但是,如果你开发的wordpress主题,想要发布到wordpress官网的主题库供其它wordpress用户使用,那我们还缺少非常重要的一环——wordpress主题版权的声明。

第一步:后台查看wordpress主题的版权信息。

如何查看wordpress主题的版权信息,我们可以进入到wordpress后台的外观主题菜单,点击右侧的主题,这里,我们以wordpress官方主题——Twenty Sixteen为例,把光标移到主题缩略图上,会出现“主题详情”,点击它,就显示主题版权信息,如上图,会有主题的版本号、作者信息、标签、描述等等,我们也要在我们开发的wordpress主题上添加这些版权信息。

我们再点开trans主题的主题详情,可以看出,什么也没有,如下图:

第二步:给trans主题添加版权信息。

wordpress主题的版权信息,需要添加在主题的样式文件style.css中,我们打开trans主题目录下的style.css样式表文件,在它的最上面添加如下注释代码:

/*theme name:Transauthor: 马不停蹄;

author uri: http://wanlimm.com

theme uri: http://wanlimm.com;

description: trans主题,是一个简单大方的博客主题。使用非常简单,新手可轻易上手。

Version: 1.0;

tags: trans,博客主题,二分栏

License: GNU General Public License v2 or later;

License URI: http://www.gnu.org/licenses/gpl-2.0.html*/

这里,我对上面的代码进行一下说明:

theme_name:主题的名称;author:主题的作者;author uri:主题作者的链接;theme uri:主题的下载链接;description:主题描述;version:主题的版本号;tags:主题的标签,也就是别人在wordpress官网搜索关键词;License:公共许可证License URI:公共许可证链接

这样,我们就添加好了trans主题的版权信息,这时,我们再到wordpress后台,点击trans主题的主题详情时,我们就可以看到trans主题的版本号、作者信息、主题的描述、主题的tag标签,如下图:

​好了,到这里,本届wordpress主题开发课程就真的全部结束,谢谢大家的观阅。我们会在后一面的时间,创作出更多的精彩内容,希望大家继续关注我。

如有不同的观点,欢迎发表评论。
如果喜欢我的文章,那就点击“关注”按钮,来关注我吧。我会每天定时发表新内容。

WordPress添加评论引用方法

嵌套评论可以增加用户的互动,通常将嵌套评论显示在父评论下面,每一层嵌套都缩进一点距离,当嵌套层数多了之后问题就来了,后面的嵌套显示会变得非常短,导致整个界面类似倒立的金字塔,非常难看。

所以我们需要类似论坛的评论引用方式,当用户回复其他用户的评论,该用户的评论不会位于嵌套里,但会引用父评论的内容。

把以下代码丢到主题文件functions.php中:

function bzg_add_comment_text( $comment_content, $comment ) {$post_id = $comment->comment_post_ID;$reply_link = \\\'<div ><a rel=\\\"nofollow\\\"  href=\\\"\\\' . get_permalink( $post_id ) . \\\'?replytocom=\\\' . $comment->comment_ID . \\\'#respond\\\" onclick=\\\"return addComment.moveForm( \\\\\\\'div-comment-\\\' . $comment->comment_ID . \\\'\\\\\\\', \\\\\\\'\\\' . $comment->comment_ID . \\\'\\\\\\\', \\\\\\\'respond\\\\\\\', \\\\\\\'\\\' . $post_id . \\\'\\\\\\\' )\\\" aria-label=\\\"回复给\\\' . $comment->comment_author . \\\'\\\">回复</a></div>\\\';$parent_id = $comment->comment_parent;if( ! $parent_id ) {return $comment_content . $reply_link;}$add_text = \\\'<blockquote ><p >\\\' . get_comment_author( $parent_id ) . \\\' 发表于 \\\' . get_comment_date( \\\'Y-m-d H:i:s\\\', $parent_id ) . \\\'</p><p >\\\' . get_comment_excerpt( $parent_id ) . \\\'</p></blockquote>\\\';return $add_text . $comment_content . $reply_link;}if( ! is_admin() ) {add_filter( \\\'get_comment_text\\\', \\\'bzg_add_comment_text\\\', 10, 2 );}

这样,每一条评论都允许其他用户回复,并且在回复的评论内容中引用了父级评论摘要,网上现有的实现原理是用JS来获取父评论内容并插入到新评论中,然后保存到数据库,这样有后遗症,本文的方法不会影响数据库,只在页面里输出。

此时可能会发现回复的评论与父评论扎堆出现了,并没有按评论的时间排序,找到主题文件comments.php,如果你的评论内容是用wp_list_comments()函数来输出的,可以这样写:

$comments = get_comments( array(\\\'orderby\\\' => \\\'comment_date\\\',\\\'order\\\' => \\\'ASC\\\',\\\'type\\\' => \\\'comment\\\',) );wp_list_comments( array(\\\'style\\\' => \\\'ol\\\',\\\'max_depth\\\' => -1,\\\'avatar_size\\\' => 36,\\\'format\\\' => \\\'html5\\\',\\\'type\\\' => \\\'comment\\\',\\\'reverse_top_level\\\' => false,), $comments );

大功告成,赶紧去添加CSS样式吧!

标签:

提交需求或反馈

Demand feedback