如何添加一个签名到所有WordPress帖子

通过|博客

你知道几乎你读的每一个博客(在这个利基领域)都在文章的底部有博主的“签名”吗?我在博客和WordPress中也这样做了,但我也改变了我的设计一百万次,也改变了我的签名几次。这意味着一个旧的帖子将没有签名匹配我当前的配色方案。佩蒂,我知道,但是颜色协调对我很重要!我知道有一种方法可以用相同的签名对所有老帖子进行反向注释,只是我一直没有时间去弄清楚。不知怎么的,有一天这个任务出现在了我的待办事项列表的顶端,我完成了!并且它成功了!更棒的是,我还可以添加我的社交媒体关注按钮!天使在唱歌!当然,我的下一个想法是“我能把它写进博客吗?” Why yes, I can! And here it is! (Enough exclamation points yet?) So. Here’s my tutorial on how to add signatures to all wordpress posts!

关于如何将自定义签名添加到所有博客文章(新旧文章)末尾的教程。包括代码片段!

注意:本教程将为你所有的帖子添加一个签名,无论是旧的还是新的。如果你的旧帖子中已经有一个签名,你的帖子将显示两个签名,所以用户要小心,这可能会迫使你回去并删除所有的旧签名。我还没有一个神奇的计划来做到这一点,是的,我实际上是咬紧牙关,查看了我所有的旧帖子,并手动删除了代码。唷。

1.首先,你需要一个签名。你可以使用PicMonkey或Gimp或Photoshop或任何其他软件来创建你的名字的图像,或任何你想签名的,超级女人,婴儿低语者,任何你想要的独木舟。

2.将图像上载到媒体库,并记下该图像的直接URL。你马上就需要这些信息了。

3.我们会把函数。php文件弄乱,所以你需要知道它在哪里,以及如何得到它。有些主题允许您像重写一样编辑functions.php文件,就像我的主题一样。大多数主题应该允许你直接编辑文件到仪表板->外观->编辑器。在右手边,你可能会看到显然也点击并编辑。如果这两种方法都不适合你,你就必须去你的博客主机,把文件FTP到你的电脑上,编辑它,然后上传到你的服务器上。您应该能够在/wp-content/themes层次结构中找到该文件。

谨慎!编辑functions.php文件*会*毁掉你的网站。不是KILL off- server KILL,但是编辑中的错误会导致你的站点根本无法加载。所以,确保你的博客有备份,当你在编辑,刷新和预览的变化在一个单独的窗口,所以如果有什么出错,你可以回到仪表盘,删除你的更新,重新保存,让你的网站回到在线。

4.现在让我们看看要添加到functions.php文件中的代码。

向Posts添加签名的代码

将“INSERT IMAGE URL HERE”替换为您上传的签名图像文件的URL。

add_filter('the_content','add_signature', 1); //添加签名图片函数add_signature($text) {global $post;if(($post->post_type == 'post')) $text .= '
';返回文本美元;}

向Posts和Pages添加签名的代码

如果还想在页面末尾添加签名,则需要向If语句添加一个条件。取代

如果((post - > post_type = = '文章'))

如果((post - > post_type = =“post”)| | (post - > post_type = = '页'))

以下是完整的片段:

add_filter('the_content','add_signature', 1); //添加签名图片函数add_signature($text) {global $post;如果((post - > post_type = =“post”)| | (post - > post_type = = '页'))$文本。= ' < div class = "签名" > < img src = "插入图像URL " > < / div >”;返回文本美元;}

添加签名和社交媒体关注按钮的代码

我想让自己更喜欢社交媒体,并在每篇文章/页面的底部添加我的社交媒体关注按钮。我的整套按钮都被一张图像地图覆盖着。退房这篇文章看看如何为自己设立一个。图像映射带有两个标记,其中一个以

add_filter('the_content','add_signature', 1); //添加签名图片函数add_signature($text) {global $post;if(($post->post_type == 'post') || ($post->post_type == 'page')) $text .= '
INSERT IMAGE MAP img TAG HERE
';返回文本美元;}

下面是我的代码的样子:

