正文:
内部链接在搜索引擎优化中扮演着重要的角色,良好的内部链接结构对于优化非常有益。当您在当前页面中引用其他文章或页面时,主动添加内部链接可以增加蜘蛛的抓取数量和深度,并提高收录数量。
内部链接通常以文本链接的形式出现。然而,为了提升用户体验,我们可以在内部链接中添加缩略图和内容摘要,使文章更加丰富。在浏览网上文章时,您可能经常会看到插入了缩略图和内容摘要的内部链接。
一、PHP
代码部分
在 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
二、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}
三、短代码调用方法
在 文章(post
) 内容编辑器 可视化(Visual
) 或 文本(text
) 状态下,直接使用[code
][/code
]的格式即可调用。
比如,我要显示 3 个内链文章,就直接写短代码:[code
][/code
]
如果你需要在文章内容以外的地方调用,可以使用 do_shortcode
(”)函数。
四、在后台文本状态下添加快捷按钮
WordPress
默认使用的是 TinyMCE
编辑器。如果你想在文本状态下添加快捷按钮,只需在 functions
.php
文件中添加以下代码:
java
转载请注明:汇站网 » 使用短代码在 WordPress
文章中创建图文内链