WordPress дээр нийтлэлийн картын хэв маягийг хэрхэн нэмэх вэ? Өгүүллийн картын хэлбэрт богино код оруулах

WordPressВэбсайт дотоод холбоосыг хэрхэн оновчтой болгох вэ?

Өнгөц зургийн нийтлэл, засварлагч товчлуураар богино код үүсгээрэй

Вэбсайт дотоод холбоосын оновчлол, inSEOХолбоосууд үргэлж маш чухал байсаар ирсэн бөгөөд сайн холбоосын бүтэц нь SEO-д маш их ашиг тустай байдаг.

Хэрэв одоогийн нийтлэл бусад нийтлэлтэй холбоотой бол хуудас руу автоматаар холбоос нэмнэ үү.

• хайлтын системийн аалзны мөлхөгчдийн тоо, гүнийг ихээхэн нэмэгдүүлэх болно,
• бичлэгийн тоог нэмэгдүүлэхэд туслах,
• Мөн зангуу текстийн түлхүүр үгсийн жин.

Хэрэв зарим хуучин нийтлэлүүд шинэчлэгдсэн бол та хайлтын системийн аалзуудад шинэ нийтлэлүүдэд дотоод холбоосыг нэмж хуучин нийтлэлүүдийн агуулгын шинэчлэлтийг дахин мөлхөж, индексжүүлэхийг зааж өгч болно.

• Дотоод холболтын нийтлэг хэлбэр нь текст холбоос бөгөөд түүний бүтэц нь зангуу текст юм.
• Гэхдээ хэрэглэгчийн туршлагыг сайжруулахын тулд бид дотоод хуудсан дээрх нийтлэлийн холбоосыг илүү оновчтой болгож чадна.

уншиж байхдааЧен ВэйлянБлог хөтөлж байхдаа та нийтлэлийн картын маягтыг нийтлэлийн агуулгын хураангуйг агуулсан өнгөц зураг бүхий нийтлэлийн хамт шигтгэсэн байхыг ихэвчлэн олж мэднэ, жишээлбэл:

Хонг Конгийн гар утасны дугаарыг хэрхэн авах вэ?SMS баталгаажуулах код хүлээн авах Хонг Конгийн виртуал гар утасны дугаар

eSender Хонг Конгийн гар утасны дугаарын хөнгөлөлтийн код: DM6888 Хонг Конгийн гар утасны дугаарыг хаанаас худалдаж авах вэ?Хонг Конгийн дуудлагын картын виртуал операторыг санал болгож байна eSender Энэ нь Боюан Мэдээллийн Группийн гар утасны виртуал дугаар үйлчилгээ юм. Boyuan Information салбараа БНХАУ-ын Гуанжоу, Хонконг хотуудад байгуулж,...

XNUMX. Суулгасан нийтлэлийн картын загварын богино кодыг нэмнэ үү

1-р сар:PHP код нэмнэ үү

WP сэдвийнхээ functions.php файлд дараах кодыг нэмнэ үү:

