ആർട്ടിക്കിൾ ഡയറക്ടറി
വേർഡ്പ്രൈസ്വെബ്സൈറ്റിന്റെ ആന്തരിക ലിങ്കുകൾ എങ്ങനെ ഒപ്റ്റിമൈസ് ചെയ്യാം?
ലഘുചിത്ര ലേഖനങ്ങളും എഡിറ്റർ ബട്ടണുകളും ഉപയോഗിച്ച് ഷോർട്ട്കോഡുകൾ സൃഷ്ടിക്കുക
വെബ്സൈറ്റ് ആന്തരിക ലിങ്ക് ഒപ്റ്റിമൈസേഷൻ, ഇൻഎസ്.ഇ.ഒ.ലിങ്കുകൾ എല്ലായ്പ്പോഴും വളരെ പ്രധാനമാണ്, കൂടാതെ ഒരു നല്ല ലിങ്ക് ഘടന SEO-യ്ക്ക് വളരെ പ്രയോജനകരമാണ്.
നിലവിലെ ലേഖനം മറ്റ് ലേഖനങ്ങളുമായി ബന്ധപ്പെട്ടതാണെങ്കിൽ, പേജിലേക്ക് സ്വയമേവ ഒരു ലിങ്ക് ചേർക്കുക:
- സെർച്ച് എഞ്ചിൻ ചിലന്തികൾ ഇഴയുന്നതിന്റെ എണ്ണവും ആഴവും വളരെയധികം വർദ്ധിപ്പിക്കും,
- റെക്കോർഡുകളുടെ എണ്ണം വർദ്ധിപ്പിക്കാൻ സഹായിക്കുക,
- ഒപ്പം ആങ്കർ ടെക്സ്റ്റ് കീവേഡുകളുടെ ഭാരവും.
ചില പഴയ ലേഖനങ്ങൾ അപ്ഡേറ്റ് ചെയ്താൽ, പുതിയ ലേഖനങ്ങളിലേക്ക് ആന്തരിക ലിങ്കുകൾ ചേർത്ത് പഴയ ലേഖനങ്ങളുടെ ഉള്ളടക്ക അപ്ഡേറ്റുകൾ വീണ്ടും ക്രാൾ ചെയ്യാനും ഇൻഡെക്സ് ചെയ്യാനും നിങ്ങൾക്ക് സെർച്ച് എഞ്ചിൻ സ്പൈഡറുകൾക്ക് നിർദ്ദേശം നൽകാം.
- ആന്തരിക ലിങ്കിംഗിന്റെ ഒരു സാധാരണ രൂപം ഒരു ടെക്സ്റ്റ് ലിങ്കാണ്, അതിന്റെ ഘടന ആങ്കർ ടെക്സ്റ്റ് ആണ്.
- എന്നാൽ ഉപയോക്തൃ അനുഭവം മെച്ചപ്പെടുത്തുന്നതിന്, ആന്തരിക പേജിലെ ലേഖന ലിങ്കുകൾ കൂടുതൽ ഒപ്റ്റിമൈസ് ചെയ്യാം.
നിങ്ങൾ വായിക്കുമ്പോൾചെൻ വെയ്ലിയാങ്ബ്ലോഗ് ചെയ്യുമ്പോൾ, ലേഖനത്തിന്റെ ഉള്ളടക്കത്തിന്റെ സംഗ്രഹം അടങ്ങുന്ന ലഘുചിത്ര ലേഖനത്തോടൊപ്പം ഒരു ലേഖന കാർഡ് ഫോം ഇതുപോലെ ഉൾച്ചേർത്തിരിക്കുന്നത് നിങ്ങൾ പലപ്പോഴും കണ്ടെത്തിയേക്കാം, ഉദാഹരണത്തിന്:
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 文件夹内的图片作缩略图
}
}
}
}ഹൈപ്പർലിങ്ക് ഐക്കൺ ദൃശ്യമാകുന്നില്ലെങ്കിൽ, നിങ്ങൾ മുകളിൽ പറഞ്ഞവ മാറ്റിസ്ഥാപിക്കേണ്ടതുണ്ട്സി.എസ്.എസ്ഇതിൽ 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. എംബഡഡ് ആർട്ടിക്കിൾ കാർഡിന്റെ (ഷോർട്ട് കോഡ്) രൂപത്തിൽ ഹ്രസ്വ കോഡ് അഭ്യർത്ഥിക്കുക
ലേഖന എഡിറ്ററിന്റെ "വിഷ്വൽ" അല്ലെങ്കിൽ "ടെക്സ്റ്റ്" ഇന്റർഫേസിൽ നിങ്ങൾക്ക് ഷോർട്ട്കോഡുകൾ നേരിട്ട് നൽകാം 【jiawen ids =postID1,postID2 ...】 ഫോർമാറ്റ് കോൾ.
ഉദാഹരണത്തിന്, എനിക്ക് ആന്തരികമായി ലിങ്ക് ചെയ്ത 3 ലേഖനങ്ങൾ പ്രദർശിപ്പിക്കണമെങ്കിൽ, ഞാൻ ഷോർട്ട്കോഡ് നൽകുക:
【jiawen ids=526,380,411】- നിങ്ങൾ 5 ലേഖന ഐഡികളിൽ കൂടുതൽ നൽകിയാൽ, പരമാവധി 5 ലേഖനങ്ങൾ മാത്രമേ പ്രദർശിപ്പിക്കൂ
- ഷോർട്ട്കോഡുകൾ രക്ഷപ്പെടുന്നത് ഒഴിവാക്കാൻ ഈ ലേഖനം ഉപയോഗിക്കുന്നു []
- ഷോർട്ട്കോഡ് ഉപയോഗിക്കുമ്പോൾ, ദയവായി [] എന്നതിലേക്ക് മാറ്റുക
പ്രഭാവം ഇപ്രകാരമാണ് ▼
നിങ്ങൾ വേർഡ്പ്രസ്സ് എഡിറ്ററിൽ ഷോർട്ട്കോഡ് ഉപയോഗിക്കുന്നില്ലെങ്കിൽ മറ്റെവിടെയെങ്കിലും വിളിക്കാൻ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, ഇനിപ്പറയുന്ന കോഡ് ഉപയോഗിച്ച് നിങ്ങൾക്ക് വിളിക്കാം:
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) എഡിറ്റർ വിഷ്വലൈസേഷൻ ബട്ടൺ ചേർക്കുക
നമ്മൾ വേർഡ്പ്രസ്സ് ലേഖനങ്ങൾ എഡിറ്റ് ചെയ്യുമ്പോൾ, ഡിഫോൾട്ട് ഇന്റർഫേസ് സാധാരണയായി വിഷ്വൽ ആയിരിക്കും.
അതിനാൽ, വിഷ്വൽ എഡിറ്ററിലും ഒരു ബട്ടൺ ചേർക്കുന്നതാണ് നല്ലത്.
- ഈ പ്രവർത്തനം കോഡിൽ നടപ്പിലാക്കാൻ കഴിയുമെങ്കിലും, പല പുതുമുഖങ്ങൾക്കും ഇത് അൽപ്പം സങ്കീർണ്ണമാണ്.
- വിദഗ്ദ്ധർക്ക് ഇത് പ്രശ്നകരമാണ്, കാരണം തീമിലേക്ക് JS കോഡ് ചേർക്കേണ്ടത് ആവശ്യമാണ്, നിങ്ങൾ തീം മാറ്റുകയാണെങ്കിൽ, നിങ്ങൾ അത് വീണ്ടും ചേർക്കേണ്ടതുണ്ട്, കൂടാതെ ഘട്ടങ്ങൾ പ്രത്യേകിച്ച് ബുദ്ധിമുട്ടുള്ളതുമാണ്.
ഏകദേശം 4 എണ്ണം:പ്ലഗിനുകൾ ഇൻസ്റ്റാൾ ചെയ്ത് പ്രവർത്തനക്ഷമമാക്കുക
- ചെൻ വെയ്ലിയാങ്പ്ലഗിനുകൾ ശുപാർശ ചെയ്യുന്നു:വിഷ്വൽ എഡിറ്റർ ഇഷ്ടാനുസൃത ബട്ടണുകൾ
ഇൻസ്റ്റാളേഷൻ പൂർത്തിയായ ശേഷം, ഇടത് മെനു ബാറിന് കീഴിൽ, ഗിയർ ഐക്കണുള്ള ഒരു വിഷ്വൽ എഡിറ്റർ കസ്റ്റം ബട്ടണുകൾ ദൃശ്യമാകും ▼
ഏകദേശം 5 എണ്ണം:പുതിയത് ചേർക്കുക ക്ലിക്കുചെയ്യുക
- ഒരു ഇഷ്ടാനുസൃത ബട്ടൺ സൃഷ്ടിക്കുക, ഏത് പേരും.
- ഉദാഹരണത്തിന്: ആന്തരിക ലേഖനങ്ങൾ ചേർക്കുന്നു
▼ സജ്ജീകരിക്കാൻ നിങ്ങൾ ചുവടെയുള്ള ചിത്രം പിന്തുടരേണ്ടതുണ്ട്
ഏകദേശം 6 എണ്ണം: ബട്ടൺ ഉള്ളടക്ക ഓപ്ഷൻ
- റാപ് സെലക്ഷൻ തിരഞ്ഞെടുക്കുക.
ഏകദേശം 7 എണ്ണം: സജ്ജീകരിക്കുന്നതിന് മുമ്പ്
- ഷോർട്ട് കോഡ് പൂരിപ്പിക്കുക
ഘട്ടം 8:എഡിറ്റർ ക്രമീകരണങ്ങളിൽ പ്രദർശിപ്പിക്കുക
- നിങ്ങൾക്ക് വിഷ്വൽ എഡിറ്റർ അല്ലെങ്കിൽ ടെക്സ്റ്റ് എഡിറ്റർ ഷോ ബട്ടണുകൾ പരിശോധിക്കാം.
- ടെക്സ്റ്റ് എഡിറ്റർ ചെക്ക് ചെയ്താൽ, മുകളിലുള്ള "കുറുക്കുവഴി ബട്ടൺ കോഡ് ചേർക്കുക" നിങ്ങൾക്ക് ഒഴിവാക്കാം, അല്ലാത്തപക്ഷം അത് ആവർത്തിക്കും.
ഘട്ടം 9:ബട്ടൺ ഐക്കൺ ഓപ്ഷനുകൾ
- ഡ്രോപ്പ്-ഡൗൺ ഓപ്ഷനുകൾ മെനുവിൽ, ഫ്രെയിം ചെയ്ത ഐക്കൺ തിരഞ്ഞെടുക്കുക.
ഘട്ടം 10:ടെസ്റ്റ്
- അവസാനം, തീർച്ചയായും, പ്രഭാവം സ്വയം പരിശോധിക്കേണ്ടത് നിങ്ങളാണ് ^_^
- മുകളിലുള്ള ഘട്ടങ്ങൾ ശരിയാണെങ്കിൽ, എഡിറ്റർ വിഷ്വൽ ഇന്റർഫേസിൽ ചുവടെ കാണിച്ചിരിക്കുന്നതുപോലെ ബട്ടൺ നിങ്ങൾ കാണും ▼
ഹോപ്പ് ചെൻ വെയ്ലിയാങ് ബ്ലോഗ് ( https://www.chenweiliang.com/ ) പങ്കിട്ടു "വേർഡ്പ്രസ്സിൽ ലേഖന കാർഡ് ശൈലി എങ്ങനെ ചേർക്കാം? ലേഖന കാർഡ് ഫോമിൽ ഷോർട്ട്കോഡ് ഉൾപ്പെടുത്തുക", ഇത് നിങ്ങൾക്ക് സഹായകരമാണ്.
ഈ ലേഖനത്തിന്റെ ലിങ്ക് പങ്കിടാൻ സ്വാഗതം:https://www.chenweiliang.com/cwl-638.html