ວິທີການເພີ່ມຮູບແບບບັດບົດຄວາມໃນ WordPress? ຝັງ shortcode ໃນຮູບແບບບັດບົດຄວາມ

WordPressວິທີການເພີ່ມປະສິດທິພາບການເຊື່ອມໂຍງພາຍໃນເວັບໄຊທ໌?

ສ້າງລະຫັດຫຍໍ້ດ້ວຍບົດຄວາມຮູບຫຍໍ້ & ປຸ່ມບັນນາທິການ

ການເພີ່ມປະສິດທິພາບການເຊື່ອມຕໍ່ພາຍໃນເວັບໄຊທ໌, ໃນSEOການເຊື່ອມໂຍງສະເຫມີມີຄວາມສໍາຄັນຫຼາຍ, ແລະໂຄງສ້າງການເຊື່ອມໂຍງທີ່ດີແມ່ນມີປະໂຫຍດຫຼາຍຕໍ່ SEO.

ຖ້າບົດຄວາມປະຈຸບັນກ່ຽວຂ້ອງກັບບົດຄວາມອື່ນ, ອັດຕະໂນມັດເພີ່ມການເຊື່ອມຕໍ່ໄປຫາຫນ້າ:

• ຈະເພີ່ມຈໍານວນແລະຄວາມເລິກຂອງການລວບລວມຂໍ້ມູນໂດຍ spider ເຄື່ອງຈັກຊອກຫາ,
• ຊ່ວຍ​ເພີ່ມ​ຈໍາ​ນວນ​ຂອງ​ການ​ບັນ​ທຶກ​,
• ແລະນ້ໍາຫນັກຂອງຂໍ້ຄວາມສະມໍ.

ຖ້າບາງບົດຄວາມເກົ່າຖືກປັບປຸງ, ທ່ານຍັງສາມາດແນະນໍາ spider ເຄື່ອງຈັກຊອກຫາຄືນໃຫມ່ແລະດັດສະນີການປັບປຸງເນື້ອຫາຂອງບົດຄວາມເກົ່າໂດຍການເພີ່ມການເຊື່ອມຕໍ່ພາຍໃນກັບບົດຄວາມໃຫມ່.

• ຮູບແບບທົ່ວໄປຂອງການເຊື່ອມໂຍງພາຍໃນແມ່ນການເຊື່ອມໂຍງຂໍ້ຄວາມ, ໂຄງສ້າງຂອງມັນແມ່ນ ຂໍ້ຄວາມສະມໍ .
• ແຕ່ເພື່ອເພີ່ມປະສົບການຂອງຜູ້ໃຊ້, ພວກເຮົາສາມາດເພີ່ມປະສິດທິພາບການເຊື່ອມຕໍ່ບົດຄວາມໃນຫນ້າພາຍໃນ.

ໃນເວລາທີ່ທ່ານອ່ານChen Weiliangເມື່ອຂຽນບລັອກ, ທ່ານມັກຈະພົບວ່າທ່ານຝັງແບບຟອມບັດບົດຄວາມເຊັ່ນນີ້, ດ້ວຍບົດຄວາມຮູບຫຍໍ້ທີ່ມີບົດສະຫຼຸບຂອງເນື້ອໃນຂອງບົດຄວາມ, ຕົວຢ່າງ:

ວິທີການສະຫມັກຂໍເອົາເບີໂທລະສັບມືຖືຮ່ອງກົງ?ໝາຍເລກໂທລະສັບມືຖືສະເໝືອນຂອງຮົງກົງເພື່ອຮັບລະຫັດຢືນຢັນ SMS

eSender ລະຫັດສ່ວນຫຼຸດໂທລະສັບມືຖືຮ່ອງກົງ: DM6888 ຂ້ອຍສາມາດຊື້ເບີໂທລະສັບມືຖືຮົງກົງໄດ້ຢູ່ໃສ?ແນະນຳຕົວປະຕິບັດການ virtual card ໂທຂອງຮົງກົງ eSender ມັນເປັນການບໍລິການຫມາຍເລກໂທລະສັບມືຖື virtual ພາຍໃຕ້ກຸ່ມຂໍ້ມູນຂ່າວສານ Boyuan. Boyuan Information ໄດ້ຕັ້ງສາຂາຢູ່ກວາງໂຈ່ແລະຮົງກົງ, ຈີນ, ...