//在单个帖子和页面添加页面过滤器后添加签名图像(“添加内容”,“添加签名”,1);函数add_signature($text){global$post;if($post->post_type=='post')|($post->post_type=='page'))$text.='
”;返回$text;}

设置显示优先级

如果您使用任何插件在文章底部显示相关内容,那么您可能会遇到在相关内容下方显示签名的问题,而您确实希望签名在撰写文章之后显示。要解决这个问题,您需要降低相关内容插件的优先级。我使用nRelate插件,因此我的代码如下所示:

Remove_filter ('the_content', 'nrelate_related_inject', 10);Remove_filter (' the_节录','nrelate_related_inject', 10);Add_filter ('the_content', 'nrelate_related_inject', 999);Add_filter (' the_节录','nrelate_related_inject', 999);

你会注意到在Signature函数中,你设置了' add_signature '函数的优先级为1。将相关内容设置为999优先级将确保其显示在您的签名下方。

如果您使用不同的相关内容插件,则需要谷歌函数名来在此代码段中使用。

嗯,这看起来很复杂,但其实也不算太糟。试试看,让我知道进展如何!提出问题,分享技巧,我很想听听它是如何为你工作的。想看更多的博客提示吗?到我的房间来博客提示页面查看更多,或从下面开始!

制作你自己的社交媒体图标

为你的博客调整图片大小的10个技巧

10基本的博客HTML标签

