WordPress创建带缩略图文章内链(短代码/添加编辑器按钮)

首页 » 经验教程 » 正文

文章内链在 SEO 链接建设中一直是相当重要的,良好的内链结构对 SEO 十分有益。当你有在当前文章页调用站内其他文章或页面时,积极在页面中增加内链可以极大地提高蜘蛛抓取的次数和深度,在增加了收录量的同时也提高了锚文本关键词的收录。有些旧文章如果更新了,你也可以通过在新文章中添加内链来引导蜘蛛重新抓取收录更新。
WordPress创建带缩略图文章内链(短代码/添加编辑器按钮)

网上的效果对比
百度上的方法大多是利用iframe引入文章简介,或者改进后的方法,样式虽然漂亮,但是对于小白站长而言使用上有一定的困难,且iframe引入并不例如搜索引擎优化,还容易被运营商植入广告。
内部链接的常见形式是带有结构的文本链接如:

锚文本

然而,为了增强用户体验,我们可以丰富内部链接页面或文章。经常在网上阅读文章时,你可能经常会发现文章中插入了缩略图和内容的摘要,如下图:
WordPress创建带缩略图文章内链(短代码/添加编辑器按钮)
下面我们详细说明一下WordPress创建带缩略图文章内链的方法和短代码/添加编辑器按钮方法

修改php代码

采用的代码使用wordpress原生支持,显示效果非常简约大气。使用方法更加简单,通用性更强,适应大部分wordpress主题。

在 wordpress主题的 functions.php 中加上以下代码:

// 内链图片src
 function liao_the_thumbnail_src() {
 global $post;
 if ( get_post_meta($post->ID, 'thumbnail', true) ) { //如果有缩略图,则显示缩略图
 $image = get_post_meta($post->ID, 'thumbnail', true);
 return $image;
 } else {
 if ( has_post_thumbnail() ) { //如果有缩略图,则显示缩略图
 $img_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), "Full");
 return $img_src[0];
 } else {
 $content = $post->post_content;
 preg_match_all('//sim', $content, $strResult, PREG_PATTERN_ORDER);
 $n = count($strResult[1]);
 if($n > 0){
 return $strResult[1][0]; //没有缩略图就取文章中第一张图片作为缩略图
 }else {
 $random = mt_rand(1, 76);
 return get_template_directory_uri().'/img/random/'. $random .'.jpg'; //文章中没有图片就在 random 文件夹下随机读取图片作为缩略图
 }
 }
 }
 }

//给文章加内链
 function liao_insert_posts( $atts, $content = null ){
 extract( shortcode_atts( array(
 'ids' => ''
 ),
 $atts ) );
 global $post;
 $content = '';
 $postids = explode(',', $ids);
 $inset_posts = get_posts(array('post__in'=>$postids));
 foreach ($inset_posts as $key => $post) {
 setup_postdata( $post );
 $content .= '
'; $content .= get_the_title(); $content .= '

'; $content .= get_the_excerpt(); $content .= '

'; } wp_reset_postdata(); return $content; } add_shortcode('neilian', 'liao_insert_posts');

添加css样式

.fl{float:left}
.fr{float:right}
.neilian{margin-bottom:25px;padding:10px;width:100%;height:170px;border:1px solid #e8e8e8;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.1);cursor:pointer;-webkit-transition:box-shadow 218ms;-moz-transition:box-shadow 218ms;-o-transition:box-shadow 218ms;transition:box-shadow 218ms}
.neilian:hover{box-shadow:0 1px 8px 1px rgba(0,0,0,.1)}
.neilian .fl{width:72%}
.neilian .fr{padding:10px 5px;width:24%}
.neilian .fl a{display:block;margin-right:15px;padding:8px 5px;width:100%;color:#35a56b!important;text-decoration:none;font-size:16px;border:none}
.neilian .fl .note{margin:0 0 5px;padding-left:10px;color:#888;font-size:14px}
.neilian .neilian-thumb{width:170px;height:120px}

短代码调用方法

在文章内容编辑器 可视化(Visual) 或 文本(text) 状态下,直接使用的格式即可调用。
WordPress创建带缩略图文章内链(短代码/添加编辑器按钮)

如果你不是在文章内容中,而是在其他地方调用,则可使用do_shortcode('')来调用。

后台文本状态下添加快捷按钮
WordPress 默认内置的是 TinyMCE 编辑器。如果是在文本状态下增加按钮是很简单的,直接在 functions.php 文件里添加代码:

add_action('after_wp_tiny_mce', 'add_button_mce');
function add_button_mce($mce_settings) {
?>


效果如图:

WordPress创建带缩略图文章内链(短代码/添加编辑器按钮)
小结
当你在当前文章页面的站点中调用其他文章或页面时,主动向页面添加内部链可以大大提高抓取蜘蛛的数量和深度,并增加收录的数量。这是一个既美观,又有搜索引擎优化作用的操作,还没上手的小伙伴赶紧试试吧。

未经允许不得转载:作者:有鱼, 转载或复制请以 超链接形式 并注明出处 抓虾网
原文地址:《WordPress创建带缩略图文章内链(短代码/添加编辑器按钮)》 发布于2019-07-03

分享到:
赞(0) 打赏

评论 抢沙发

5 + 9 =


觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

切换登录

注册