XNUMX. ເພີ່ມລະຫັດຫຍໍ້ຮູບແບບບັດບົດຄວາມທີ່ຝັງໄວ້

第1步：ເພີ່ມລະຫັດ PHP

ເພີ່ມລະຫັດຕໍ່ໄປນີ້ໃສ່ໄຟລ໌ functions.php ຂອງຫົວຂໍ້ WP ຂອງທ່ານ:

/**
* 加入内部文章缩略图 By 陈沩亮
* 文章地址：https://www.chenweiliang.com/cwl-638.html
**/
function cwl_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 .= '<div class="jiawen"><div class="fl"><a target="_blank" href="' . get_permalink() . '" class="fl"><i class="sui sui-link sui-fw"></i>';
$content .= get_the_title();
$content .= '</a><p class="note"><a target="_blank" rel="nofollow" href="' . get_permalink() . '">';
$content .= mb_strimwidth(strip_tags(apply_filters('post_content', $post->post_content)), 0, 180, '...');
$content .= '</a></p></div><div class="fr"><a target="_blank" rel="nofollow" href="' . get_permalink() . '"><img src=';
$content .= cwl_thumbnail_src();
$content .= ' class="jiawen-thumb" alt="' . get_the_title() . '" title="' . get_the_title() . '"></a></div></div>';
}
wp_reset_postdata();
return $content;
}
add_shortcode('jiawen', 'cwl_insert_posts');

// 加入内部文章缩略图
function cwl_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('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER);
$n = count($strResult[1]);
if($n > 0){
return $strResult[1][0]; //若无缩略图，就调用文中第一张图片作缩略图
}else {
$random = mt_rand(1, 20);
return get_template_directory_uri().'/img/random/'. $random .'.jpg'; //文章中若无图片，就随机读取在 random 文件夹内的图片作缩略图
}
}
}
}

ຖ້າໄອຄອນ hyperlink ບໍ່ປາກົດ, ທ່ານຈໍາເປັນຕ້ອງປ່ຽນຂ້າງເທິງCSSນີ້ fa fa-link fa-fw, ເຖິງ sui sui-link sui-fw

• ກະລຸນາກວດເບິ່ງຫົວຂໍ້ WP ຂອງທ່ານ, ມີໂຟນເດີ /img/random/ ບໍ?
• (ຖ້າບໍ່, ກະລຸນາສ້າງ)
• ຫຼັງຈາກນັ້ນ, ໃນໄຟລ໌ Random, ເພີ່ມ 20 ຮູບພາບ jpg.

ຮູບ​ພາບ​ແມ່ນ​ມີ​ຊື່​ຈາກ 1 ຫາ 20​:

• 1.jpg
• 2.jpg
• ... (ແລະອື່ນໆ)
• 20.jpg

第2步：ເພີ່ມລະຫັດ CSS

ເພີ່ມລະຫັດຕໍ່ໄປນີ້ໃສ່ໄຟລ໌ style.css ຂອງຫົວຂໍ້ WP ຂອງທ່ານ:

