Fa'afefea ona fa'aopoopo le sitaili pepa tala i totonu o le WordPress? Fa'apipi'i le shortcode ile pepa pepa pepa

WordPressE faʻafefea ona faʻamalieina sootaga i totonu o le upega tafaʻilagi?

Fausia le fa'ailoga shortcode & fa'atonu fa'amau fa'atasi ma le ata

Upega tafa'ilagi fa'aoga feso'ota'iga i totonu, iSeoO feso'ota'iga e taua tele i taimi uma, ma o se fausaga feso'ota'iga lelei e aoga tele i le su'esu'eina o masini su'esu'e.

Afai o le tala o lo'o iai nei e feso'ota'i ma isi tala, fa'aopoopo so'otaga i le itulau:

• O le a matua faateleina le numera ma le loloto o suʻesuʻega apogaleveleve totolo.
• Fesoasoani e faʻateleina le aofaʻi o aoina,
• Ma le mamafa o upu autu o le taula.

Afai e toe faʻafouina nisi o tala tuai, e mafai foi ona e faʻatonuina apogaleveleve afi suʻesuʻe e toe tolotolo ma aofia ai mea faʻafouina o tala tuai e ala i le faʻaopoopoina o fesoʻotaʻiga i totonu i tala fou.

• O se ituaiga masani o fesoʻotaʻiga i totonu o se fesoʻotaʻiga tusitusiga, o lona fausaga o le taula tusi .
• Ae ina ia faʻaleleia atili le poto masani a le tagata faʻaoga, e mafai ona sili atu le faʻaogaina o fesoʻotaʻiga i luga o itulau i totonu.

pe a e faitauChen WeiliangA e fai le blog blog, atonu e masani ona e mauaina o loʻo e faʻapipiʻiina se pepa faʻailoga faʻailoga pei o lenei, faʻatasi ai ma se ata faʻataʻitaʻi o le pou, o loʻo i ai se aotelega o le faʻasalalauga, mo se faʻataʻitaʻiga:

E faʻafefea ona talosaga mo se numera feaveaʻi a Hong Kong?Numera telefoni fe'avea'i a Hong Kong e maua ai le code fa'amaonia SMS

eSender Hong Kong numera telefoni fe'avea'i numera fa'aitiitiga: DM6888 O fea e mafai ona ou fa'atau ai se numera telefoni fe'avea'i a Hong Kong?Ua fautuaina e le kamupani telefoni feavea'i kata telefoni a Hong Kong eSender Ose auaunaga numera telefoni feaveai i lalo ole Boyuan Information Group. Boyuan Information ua faatuina lala i Guangzhou ma Hong Kong, Saina,...

1. Fa'aopoopo le shortcode e fa'apipi'i ai le faiga pepa tala

Laasaga 1:Fa'aopoopo le PHP code

Fa'aopoopo le code lea i lau WP theme's functions.php faila:

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

Afai e le aliali mai le hyperlink icon, o le mea o loʻo i lugaCSSO lenei fa fa-link fa-fw, suia i sui sui-link sui-fw