143条评论

  1. 劳伦@思考衣橱

    再次感谢你,感谢你编写了这本精彩的教程,ChiWei!尽管弄乱functions.php文件会让我害怕得要死,但我觉得在阅读了这本分步教程后,我可以做到。它在一月份的待办事项列表上!被钉住了,并得到了适当的注意。

    拥抱的感激之情。

    回复
  2. chantel@mudpunch

    我的问题是,如果你添加了一个签名,你有一个插件,添加一个“别针它”按钮到每个图像,如何排除您的签名被别针?现在,你翻的时候,我的签名大部分都被我的别针按钮盖住了。我知道有办法排除它,但我就是找不到。

    回复
    • 位于台湾岛东北海面上

      Chantel,好问题!这取决于您使用的插件。我将无法回答如何禁用你的特定插件为一个特定的图像。但Pinterest提供了一个官方的pin-it按钮,当你将鼠标悬停在图片上时就会显示出来。控件中的no-pin= " nopin "属性可以禁用pin-it按钮标签。你可以尝试使用nopin= " nopin "属性,看看它是否适用于你的插件。让我知道这是否有效!

      回复
    • 位于台湾岛东北海面上

      只要确保你有备份,一次只做一件事,并且“记住”你做了什么,这样你就可以一次只做一件事。同时,让你的WordPress窗口一直打开。我搞砸了几次,我的网站无法加载,但我的WordPress仪表板一直开着,所以我就回去删除了我做的小改动,然后在一个单独的窗口重新加载了网站。

      回复
      • 艾比

        我搞砸了一些事情,现在我不能打开我的wordpress管理仪表板在所有!它有http 500内部错误,我不知道做什么去和修复它。谢谢你的帮助

  3. 蕾切尔

    我想知道函数。php中的“哪里”需要放入代码.....我的没有出现

    回复
    • 位于台湾岛东北海面上

      嗨,Rachel,我在底部添加了代码。php的函数末尾有。所有的函数都在中间。签名函数恰好是列表中的最后一个函数。

      回复
      • 蕾切尔

        好的,谢谢!这个签名应该在以后的新帖子上显示吗?

  4. 金伯利(清单)

    爱本教程!仍然害怕去后台进行编辑……但我把它固定了,以备将来使用!

    回复
  5. 帕蒂

    这在自托管的WordPress上工作吗?

    回复
    • 位于台湾岛东北海面上

      我用的就是这个,所以是的。我不确定它是否能在免费的WordPress或Blogger上工作,因为我不知道它们是否有function.php文件。实际上,在Blogger上有另外一种添加签名的方法,但我认为这只适用于以后的帖子。

      回复
  6. 塞拉

    我真的很想这么做,但是当我读到这些的时候,我很害怕,哈哈

    回复
  7. Shawnda

    这个信息太棒了!把它放在我的待办事项清单上。谢谢

    回复
  8. 蕾妮

    你好
    我试了几次,都没用。所有我看到的是我的帖子结尾的URL代码。知道我哪里做错了吗?我刚刚上传了一个我在PicMonkey中创建的简单文本。
    想法吗?

    回复
    • 位于台湾岛东北海面上

      嗯,我想我知道我做错了什么。您需要为您的URL使用“img src”标记,而不仅仅是URL。我想我在说明书中没有说清楚。现在让我改变一下,看看这是否有帮助。

      回复
      • 蕾妮

        你好非常感谢您的回复。所以,现在我没有得到URL,我得到了一个蓝色方形的小盒子,上面有一个?在里面。
        不知道这是什么意思。

      • 位于台湾岛东北海面上

        是的,这意味着它找不到图像本身。检查你的URL,确保你可以把它输入一个新窗口,然后图像就会出现。可能有打印错误。

      • 莎拉gorsuch

        你好谢谢你的信息!我得到的是同一个带问号的盒子。我只是点击了网页上的URL,它把我带到了Dropbox中的文件。不知道我做错了什么?

      • 莎拉·戈尔苏奇

        还有一个问题:当我的父主题和/或子主题自动更新时,我的签名还会在那里吗?谢谢! !

      • 位于台湾岛东北海面上

        实际上我不确定莎拉!这取决于我猜的儿童主题。我使用一个php编辑器来覆盖我的子主题,因此它不依赖于它,但您的设置可能会有所不同!

  9. 金伯利·H·史密斯

    我有点害怕你一直在监视我!哈哈,我这周一直想给我的帖子加个签名,只是一直没时间。

    回复
  10. 田纳西@新妈妈日记

    非常感谢!我可以停用我的网站上的另一个插件。希望它能跑得更快一点。我尽量减少使用插件。

    回复
  11. 布里顿

    非常感谢!我现在已经有了签名,但有个问题…我如何把它放在帖子的中心?我确定我需要在某个地方添加代码,但我不太确定在哪里……

    回复
    • 布里顿

      现在我需要帮助,试图弄清楚如何不让它显示在博客主页后的页面中断。我希望你看到这个并能帮上忙!谢谢!

      回复
      • 位于台湾岛东北海面上

        我不确定如何居中,但我认为center标签可以在div标签中工作。至于它在哪里显示,这是关于post-type==post或post-type==page的部分。你可以将它限制为post-type==post,这样它就不会出现在首页。我不知道这是否可行,因为我没有遇到过这些问题。对不起!

    • 位于台湾岛东北海面上

      嗨,布里顿,我找到了!在css文件中,您需要找到签名格式的位置,并添加

      text-align:中心;
      回复
  12. 佩奇

    我想把社交媒体按钮加到我的签名上。你说的模板头是指style。css吗?

    回复
    • 位于台湾岛东北海面上

      Paige,如果你在Blogger上,图像映射代码可以进入你的页面模板。在WordPress上,如果您使用Genesis,Genesis主题设置中应该有一个部分,您可以在end head标记之前添加代码。基本上,它是你放谷歌分析或Pinterest代码的地方。

      回复
      • 佩奇

        非常感谢!

  13. 斯莫里

    非常感谢。一个伟大的帮助。对如何获得或diy按钮有什么建议吗?我还没有。

    回复
  14. 艾希礼

    谢谢你!这完美的工作!

    回复
  15. 约翰

    感谢这篇精彩的教程。
    如何排除自定义的文章类型和得到签名仅为标准的文章?

    回复
  16. 快乐

    谢谢你!它工作得很好,我也使用nRelate。

    回复
  17. 艾米

    谢谢你提供的非常有帮助的教程!

    回复
  18. 50个桃子

    哦吼!是我干的,什么也没弄坏!我喜欢我的新签名。非常感谢。xox

    回复
  19. 加布里埃尔

    我今晚要试试!有没有办法排除一个帖子ID,如果我想手动添加一个不同的图像为特定的帖子?

    回复
    • 位于台湾岛东北海面上

      你好Gabrielle,因为代码在php文件中,我不知道如何排除帖子。可能有一种方法通过post ID来实现,但我不知道细节。

      回复

提交评论

您的电子邮件地址将不会发布。必填字段已标记