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 条评论

  1. repostone

    laptop Windows 8.1 | public Chrome 78.0.3904.70

    非技术的路过。

  2. gago9

    phone_android iPhone 13_2 | public Safari

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

    1. hjthjthjt

      laptop Windows 10 | public Chrome 77.0.3865.120

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

      1. 我是笨蛋小扁担

        laptop Windows 10 | public Chrome 78.0.3904.70

        铁憨憨

  3. gago9

    laptop macOS 10_15 | public Safari

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

    1. hjthjthjt

      laptop Windows 10 | public Chrome 78.0.3904.70

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

      1. gago9

        laptop macOS 10_15 | public Safari

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

  4. kiseopt

    phone_android Linux | public Safari

    是大佬!

发表评论

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