/**
* 加入内部文章缩略图 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 文件夹内的图片作缩略图
}
}
}
}

Хэрэв гипер холбоосын дүрс гарч ирэхгүй бол та дээрхийг солих хэрэгтэйCSSҮүнээс fa fa-link fa-fw, руу sui sui-link sui-fw

• WP сэдвээ шалгана уу, /img/random/ хавтас байна уу?
• (үгүй бол үүсгэнэ үү)
• Дараа нь санамсаргүй файлд 20 jpg зураг нэмнэ үү.

Зургийг 1-ээс 20 хүртэл нэрлэсэн байна:

• 1.jpg
• 2.jpg
• ... (гэх мэт)
• 20.jpg

2-р сар:CSS код нэмнэ үү

Дараах кодыг WP загварын style.css файлд нэмнэ үү:

/*加入内部文章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. Богино кодыг суулгагдсан нийтлэлийн карт хэлбэрээр дуудах (богино код)

Та нийтлэлийн засварлагчийн "Visual" эсвэл "Текст" интерфэйст шууд богино код оруулах боломжтой 【jiawen ids =postID1,postID2 ...】 дуудлагыг форматлах.

Жишээлбэл, хэрэв би дотроо холбогдсон 3 нийтлэлийг харуулахыг хүсвэл богино кодыг оруулна уу:

• 【jiawen ids=526,380,411】
• Хэрэв та 5-аас дээш нийтлэлийн ID-г оруулбал хамгийн ихдээ зөвхөн 5 нийтлэл гарч ирнэ
• Богино кодыг орхигдуулахгүйн тулд энэ нийтлэлийг ашигладаг []
• Богино кодыг ашиглахдаа []-г [] болгож өөрчилнө үү.

Үр нөлөө нь дараах байдалтай байна ▼

Mimeng-ийн нийтийн данс хэрхэн амжилтанд хүрсэн, яагаад ийм алдартай болсон бэ? Үүний цаана шалтгаан бий

Мими Мэнгийн албан ёсны бүртгэл хэрхэн амжилттай болсон бэ? Яагаад ийм алдартай болсон бэ? Үүний цаана хөдөлгөгч хүч бий! Ми Мэн 2012 оны 9-р сарын 15-наас эхлэн WeChat-д нийтийн данс бичиж эхэлснээс хойш хоёрхон сарын дотор 2 дагагчтай болж, олон хүний ​​амжилтыг тэр дор нь гүйцэж түрүүлсэн нь олон хүний ​​сонирхлыг ихэд татав.

Тан Сэнгийн дөрвөн багш, шавь нар WeChat-ын найзуудын харилцааны талаар ярилцаж, Сун Вуконгийн хэлсэн үг намайг гайхшруулсан.

Тан Санзанг болон түүний дөрвөн шавь нь WeChat-ын найзуудын сүлжээний талаар ярилцав. Танилцуулга: Бид бүгдээрээ Танг Санзан, Сун Вукон, Жу Бажи, Ша Вужинг нарын WeChat-ын найзуудын сүлжээний талаар ярилцаж байхыг харсан уу? Хаха Сун Вуконгийн яриа намайг гэнэт гэгээрүүлнэ гэж бодсонгүй...

Шинэ хэвлэл мэдээллийн эрин үед хэрэглэгчдийн унших сэтгэл зүйн шинж чанаруудын дүн шинжилгээ: Хэрэв та эдгээр 7-г эзэмшсэн бол та орлого олох болно.

Шинэ медиа эрин үеийн хэрэглэгчийн унших сэтгэл зүйн шинж чанаруудын дүн шинжилгээ: Хэрэв та эдгээр 7-г эзэмшвэл мөнгө олох болно Оршил Хэрэв бид WeChat-ийн нийтийн дансыг амжилттай ажиллуулахыг хүсч байвал бид хүний ​​мөн чанарыг судалж, хэрэглэгчийн уншлагын сэтгэл зүйд дүн шинжилгээ хийж, зөвхөн үүнийг хийснээр бид өөрсдийн...

Хэрэв та WordPress засварлагчийн богино кодыг ашиглаагүй бөгөөд өөр газар дуудахыг хүсвэл дараах кодоор залгаж болно.

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

XNUMX. Засварлах товчийг нэмнэ үү

Хэрэв та богино кодыг гараар оруулах шаардлагатай бол энэ нь хэтэрхий төвөгтэй санагдаж байвал би яах ёстой вэ?

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 суулгаж идэвхжүүлнэ үү

• Чен ВэйлянЗалгаасуудыг санал болгож байна:Визуал засварлагчийн захиалгат товчлуурууд

Суулгаж дууссаны дараа зүүн цэсний мөрөнд арааны дүрс бүхий Visual Editor Custom Buttons гарч ирнэ ▼

5-р сар:Шинэ нэмэх дээр дарна уу

• Дурын нэрээр захиалгат товчлуур үүсгэ.
• Жишээ нь: дотоод нийтлэл нэмэх 

▼-г тохируулахын тулд та доорх зургийг дагахад л хангалттай

6-р сар: Агуулгын товчлуурын сонголт

• Боох сонголтыг сонгоно уу.

7-р сар: Тохируулахын өмнө

• Богино кодыг бөглөнө үү

8-р алхам:Редакторын тохиргоонд харуулах

• Та Visual Editor эсвэл Text Editor харуулах товчлууруудыг шалгаж болно.
• Хэрэв Текст засварлагчийг сонговол дээрх "Товчлолын товчлуурын код нэмэх"-ийг алгасаж болно, эс тэгвээс энэ нь давтагдах болно.

9-р алхам:Товчлуурын дүрсний сонголтууд

• Унждаг сонголтуудын цэснээс Framed дүрсийг сонгоно уу.

10-р алхам:Тест

• Эцсийн эцэст үр нөлөөг нь өөрөө шалгах нь мэдээжийн хэрэг ^_^
• Дээрх алхмууд зөв бол та засварлагчийн визуал интерфэйс дээр доор үзүүлсэн шиг товчлуурыг харах болно ▼