• Fa'amolemole siaki lau autu WP E iai se /img/random/ folder?
• (A leai, fa'amolemole fai se tasi)
• Ona fa'aopoopo lea o ata 20 jpg i le faila fa'afuase'i.

O ata e faaigoa mai le 1 i le 20:

• 1.jpg
• 2.jpg
• … (ma faapena atu ai lava)
• 20.jpg

Laasaga 2:Fa'aopoopo le CSS code

Fa'aopoopo le fa'ailoga lea i lau WP theme's style.css faila:

/*加入内部文章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;}}

2. Vala'au le fa'ailoga pu'upu'u (short code) i le tulaga o le fa'apipi'i pepa pepa

E mafai ona e ulufale sao i le shortcode i le "Visual" poʻo le "Text" faʻaoga o le tusitala o tala. 【jiawen ids =postID1,postID2 ...】 faatulagaga valaau.

Mo se faʻataʻitaʻiga, afai ou te manaʻo e faʻaalia 3 tala faʻapipiʻi i totonu, ou te ulufale saʻo i le shortcode:

• 【jiawen ids=526,380,411】
• Afai e te ulufale i le sili atu i le 5 tusiga ID, naʻo le maualuga ole 5 tusiga o le a faʻaalia.
• O lenei tusiga e faʻaaogaina [] e puipuia ai le shortcode mai le sola ese.
• A fa'aaoga moni le shortcode, fa'amolemole sui le [] i le []

Ole a'afiaga e fa'apea ▼

Na fa'apefea ona manuia le tala fa'alaua'itele a Mimeng ma aisea ua ta'uta'ua ai?

Na faapefea ona manuia le tala aloaia a Mimi Meng? Aisea ua lauiloa ai? O loʻo i ai se malosi faʻamalosi i tua atu o le faʻamoemoe! Talu ona amata ona tusia e Mi Meng tala faʻasalalau a le WeChat i le aso 2012 o Setema, 9, na ia mauaina le 15 tagata mulimuli i le na o le lua masina, na vave lava ona sili atu i le tele o mea na ausia e tagata, lea na mafua ai ona fia iloa le tele o tagata.

Na talanoaina e faiaoga e toafa ma tagata aperenitisi a Tang Seng fesootaiga a uo WeChat, ma o le tautalaga a Sun Wukong na ou maofa ai.

Na talanoaina e Tang Sanzang ma ona soo e to'afa le lauga a uo a WeChat na fa'afuase'i ai ona fa'amalamalamaina a'u Folasaga: Ua matou faitau uma i le Journey to the West. Haha, ou te leʻi faʻamoemoe o le tautala a Sun Wukong e faʻafuaseʻi ona faʻamalamalamaina aʻu...

Suʻesuʻega o uiga faʻapitoa o le faitau a tagata faʻaoga i le vaitau fou o le aufaasālalau: afai e te faʻatautaia nei 7, o le ae mauaina

Iloiloga o uiga faʻale-mafaufau o le faitau a tagata i le vaitau fou o le aufaasālalau: Afai e te faʻatautaia nei 7, o le a e maua ai tupe Folasaga Afai tatou te mananaʻo e manuia i le faʻatinoina o se tala faʻasalalau a le WeChat, e tatau ona tatou suʻesuʻeina le natura o le tagata, auʻiliʻili le mafaufau o tagata faitau, ma malamalama e naʻo le faia o lenei mea e mafai ai ona faʻaleleia atili a tatou ...

Afai e te le o faʻaogaina le shortcode i le WordPress editor ma e te manaʻo e valaʻau i se isi mea, e mafai ona e faʻaogaina le code lea e valaʻau ai:

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

3. Fa'aopoopo fa'amau fa'atonu

O le a se mea e tatau ona ou faia pe a ou manaʻomia le faʻaogaina ma le lima i le shortcode i taimi uma ma e lagona le faigata tele?

O le mana o le WordPress e mafai ai ona tatou faʻafaigofie mea faigata ^_^

1) Fa'aopoopo fa'amau fa'atonu

O le WordPress o lo'o iai le fa'atonu o le TinyMCE fa'apipi'i i totonu e ala i le fa'aletonu. E mafai ona matou fa'aopoopo fa'amau pupuu i le fa'atonuga o tusitusiga a le TinyMCE.

laasaga 3:Fa'aopoopo le fa'ailoga fa'amau fa'amau

• Fa'amolemole fa'aopoopo sa'o le code i le faila 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
}

Lapataiga

Afai na e fa'aopoopoina se isi fa'ailoga mo le fa'amau fa'apitoa a le faatonu, na'o le fa'aopoopo<script type="text/javascript"> I lalo, fa'aopoopo le code lea ▼

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

A leai o le ai ai se mea e faaletonu.

2) Fa'aopoopo le fa'amau fa'atonu

A matou faʻasaʻo tusiga WordPress, o le faʻaoga faʻaoga masani e masani lava Vaʻaia.

O lea la, e sili atu le faʻaopoopoina o se faʻamau i totonu o le faʻatonu ata.

• E ui lava o lenei vaega e mafai ona faʻatinoina i le code, e fai si faigata mo le tele o novices.
• E fa'alavelave mo tagata popoto aua latou te mana'omia le fa'aopoopoina o le JS code i le autu, ma e tatau ona toe fa'aopoopo pe a suia le autu.

Laasaga 4:Fa'apipi'i ma fa'aaga mea fa'apipi'i

• Chen WeiliangE fautuaina e fa'aoga plug-ins:Fa'atagata Fa'atonu Fa'amatalaga Ki

A maeʻa le faʻapipiʻiina, o le Visual Editor Custom Buttons o loʻo i ai se faʻamaufaʻailoga o le a faʻaalia i lalo ole lisi agavale ▼

Laasaga 5:Kiliki Add New

• Fausia se faʻamau faʻamau i soʻo se igoa.
• Mo se faʻataʻitaʻiga: faʻaopoopo tala i totonu 

E tatau lava ona e mulimuli i faatulagaga o loʻo i lalo ▼

Laasaga 6: Fa'aitotonu Filifiliga

• Filifili Afifi Filifiliga.

Laasaga 7: A o lei faatulagaina

• Faatumu le code puupuu

laasaga 8:Fa'aali I Fa'atonu Fa'atonu

• E mafai ona e siakiina le faʻaaliga Faʻaaliga Faʻamatalaga poʻo le Faʻamatalaga Tusitusi.
• Manatua afai e siaki Text Editor, e mafai ona e faamisi le "Add shortcut button code" i luga, a leai o le a aliali mai pea.

laasaga 9:Filifiliga Fa'ailoga Fa'amau

• I le lisi o filifiliga pa'u-i lalo, filifili le ata Fa'apipi'i.

laasaga 10:Suʻega

• I le faaiuga, o le mea moni e naʻo oe e suʻe le aafiaga oe lava ^_^
• Afai e saʻo laasaga o loʻo i luga, o le a e vaʻai i le faʻamau e pei ona faʻaalia i lalo i le faʻataʻitaʻiga ata vaaia ▼