登录 注册 VIP特权 提交收录
Search Engine Optimization,不撸代码不修BUG
主页 » 教程 » 正文

typecho实现QQ卡片链接,教程案例

昨晚上在typecho交流群讨论过的问题,就是如何让发到群里的网址自动显示卡片的形式,而不通过浏览器或者其它接口的分享。实现的方法其实不算难,主要是页面头部的meta申明,按道理一般的模板开发者都会的,不过鉴于还是新手太多,所以整理一篇教程也没什么关系(最近没什么东西好写)。值得注意的是,配置好了也不一定会立即生效,QQ存在缓存,可能要过一两天,另外部分网址,比如存在加载不出的超时链接,或者域名存在问题的,也不会显示。

代码如下,加入全局头部模板head标签内部:

<meta property="og:image" <?php if($this->is('post')||$this->is('page')): ?>
content="<?php showThumbnail($this,0); ?>"<?php else: ?>
<?php if ($this->options->logoUrl){ ?>content="<?php $this->options->logoUrl();?>"<?php }else{ ?>content="<?php $this->options->siteUrl(); ?>logo.jpg"<?php };?><?php endif; ?>>
<meta property="og:title" content="<?php $this->archiveTitle(array(
'category'=>_t('%s '),
'search'=>_t('包含关键字 %s 的文章'),
'tag' =>_t('标签 %s 下的文章'),
'author'=>_t('%s 的主页')
), '', ' - '); ?><?php $this->options->title(); ?>"/>
<meta property="og:description" content="<?php $this->options->description(); ?>">  
<meta property="og:url" content="<?php $this->permalink() ?>"/>  
<meta itemprop="name" content="<?php $this->archiveTitle(array(
'category'=>_t('%s '),
'search'=>_t('包含关键字 %s 的文章'),
'tag' =>_t('标签 %s 下的文章'),
'author'=>_t('%s 的主页')
), '', ' - '); ?><?php $this->options->title(); ?>">
<meta itemprop="description" content="<?php $this->options->description(); ?>">
<meta itemprop="image" <?php if($this->is('post')||$this->is('page')): ?>
content="<?php showThumbnail($this,0); ?>"<?php else: ?>
<?php if ($this->options->logoUrl){ ?>content="<?php $this->options->logoUrl();?>"<?php }else{ ?>content="<?php $this->options->siteUrl(); ?>logo.jpg"<?php };?><?php endif; ?>>

昨晚上有人提出了疑问,所以我慢慢的解释

1.关于图片的问题

<meta property="og:image" <?php if($this->is('post')||$this->is('page')): ?>
    content="<?php showThumbnail($this,0); ?>"<?php else: ?>
    <?php if ($this->options->logoUrl){ ?>content="<?php $this->options->logoUrl();?>"<?php }else{ ?>content="<?php $this->options->siteUrl(); ?>logo.jpg"<?php };?><?php endif; ?>>

以上代码og:image,代表你想要在卡片中显示的图片,我这里是对typecho的页面进行判断,如果是文章页和独立页面,则调用第一张设置的图片,而首页则调用logo,如果模板没在设置中定义logo,则调用在根目录的logo.jpg文件。但是存在问题的是以下代码。

<?php showThumbnail($this,0); ?>

这句代码是我写在function.php的方法,为调用文章的第一个图片附件,而不同的模板可能是不同的方法,所以如果要用,请将这一句改成自己所使用模板的缩略图调用方法,如果没有缩略图功能,可以参考typecho调用多张缩略图,非插件实现
相应的,最后一句itemprop="image"也是相同的含义。

2.关于标题的问题

<meta property="og:title" content="<?php $this->archiveTitle(array(
    'category'=>_t('%s '),
    'search'=>_t('包含关键字 %s 的文章'),
    'tag' =>_t('标签 %s 下的文章'),
    'author'=>_t('%s 的主页')
    ), '', ' - '); ?><?php $this->options->title(); ?>"/>

这句代码调用了不同页面的标题,根据typecho自带的判断,一般来说自己的模板都会在title有这类写法,所以直接参考那里的将这些判断修改即可。注意需要和网站本身的命名方式相同最好。


您的大名:
万水千山总是情,给个打赏行不行。 打赏

标签: typechoQQ卡片
! 如链接失效请在下方留言。本站所发布的全部内容源于互联网搬运,仅限于小范围内传播学习和文献参考,请在下载后24小时内删除,如果有侵权之处请第一时间联系我们删除。敬请谅解! E-mail:49613651@qq.com
原创文章,作者:一宇A1xt,如若转载,请注明出处:https://www.a1xt.com/archives/88.html

相关推荐

Typecho简单清爽主题LOVE+

LOVE+主题是SEOGO和@许建华共同推出的,这款主题为LOVE主题的收费升级版,价格29块(没见过这么便宜的typecho主题吧)...

杀死单身狗 | Typecho秀恩爱专用主题 LOVE

主题介绍相爱100件事 这个网站前后经历了熊宝的asp版及木鱼的php版,也因版本原因关闭过一段时间。自本博客使用typecho之后,...

Typecho开启报错提示,方便调试错误

不管出现何种报错,直接在根目录config.inc.php中添加一句define('__TYPECHO_DEBUG__', true);

MbEditor一款Typecho模板编辑器插件

介绍能够让typecho模板编辑界面支持行号,代码高亮,匹配括号,还支持多种皮肤选择为什么要做它?我比较喜欢在typecho的后台直接...

StickyPlus-Typecho文章置顶插件增强版

基于willin kan的版本文章置顶插件拓展功能,因为群友需要在分类页面置顶文章,所以就试着弄了这个功能介绍支持分别在首页页面设置置...

UploadPlugin一款Typecho上传zip包安装删除插件/主题插件

启用后可在菜单“控制台”-“上传”面板内自动安装插件/主题压缩包,或直接删除禁用的插件/主题文件夹,省去FTP等操作。插件要求php支...

Posthelper标签图片批量插入Typecho插件

功能介绍支持一键插入附件中的所有图片支持一键插入所有非图片附件后台编辑文章时增加标签选择列表支持检测文章内容自动插入标签解决全屏状态下...

Titleshow高级版Typecho部分内容加密插件

Titleshow高级版这个高级版能够让文章的加密功能只加密部分文章内容,也是根据网友要求低价定制的,所以插件并不会免费放出,,故改为...


猜你喜欢

Typecho简单伪装成Wordpress

昨晚上在typecho交流群讨论过的问题,就是如何让发到群里的网址自动显示卡片的形式,而不通过浏览器或者其它接口的分享。实现的方法其实...


上一篇
下一篇

发表评论