Momwe mungawonjezere kalembedwe kakhadi yankhani mu WordPress? Ikani shortcode mu fomu yamakhadi

WordPressMomwe mungakulitsire maulalo amkati awebusayiti?

Pangani Shortcodes ndi Zolemba za Thumbnail & Mabatani Osintha

Kukhathamiritsa kwa ulalo wamkati mwawebusayiti, muSEOMaulalo akhala ofunikira nthawi zonse, ndipo mawonekedwe abwino amalumikizidwe ndiwopindulitsa kwambiri ku SEO.

Ngati nkhani yapano ikukhudzana ndi zolemba zina, onjezani ulalo watsambalo:

• zidzakulitsa kwambiri kuchuluka ndi kuya kwa zokwawa ndi akangaude osakira,
• imathandizira kuwonjezera kuchuluka kwa zolembera,
• Ndipo kulemera kwa mawu osakira a nangula.

Ngati zolemba zina zakale zasinthidwa, muthanso kulangiza akangaude kuti azikwawanso ndikuwonetsa zosintha zankhani zakale powonjezera maulalo amkati kuzolemba zatsopano.

• Njira yodziwika bwino yolumikizira mkati ndi ulalo wamawu, womwe kapangidwe kake ndi mawu a nangula .
• Koma pofuna kupititsa patsogolo luso la ogwiritsa ntchito, titha kukulitsa maulalo ankhani patsamba lamkati.

mukawerengaChen WeiliangMukamalemba mabulogu, nthawi zambiri mumapeza kuti mumayika makadi ankhani monga chonchi, ndi chithunzithunzi chomwe chili ndi chidule cha zomwe zili munkhaniyo, mwachitsanzo:

Kodi mungalembe bwanji nambala yam'manja ya Hong Kong?Nambala ya foni yam'manja yaku Hong Kong kuti mulandire nambala yotsimikizira za SMS

eSender Khodi yochotsera nambala yafoni ya ku Hong Kong: DM6888 Kodi ndingagule kuti nambala yafoni ya ku Hong Kong?Ogwiritsa ntchito makina oyitanitsa ku Hong Kong adalimbikitsa eSender Ndi ntchito ya nambala yafoni pansi pa Boyuan Information Group. Boyuan Information yakhazikitsa nthambi ku Guangzhou ndi Hong Kong, China,...

XNUMX. Onjezani shortcode yamtundu wankhani yophatikizidwa

Khwerero 1:Onjezani PHP kodi

Onjezani nambala iyi pafayilo yanu ya mutu wa WP function.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 文件夹内的图片作缩略图
}
}
}
}

Ngati chizindikiro cha hyperlink sichikuwoneka, muyenera kusintha zomwe zili pamwambapaCSSZa izi fa fa-link fa-fw,ku sui sui-link sui-fw

• Chonde onani mutu wanu wa WP, kodi pali / img/random/ foda?
• (ngati sichoncho, chonde pangani)
• Kenako mufayilo yachisawawa, onjezani zithunzi za 20 jpg.

Zithunzizo zimatchulidwa kuyambira 1 mpaka 20:

• 1.jpg
• 2.jpg
• ... (ndi zina zotero)
• 20.jpg

Khwerero 2:Onjezani khodi ya CSS

Onjezani nambala iyi ku fayilo yanu ya WP theme's 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. Pemphani kachidindo kachidule ngati khadi lophatikizidwa (kodi yaifupi)

Mutha kuyika ma shortcode mwachindunji mu mawonekedwe a "Visual" kapena "Text" a mkonzi wa nkhani 【jiawen ids =postID1,postID2 ...】 kuyimba foni.

Mwachitsanzo, ngati ndikufuna kuwonetsa zolemba za 3 zolumikizidwa mkati, ndimangolowetsa shortcode:

• 【jiawen ids=526,380,411】
• Ngati mulowetsa ma ID opitilira 5, zolemba 5 zokha ndizomwe zikuwonetsedwa kwambiri
• Nkhaniyi imagwiritsidwa ntchito kupewa kuti ma shortcode athawe []
• Mukamagwiritsa ntchito shortcode, chonde sinthani [] kukhala []

Zotsatira zake ndi izi ▼

Kodi akaunti ya Mimeng idapambana bwanji ndipo ndichifukwa chiyani idatchuka kwambiri?

Kodi akaunti yovomerezeka ya Mimi Meng idachita bwino bwanji? N'chifukwa chiyani ili yotchuka kwambiri? Pali mphamvu yoyendetsera chifukwa! Kuyambira pomwe Mi Meng adayamba kulemba akaunti zapagulu za WeChat pa Seputembara 2012, 9, adapeza otsatira 15 m'miyezi iwiri yokha, kupitilira zomwe anthu ambiri adachita, zomwe zidapangitsa anthu ambiri chidwi.