/*加入内部文章CSS*/
.fl{float:left;}
.fr{float:right;}
.jiawen{margin-bottom:25px;padding:10px;width:100%;height:100%;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;overflow:hidden;}
.jiawen:hover{box-shadow:0 1px 8px 1px rgba(0,0,0,.1);}
.jiawen .fl{width:72%;}
.jiawen .fr{padding:10px 5px;width:24%;}
.jiawen .fl a{display:block;margin-right:15px;padding:8px 0;width:100%;height: 100%;color:#8463a9!important;text-decoration:none;font-size:16px;border:none;overflow: hidden;}
.jiawen .fl .note{margin:0 0 5px;padding-left:10px;height:150px;color:#888;font-size:14px;}
.jiawen .jiawen-thumb{width:170px;height:120px;margin-top: 10px;}
@media only screen and (max-width: 700px){.jiawen .jiawen-thumb {width: auto;height: auto;}}

XNUMX. ເອີ້ນລະຫັດສັ້ນໃນຮູບແບບຂອງບັດບົດຄວາມທີ່ຝັງໄວ້ (ລະຫັດສັ້ນ)

ທ່ານສາມາດໃສ່ shortcodes ໂດຍກົງໃນການໂຕ້ຕອບ "Visual" ຫຼື "Text" ຂອງບັນນາທິການບົດຄວາມ 【jiawen ids =postID1,postID2 ...】 ຮູບແບບການໂທ.

ຕົວຢ່າງ: ຖ້າຂ້ອຍຕ້ອງການສະແດງ 3 ບົດຄວາມທີ່ເຊື່ອມຕໍ່ພາຍໃນ, ຂ້ອຍພຽງແຕ່ໃສ່ shortcode:

• 【jiawen ids=526,380,411】
• ຖ້າທ່ານໃສ່ຫຼາຍກວ່າ 5 ID ບົດຄວາມ, ມີພຽງແຕ່ 5 ບົດຄວາມເທົ່ານັ້ນທີ່ຈະສະແດງຢູ່ໃນຫຼາຍທີ່ສຸດ
• ບົດຄວາມນີ້ຖືກໃຊ້ເພື່ອຫຼີກເວັ້ນການ shortcodes ຖືກຫລົບຫນີ []
• ເມື່ອໃຊ້ shortcode, ກະລຸນາປ່ຽນ [] ເປັນ []

ຜົນກະທົບມີດັ່ງນີ້ ▼

ບັນຊີສາທາລະນະຂອງ Mimeng ປະສົບຜົນສໍາເລັດແນວໃດແລະເປັນຫຍັງມັນຈຶ່ງເປັນທີ່ນິຍົມ?

ບັນຊີຢ່າງເປັນທາງການຂອງ Mimi Meng ປະສົບຜົນສໍາເລັດແນວໃດ? ເປັນຫຍັງມັນຈຶ່ງເປັນທີ່ນິຍົມ? ມີ​ຄົນ​ຂັບ​ໄລ່​ຜູ້​ກໍ່​ເຫດ! ນັບຕັ້ງແຕ່ Mi Meng ເລີ່ມຂຽນບັນຊີສາທາລະນະ WeChat ໃນວັນທີ 2012 ກັນຍາ 9, ນາງໄດ້ມີຜູ້ຕິດຕາມ 15 ຄົນພາຍໃນເວລາພຽງ 2 ເດືອນ, ລື່ນກາຍຜົນສໍາເລັດຂອງຫຼາຍຄົນໃນທັນທີ, ເຊິ່ງເຮັດໃຫ້ຫຼາຍຄົນຢາກຮູ້ຢາກເຫັນຫຼາຍ.

ຄູສອນ ແລະ ນັກຮຽນຝຶກງານທັງສີ່ຂອງ Tang Seng ໄດ້ສົນທະນາກ່ຽວກັບການພົວພັນຂອງເພື່ອນ WeChat, ແລະຄໍາເວົ້າຂອງ Sun Wukong ເຮັດໃຫ້ຂ້ອຍຮູ້ສຶກສະບາຍໃຈ.

Tang Sanzang ແລະສາວົກສີ່ຄົນຂອງລາວໄດ້ສົນທະນາກ່ຽວກັບເຄືອຂ່າຍຂອງຫມູ່ເພື່ອນ WeChat ຄໍາເວົ້າຂອງ Sun Wukong ເຮັດໃຫ້ຂ້ອຍມີຄວາມສະຫວ່າງໃນທັນທີທັນໃດ ຄໍາແນະນໍາ: ພວກເຮົາທຸກຄົນໄດ້ອ່ານ Journey to the West, ເຈົ້າໄດ້ເຫັນ Tang Sanzang, Sun Wukong, Zhu Bajie ແລະ Sha Wujing ສົນທະນາເຄືອຂ່າຍຂອງຫມູ່ເພື່ອນ WeChat ບໍ? ຮາຮາ, ຂ້ອຍບໍ່ຄາດຄິດເລີຍວ່າຄຳເວົ້າຂອງ Sun Wukong ຈະເຮັດໃຫ້ຂ້ອຍມີຄວາມສະຫວ່າງຢ່າງກະທັນຫັນ...

ການວິເຄາະລັກສະນະທາງຈິດໃຈຂອງການອ່ານຂອງຜູ້ໃຊ້ໃນຍຸກສື່ໃຫມ່: ຖ້າເຈົ້າສະຫລາດ 7 ຂໍ້ນີ້, ທ່ານຈະມີລາຍໄດ້.

ການວິເຄາະລັກສະນະທາງຈິດວິທະຍາຂອງການອ່ານຂອງຜູ້ໃຊ້ໃນຍຸກສື່ໃໝ່: ຖ້າເຈົ້າເກັ່ງ 7 ຂໍ້ນີ້ ເຈົ້າຈະຫາເງິນໄດ້ ແນະນຳຖ້າເຮົາຢາກປະສົບຜົນສຳເລັດໃນການນຳໃຊ້ບັນຊີສາທາລະນະຂອງ WeChat ເຮົາຕ້ອງສຶກສາທຳມະຊາດຂອງມະນຸດ, ວິເຄາະຈິດຕະວິທະຍາການອ່ານຂອງຜູ້ໃຊ້ ແລະ ເຂົ້າໃຈພຶດຕິກຳການອ່ານຂອງຜູ້ໃຊ້ເທົ່ານັ້ນ.

ຖ້າທ່ານບໍ່ໄດ້ໃຊ້ shortcode ໃນຕົວແກ້ໄຂ WordPress ແລະຕ້ອງການໂທຫາມັນຢູ່ບ່ອນອື່ນ, ທ່ານສາມາດໂທຫາມັນດ້ວຍລະຫັດຕໍ່ໄປນີ້:

do_shortcode（'[neilian ids ids = postID1，postID2]'）

XNUMX. ເພີ່ມປຸ່ມບັນນາທິການ

ຖ້າທ່ານຈໍາເປັນຕ້ອງໃສ່ shortcode ດ້ວຍຕົນເອງທຸກຄັ້ງ, ມັນຮູ້ສຶກສັບສົນເກີນໄປ, ຂ້ອຍຄວນເຮັດແນວໃດ?

ພະລັງງານຂອງ WordPress ແມ່ນວ່າມັນຊ່ວຍໃຫ້ພວກເຮົາງ່າຍດາຍສິ່ງທີ່ສັບສົນ ^_^

1​) ເພີ່ມ​ປຸ່ມ​ຂໍ້​ຄວາມ​ບັນ​ນາ​ທິ​ການ​

WordPress ມີຕົວແກ້ໄຂ TinyMCE ຢູ່ໃນຕົວໂດຍຄ່າເລີ່ມຕົ້ນ. ພວກເຮົາສາມາດເພີ່ມປຸ່ມລັດໃສ່ຕົວແກ້ໄຂຂໍ້ຄວາມ TinyMCE.

ຂັ້ນ​ຕອນ​ທີ 3​:ເພີ່ມລະຫັດປຸ່ມລັດ

• ກະລຸນາເພີ່ມລະຫັດໂດຍກົງໃນໄຟລ໌ functions.php ▼

//加入内部文章，TinyMCE 编辑器文本按钮
add_action('after_wp_tiny_mce', 'add_button_mce');
function add_button_mce($mce_settings) {
?>
<script type="text/javascript">
 QTags.addButton( 'jw', '加入内部文章', '', '');
 </script>
<?php
}

ຂໍ້ຄວນລະວັງ

ຖ້າທ່ານໄດ້ເພີ່ມລະຫັດອື່ນສໍາລັບບັນນາທິການເພື່ອປັບແຕ່ງປຸ່ມລັດ, ພຽງແຕ່<script type="text/javascript"> ຂ້າງລຸ່ມນີ້, ເພີ່ມລະຫັດຕໍ່ໄປນີ້ ▼

QTags.addButton( 'jw', '加入内部文章', '', '');

ຖ້າບໍ່ດັ່ງນັ້ນມັນຈະຜິດພາດ.

2​) ເພີ່ມ​ປຸ່ມ​ສະ​ແດງ​ໃຫ້​ເຫັນ​ບັນ​ນາ​ທິ​ການ​

