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

      是大佬!

    发表评论

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