Aphunzitsi anayi ndi ophunzira a Tang Seng adakambirana za abwenzi a WeChat, ndipo zolankhula za Sun Wukong zidandipangitsa kukhala womasuka.

Tang Sanzang ndi ophunzira ake anayi anakambirana za netiweki abwenzi a WeChat zolankhula Sun Wukong zinandipangitsa ine kuunikira: Tonse tawerengapo Ulendo wa Kumadzulo. Haha, sindimayembekezera kuti zolankhula za Sun Wukong zingandidziwitse mwadzidzidzi ...

Kusanthula kwamaganizidwe amalingaliro a ogwiritsa ntchito munthawi yatsopano yapa media: ngati mudziwa bwino izi 7, mupeza ndalama.

Kusanthula kwamalingaliro amalingaliro a ogwiritsa ntchito munyengo yatsopano yapa media: Ngati mudziwa bwino izi 7, mupanga ndalama zoyambira Ngati tikufuna kuti tipambane pakuyendetsa akaunti yapagulu ya WeChat, tiyenera kuphunzira umunthu wamunthu, kusanthula kuwerenga kwama psychology kwa ogwiritsa ntchito, ndikumvetsetsa momwe amawerengera ogwiritsa ntchito.

Ngati simukugwiritsa ntchito shortcode mu mkonzi wa WordPress ndipo mukufuna kuyitcha kwina, mutha kuyitcha ndi nambala iyi:

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

XNUMX. Onjezani batani losintha

Ngati mukufuna kulowetsa pamanja shortcode nthawi zonse, zimakhala zovuta kwambiri, nditani?

Mphamvu ya WordPress ndikuti imatilola ife kufewetsa zinthu zovuta ^_ ^

1) Onjezani batani lolemba zolemba

WordPress ili ndi cholembera cha TinyMCE chokhazikika mwachisawawa.

Gawo 3:Onjezani batani lachidule la batani

• Chonde onjezani kachidindo mwachindunji mu fayilo ya function.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
}

Njira zopewera

Ngati mwawonjezera nambala ina kuti mkonzi asinthe mabatani achidule, basi<script type="text/javascript"> Pansipa, onjezani khodi ili ▼

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

Apo ayi zidzalakwika.

2) Onjezani batani lowonera mkonzi

Tikasintha zolemba za WordPress, mawonekedwe osasinthika nthawi zambiri amakhala Owoneka.

Chifukwa chake, ndikwabwino kuwonjezera batani muzosintha zowonera.

• Ngakhale magwiridwe antchitowa amatha kukhazikitsidwa mu code, ndizovuta kwambiri kwa omwe angoyamba kumene.
• Ndizovuta kwa akatswiri, chifukwa JS code iyenera kuwonjezeredwa pamutuwu, ndipo ngati mutuwo wasinthidwa, uyenera kuwonjezeredwa kachiwiri, zomwe zimamveka zovuta kwambiri.

Khwerero 4:Ikani ndi kuyatsa mapulagini

• Chen WeiliangMapulagini akulimbikitsidwa:Mabatani a Visual Editor

Kuyikako kukamaliza, pansi pa menyu yakumanzere, Mabatani a Visual Editor okhala ndi chizindikiro cha gear adzawonekera ▼

Khwerero 5:Dinani Add Chatsopano

• Pangani batani lokonda, dzina lililonse.
• Mwachitsanzo: kuwonjezera zolemba zamkati 

Mukungoyenera kutsatira chithunzi chomwe chili pansipa kuti mukhazikitse ▼

Khwerero 6: Batani Content mwina

• Sankhani Manga Kusankha.

Khwerero 7: Asanakhazikike

• Lembani shortcode

Gawo 8:Onetsani Zokonda mu Editor

• Mutha kuyang'ana mabatani a Visual Editor kapena Text Editor.
• Dziwani kuti ngati Text Editor yafufuzidwa, mutha kudumpha "Onjezani batani lachidule" pamwambapa, apo ayi ibwerezedwa.

Gawo 9:Zosankha zazithunzi za batani

• Mu dontho-pansi options menyu, kusankha Framed mafano.

Gawo 10:Mayeso

• Pamapeto pake, zili ndi inu kuyesa zotsatira zake nokha ^_^
• Ngati zomwe zili pamwambazi zili zolondola, muwona batani monga momwe iliri pansipa mu mawonekedwe a mkonzi ▼