ເມື່ອພວກເຮົາແກ້ໄຂບົດຄວາມ WordPress, ການໂຕ້ຕອບເລີ່ມຕົ້ນແມ່ນປົກກະຕິ Visual.

ດັ່ງນັ້ນ, ມັນດີກວ່າທີ່ຈະເພີ່ມປຸ່ມໃນບັນນາທິການສາຍຕາເຊັ່ນກັນ.

• ໃນຂະນະທີ່ການທໍາງານນີ້ສາມາດຖືກປະຕິບັດໃນລະຫັດ, ມັນມີຄວາມສັບສົນເລັກນ້ອຍສໍາລັບຜູ້ໃຫມ່ຈໍານວນຫຼາຍ.
• ມັນເປັນບັນຫາສໍາລັບຜູ້ຊ່ຽວຊານ, ເພາະວ່າມັນຈໍາເປັນຕ້ອງເພີ່ມລະຫັດ JS ໃນຫົວຂໍ້, ແລະຖ້າທ່ານປ່ຽນຫົວຂໍ້, ທ່ານຕ້ອງເພີ່ມມັນອີກເທື່ອຫນຶ່ງ, ແລະຂັ້ນຕອນແມ່ນຫຍຸ້ງຍາກໂດຍສະເພາະ.

第4步：ຕິດຕັ້ງແລະເປີດໃຊ້ plugins

