menu
hjthjthjt
hjthjthjt
永远的菜鸡

为 WordPress 添加 Rich Preview 支持,在 Telegram 中显示链接预览

之前为了 Rich Preview 装了个插件导致评论框一度没法回复二层的评论纠结了我好久结果是憨憨插件的问题……

但是这插件是帮我进行 Rich Preview 的,我用它的原因其实也是因为不知道怎么加,虽然要用什么标签我知道……

但我不知道怎么在 header 里获取当前页面文章标题啊啊啊啊啊啊啊

结果没想到就是这么的一个憨憨函数 the_title(),淦

在主题的 header.php 中添加下面代码即可

<html prefix="og: http://ogp.me/ns#">
<head>
...
<?php if(is_single()||is_page()){ ?>
    <meta property="og:title" content="<?php the_title(); ?>"/>
    <meta property="og:description" content="<?php the_excerpt(); ?>"/>
    <meta property="og:site_name" content="<?php bloginfo("name"); ?>"/>
<?php }else{ ?>
    <meta property="og:title" content="<?php bloginfo("name"); ?>"/>
    <meta property="og:description" content="<?php bloginfo('description'); ?>"/>
<?php } ?>
...
</head>

在 Telegram 中的最终效果:

首页
文章页

本文采用 CC BY-NC-SA 3.0 协议进行许可,在您遵循此协议的情况下,可以自由共享与演绎本文章。

本文链接:https://jakting.com/archives/wordpress-rich-preview.html


共有 8 条评论

Loading...
  1. repostone Chrome 78.0.3904.70

    非技术的路过。

  2. gago9 Safari 604.1

    憨憨,为什么评论没有表情。

    1. hjthjthjt Chrome 77.0.3865.120

      旧版有,新版再说吧再说吧

      1. 我是笨蛋小扁担 Chrome 78.0.3904.70

        铁憨憨

  3. gago9 Safari 605.1.15

    所以我用iPad的话会不会变成unknow?

    1. hjthjthjt Chrome 78.0.3904.70

      很迷惑的是iPad有两种UA,一种跟macOS好像还是一样的……

      1. gago9 Safari 605.1.15

        更新iPad OS之后苹果用了某种神奇的方法让iPad一定能得到桌面版网页,我猜估计就是强行改UA…

  4. kiseopt Safari 533.2+ Kindle/3.0+

    是大佬!

发表评论

回复给 gago9 点击这里取消回复。

昵称不能为空
邮箱不能为空