Sengoli sa Lingoloa
Mokhoa oa ho ntlafatsa lihokelo tsa kahare webosaeteng ea WordPress ?
Theha Shortcodes ka Lingoloa tsa Thumbnail & Likonopo tsa Mohlophisi
Ntlafatso ea lihokelo tsa kahare e bohlokoa haholo kamehla ho SEO , kaha sebopeho se setle sa lihokelo se molemo haholo bakeng sa ntlafatso ea lienjine tsa ho batla.
Haeba sengoloa sa hajoale se amana le lingoliloeng tse ling, kenya sehokelo sa leqephe:
- e tla eketsa haholo palo le botebo ba ho khasa ka likho tsa enjine ea ho batla,
- thusa ho eketsa palo ea lirekoto,
- Le boima ba mantsoe a sehlooho a mongolo oa ankora.
Haeba lingoliloeng tse ling tsa khale li nchafalitsoe, u ka boela ua laela likho tsa enjine ea ho batla ho khasa bocha le ho supa litaba tsa litaba tsa lingoloa tsa khale ka ho kenya likhokahano tsa kahare ho lingoliloeng tse ncha.
- Mokhoa o tloaelehileng oa ho hokahanya ka hare ke sehokelo sa mongolo, seo sebopeho sa sona e leng mongolo oa anchor .
- Empa molemong oa ho ntlafatsa boiphihlelo ba mosebelisi, re ka ntlafatsa lihokelo tsa sengoloa leqepheng le kahare.
Ha o bala dingolwa tsa blog tsa Chen Weiliang , hangata o ka fumana dingolwa tse kentsweng ka sebopeho sa karete, tse nang le ditshwantsho tse nyane tse nang le kakaretso ya dikahare tsa sengoloa, tse kang:
XNUMX. Eketsa shortcode ea setaele sa karete ea sengoloa
Mohato oa 1: Kenya khoutu ea PHP
Kenya khoutu e latelang ho file ea hau ea WP theme.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 文件夹内的图片作缩略图
}
}
}
}Haeba aekhone ea hyperlink e sa hlahe, o hloka ho khutlisa tse kaholimoCSSTsa sena fa fa-link fa-fw, ho sui sui-link sui-fw
- Ka kopo sheba sehlooho sa hau sa WP, na ho na le /img/random/ foldareng?
- (haeba ho se joalo, ka kopo theha)
- Ebe faeleng e sa reroang, eketsa litšoantšo tse 20 tsa jpg.
Litšoantšo li ngotsoe ho tloha ho 1 ho isa ho 20:
- 1.jpg
- 2.jpg
- ... (joalo joalo)
- 20.jpg
Mohato oa 2: Kenya khoutu ea CSS
Kenya khoutu e latelang faeleng ea hau ea WP theme.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. Kopa khoutu e khuts'oane ka mokhoa oa karete ea sengoloa e kentsoeng (khoutu e khuts'oane)
U ka kenya li-shortcodes ka kotloloho ho sebopeho sa "Visual" kapa "Text" sa mohlophisi oa sengoloa 【jiawen ids =postID1,postID2 ...】 fomete mohala.
Mohlala, haeba ke batla ho hlahisa lingoloa tse 3 tse hokahantsoeng ka hare, ke kenya feela shortcode:
【jiawen ids=526,380,411】- Haeba u kenya li-ID tsa lingoloa tse fetang 5, ke lingoloa tse 5 feela tse tla hlahisoa haholo
- Sengoliloeng sena se sebelisetsoa ho qoba li-shortcodes ho baleha []
- Ha o sebelisa shortcode, ka kopo fetola [] ho []
Phello e tjena ▼
Haeba u sa sebelise shortcode ho mohlophisi oa WordPress 'me u batla ho e letsetsa kae kapa kae, u ka e letsetsa ka khoutu e latelang:
do_shortcode（'[neilian ids ids = postID1，postID2]'）
XNUMX. Kenya konopo ea mohlophisi
Haeba o hloka ho kenya shortcode ka letsoho nako le nako, e ikutloa e le boima haholo, ke lokela ho etsa eng?
Matla a WordPress ke hore e re lumella ho nolofatsa lintho tse rarahaneng ^_ ^
1) Kenya konopo ea mongolo oa mohlophisi
WordPress e na le mohlophisi oa TinyMCE o hahelletsoeng ka ho sa feleng. Re ka kenya likonopo tse khaoletsang ho sebopeho sa mongolo sa TinyMCE.
Mohato oa 3: Kenya khoutu ea konopo ea tsela e khutšoanyane
- Ka kopo, eketsa khoutu ka ho toba mesebetsing.php faele ▼
//加入内部文章，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
}
Litlhokomelo
Haeba o kentse khoutu e 'ngoe bakeng sa mohlophisi ho etsa li-buttons tsa tsela e khuts'oane, feela<script type="text/javascript"> Ka tlase, kenya khoutu e latelang ▼
QTags.addButton( 'jw', '加入内部文章', '', '');
Ho seng joalo e tla tsamaea hampe.
2) Kenya konopo ea pono ea mohlophisi
Ha re hlophisa lingoloa tsa WordPress, sebopeho sa kamehla se atisa ho bonoa.
Kahoo, ho molemo ho eketsa konopo ho mohlophisi oa pono.
- Le ha ts'ebetso ena e ka kengoa ts'ebetsong ka khoutu, e batla e rarahane ho batho ba bangata ba bacha.
- Ho thata ho litsebi, hobane hoa hlokahala ho eketsa khoutu ea JS ho sehlooho, 'me haeba u fetola sehlooho, u tlameha ho e eketsa hape,' me mehato e boima haholo.
Mohato oa 4: Kenya le ho nolofalletsa plugin
- Chen WeiliangLi-plugins lia khothaletsoa:Visual Editor Custom Buttons
Kamora hore ts'ebetso e phethe, tlas'a bareng ea menyu e ka letsohong le letšehali, ho tla hlaha Li-buttons tsa Custom Editor tse nang le letšoao la gear ▼
Mohato oa 5: Tobetsa Eketsa e Ncha
- Etsa konopo e ikhethileng, lebitso lefe kapa lefe.
- Mohlala: ho eketsa lingoliloeng tsa kahare
U hloka feela ho latela setšoantšo se ka tlase ho theha ▼
Mohato oa 6: Likhetho tsa Dikahare tsa Likonopo
- Kgetha Kgetho ya Phuthela.
Mohato oa 7: Pele ho Seta
- Tlatsa shortcode
Mohato oa 8: Pontšo ho Litlhophiso tsa Mohlophisi
- U ka sheba likonopo tsa pontšo ea Visual Editor kapa Text Editor.
- Hlokomela hore haeba Text Editor e khethiloe, u ka tlola "Eketsa konopo ea shortcut" ka holimo, ho seng joalo e tla phetoa.
Mohato oa 9: Likhetho tsa Letšoao la Konopo
- Ho menu e theoha, khetha letšoao la Framed.
Mohato oa 10: Teko
- Qetellong, ehlile, ho ho uena ho itlhahloba ka bouena ^_^
- Haeba mehato e kaholimo e nepahetse, u tla bona konopo joalo ka ha e bonts'itsoe ka tlase ho sebopeho sa pono sa mohlophisi ▼
Re tšepa hore sengoloa se reng "Mokhoa oa ho Eketsa Mekhoa ea Likarete tsa Poso ho WordPress? Khoutu e Khutšoanyane bakeng sa ho Kenya Likarete tsa Poso" se arolelanoeng ho blog ea Chen Weiliang ( https://www.chenweiliang.com/ ) se tla u thusa.
Ikutloe u lokolohile ho arolelana sehokelo sa sengoloa sena: https://www.chenweiliang.com/cwl-638.html