• Chen Weiliangປລັກອິນແມ່ນແນະນໍາ:Visual Editor ປຸ່ມກຳນົດເອງ

ຫຼັງ​ຈາກ​ການ​ຕິດ​ຕັ້ງ​ສໍາ​ເລັດ​ສົມ​ບູນ​, ພາຍ​ໃຕ້​ແຖບ​ເມ​ນູ​ຊ້າຍ​, ປຸ່ມ Visual Editor Custom ກັບ​ໄອ​ຄອນ​ຮູບ​ເກຍ​ຈະ​ປາ​ກົດ​ຂຶ້ນ ▼

第5步：ກົດ Add New

• ສ້າງປຸ່ມກຳນົດເອງ, ຊື່ໃດກໍໄດ້.
• ຕົວຢ່າງ: ເພີ່ມບົດຄວາມພາຍໃນ 

ທ່ານພຽງແຕ່ຕ້ອງການປະຕິບັດຕາມຮູບຂ້າງລຸ່ມນີ້ເພື່ອຕັ້ງຄ່າ ▼

第6步： ປຸ່ມຕົວເລືອກເນື້ອຫາ

• ເລືອກ Wrap ເລືອກ.

第7步： ກ່ອນທີ່ຈະຕັ້ງ

• ຕື່ມຂໍ້ມູນໃສ່ໃນ shortcode

ຂັ້ນ​ຕອນ​ທີ 8​:ສະແດງຢູ່ໃນການຕັ້ງຄ່າບັນນາທິການ

• ທ່ານສາມາດກວດເບິ່ງປຸ່ມສະແດງ Visual Editor ຫຼື Text Editor.
• ໃຫ້ສັງເກດວ່າຖ້າຕົວແກ້ໄຂຂໍ້ຄວາມຖືກກວດສອບ, ທ່ານສາມາດຂ້າມ "ເພີ່ມລະຫັດປຸ່ມລັດ" ຂ້າງເທິງ, ຖ້າບໍ່ດັ່ງນັ້ນມັນຈະຖືກຊ້ໍາອີກ.

ຂັ້ນ​ຕອນ​ທີ 9​:ຕົວເລືອກໄອຄອນປຸ່ມ

• ໃນເມນູຕົວເລືອກເລື່ອນລົງ, ເລືອກໄອຄອນກອບ.

ຂັ້ນ​ຕອນ​ທີ 10​:ທົດສອບ

• ໃນທີ່ສຸດ, ແນ່ນອນ, ມັນຂຶ້ນກັບທ່ານທີ່ຈະທົດສອບຜົນກະທົບດ້ວຍຕົນເອງ ^_^
• ຖ້າ​ຫາກ​ວ່າ​ຂັ້ນ​ຕອນ​ຂ້າງ​ເທິງ​ນີ້​ແມ່ນ​ຖືກ​ຕ້ອງ​, ທ່ານ​ຈະ​ເຫັນ​ປຸ່ມ​ດັ່ງ​ທີ່​ສະ​ແດງ​ໃຫ້​ເຫັນ​ຂ້າງ​ລຸ່ມ​ນີ້​ໃນ​ການ​ໂຕ້​ຕອບ​ຮູບ​ພາບ​ຂອງ​ບັນ​ນາ​ທິ​ການ ▼​