ವರ್ಡ್ಪ್ರೆಸ್ನಲ್ಲಿ ಲೇಖನ ಕಾರ್ಡ್ ಶೈಲಿಯನ್ನು ಹೇಗೆ ಸೇರಿಸುವುದು? ಲೇಖನ ಕಾರ್ಡ್ ರೂಪದಲ್ಲಿ ಎಂಬೆಡ್ ಶಾರ್ಟ್ಕೋಡ್

ವರ್ಡ್ಪ್ರೆಸ್ವೆಬ್‌ಸೈಟ್‌ನ ಆಂತರಿಕ ಲಿಂಕ್‌ಗಳನ್ನು ಆಪ್ಟಿಮೈಜ್ ಮಾಡುವುದು ಹೇಗೆ?

ಥಂಬ್‌ನೇಲ್ ಲೇಖನಗಳು ಮತ್ತು ಸಂಪಾದಕ ಬಟನ್‌ಗಳೊಂದಿಗೆ ಕಿರುಸಂಕೇತಗಳನ್ನು ರಚಿಸಿ

ವೆಬ್‌ಸೈಟ್ ಆಂತರಿಕ ಲಿಂಕ್ ಆಪ್ಟಿಮೈಸೇಶನ್, ಇನ್ಎಸ್ಇಒಲಿಂಕ್‌ಗಳು ಯಾವಾಗಲೂ ಬಹಳ ಮುಖ್ಯವಾಗಿವೆ ಮತ್ತು ಉತ್ತಮ ಲಿಂಕ್ ರಚನೆಯು ಎಸ್‌ಇಒಗೆ ತುಂಬಾ ಪ್ರಯೋಜನಕಾರಿಯಾಗಿದೆ.

ಪ್ರಸ್ತುತ ಲೇಖನವು ಇತರ ಲೇಖನಗಳಿಗೆ ಸಂಬಂಧಿಸಿದ್ದರೆ, ಪುಟಕ್ಕೆ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಲಿಂಕ್ ಅನ್ನು ಸೇರಿಸಿ:

• ಸರ್ಚ್ ಇಂಜಿನ್ ಜೇಡಗಳಿಂದ ಕ್ರಾಲ್ ಮಾಡುವ ಸಂಖ್ಯೆ ಮತ್ತು ಆಳವನ್ನು ಹೆಚ್ಚು ಹೆಚ್ಚಿಸುತ್ತದೆ,
• ದಾಖಲೆಗಳ ಸಂಖ್ಯೆಯನ್ನು ಹೆಚ್ಚಿಸಲು ಸಹಾಯ ಮಾಡಿ,
• ಮತ್ತು ಆಂಕರ್ ಪಠ್ಯ ಕೀವರ್ಡ್‌ಗಳ ತೂಕ.

ಕೆಲವು ಹಳೆಯ ಲೇಖನಗಳನ್ನು ನವೀಕರಿಸಿದರೆ, ಹೊಸ ಲೇಖನಗಳಿಗೆ ಆಂತರಿಕ ಲಿಂಕ್‌ಗಳನ್ನು ಸೇರಿಸುವ ಮೂಲಕ ಹಳೆಯ ಲೇಖನಗಳ ವಿಷಯ ನವೀಕರಣಗಳನ್ನು ಮರು-ಕ್ರಾಲ್ ಮಾಡಲು ಮತ್ತು ಸೂಚಿಕೆ ಮಾಡಲು ನೀವು ಹುಡುಕಾಟ ಎಂಜಿನ್ ಸ್ಪೈಡರ್‌ಗಳಿಗೆ ಸೂಚನೆ ನೀಡಬಹುದು.

• ಆಂತರಿಕ ಲಿಂಕ್ ಮಾಡುವಿಕೆಯ ಸಾಮಾನ್ಯ ರೂಪವೆಂದರೆ ಪಠ್ಯ ಲಿಂಕ್, ಅದರ ರಚನೆಯು ಆಂಕರ್ ಪಠ್ಯವಾಗಿದೆ .
• ಆದರೆ ಬಳಕೆದಾರರ ಅನುಭವವನ್ನು ಹೆಚ್ಚಿಸುವ ಸಲುವಾಗಿ, ಒಳಪುಟದಲ್ಲಿರುವ ಲೇಖನದ ಲಿಂಕ್‌ಗಳನ್ನು ನಾವು ಮತ್ತಷ್ಟು ಆಪ್ಟಿಮೈಜ್ ಮಾಡಬಹುದು.

ನೀವು ಓದಿದಾಗಚೆನ್ ವೈಲಿಯಾಂಗ್ಬ್ಲಾಗಿಂಗ್ ಮಾಡುವಾಗ, ಲೇಖನದ ವಿಷಯದ ಸಾರಾಂಶವನ್ನು ಹೊಂದಿರುವ ಥಂಬ್‌ನೇಲ್ ಲೇಖನದೊಂದಿಗೆ ಲೇಖನ ಕಾರ್ಡ್ ಫಾರ್ಮ್ ಅನ್ನು ಈ ರೀತಿ ಎಂಬೆಡ್ ಮಾಡಿರುವುದನ್ನು ನೀವು ಸಾಮಾನ್ಯವಾಗಿ ಕಾಣಬಹುದು, ಉದಾಹರಣೆಗೆ:

ಹಾಂಗ್ ಕಾಂಗ್ ಮೊಬೈಲ್ ಸಂಖ್ಯೆಗೆ ಅರ್ಜಿ ಸಲ್ಲಿಸುವುದು ಹೇಗೆ?SMS ಪರಿಶೀಲನೆ ಕೋಡ್ ಸ್ವೀಕರಿಸಲು ಹಾಂಗ್ ಕಾಂಗ್ ವರ್ಚುವಲ್ ಮೊಬೈಲ್ ಫೋನ್ ಸಂಖ್ಯೆ

eSender ಹಾಂಗ್ ಕಾಂಗ್ ಮೊಬೈಲ್ ಫೋನ್ ಸಂಖ್ಯೆ ರಿಯಾಯಿತಿ ಕೋಡ್: DM6888 ನಾನು ಹಾಂಗ್ ಕಾಂಗ್ ಮೊಬೈಲ್ ಫೋನ್ ಸಂಖ್ಯೆಯನ್ನು ಎಲ್ಲಿ ಖರೀದಿಸಬಹುದು?ಹಾಂಗ್ ಕಾಂಗ್ ಕರೆ ಮಾಡುವ ಕಾರ್ಡ್ ವರ್ಚುವಲ್ ಆಪರೇಟರ್ ಅನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ eSender ಇದು ಬೋಯುವಾನ್ ಮಾಹಿತಿ ಗುಂಪಿನ ಅಡಿಯಲ್ಲಿ ವರ್ಚುವಲ್ ಮೊಬೈಲ್ ಸಂಖ್ಯೆ ಸೇವೆಯಾಗಿದೆ. ಬೋಯುವಾನ್ ಮಾಹಿತಿಯು ಚೀನಾದ ಗುವಾಂಗ್‌ಝೌ ಮತ್ತು ಹಾಂಗ್ ಕಾಂಗ್‌ನಲ್ಲಿ ಶಾಖೆಗಳನ್ನು ಸ್ಥಾಪಿಸಿದೆ,...

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 ರವರೆಗೆ ಹೆಸರಿಸಲಾಗಿದೆ:

• xnumx.jpg
• xnumx.jpg
• ... (ಮತ್ತು ಇತ್ಯಾದಿ)
• xnumx.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 ಕ್ಕಿಂತ ಹೆಚ್ಚು ಲೇಖನ ID ಗಳನ್ನು ನಮೂದಿಸಿದರೆ, ಕೇವಲ 5 ಲೇಖನಗಳನ್ನು ಮಾತ್ರ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ
• ಕಿರುಸಂಕೇತಗಳು ತಪ್ಪಿಸಿಕೊಳ್ಳುವುದನ್ನು ತಪ್ಪಿಸಲು ಈ ಲೇಖನವನ್ನು ಬಳಸಲಾಗುತ್ತದೆ []
• SHORTCODE ಬಳಸುವಾಗ, ದಯವಿಟ್ಟು [] ಅನ್ನು [] ಗೆ ಬದಲಾಯಿಸಿ

ಪರಿಣಾಮವು ಈ ಕೆಳಗಿನಂತಿರುತ್ತದೆ ▼

ಮಿ ಮೆಂಗ್ ಅವರ ಸಾರ್ವಜನಿಕ ಖಾತೆಯು ಹೇಗೆ ಯಶಸ್ವಿಯಾಯಿತು ಮತ್ತು ಅದು ಏಕೆ ಜನಪ್ರಿಯವಾಗಿದೆ? ಅದರ ಹಿಂದೆ ಕಾರಣಗಳಿವೆ

ಮಿಮಿ ಮೆಂಗ್ ಅವರ ಅಧಿಕೃತ ಖಾತೆ ಹೇಗೆ ಯಶಸ್ವಿಯಾಯಿತು? ಅದು ಏಕೆ ಇಷ್ಟೊಂದು ಜನಪ್ರಿಯವಾಗಿದೆ? ಈ ಉದ್ದೇಶದ ಹಿಂದೆ ಒಂದು ಪ್ರೇರಕ ಶಕ್ತಿಯಿದೆ! ಮಿ ಮೆಂಗ್ ಸೆಪ್ಟೆಂಬರ್ 2012, 9 ರಂದು WeChat ಸಾರ್ವಜನಿಕ ಖಾತೆಗಳನ್ನು ಬರೆಯಲು ಪ್ರಾರಂಭಿಸಿದಾಗಿನಿಂದ, ಅವರು ಕೇವಲ ಎರಡು ತಿಂಗಳಲ್ಲಿ 15 ಅನುಯಾಯಿಗಳನ್ನು ಗಳಿಸಿದರು, ಅನೇಕ ಜನರ ಸಾಧನೆಗಳನ್ನು ತಕ್ಷಣವೇ ಮೀರಿಸಿದರು, ಇದು ಅನೇಕ ಜನರನ್ನು ಕುತೂಹಲ ಕೆರಳಿಸಿತು.

ಟ್ಯಾಂಗ್ ಸೆಂಗ್‌ನ ನಾಲ್ವರು ಶಿಕ್ಷಕರು ಮತ್ತು ಅಪ್ರೆಂಟಿಸ್‌ಗಳು WeChat ಸ್ನೇಹಿತರ ಸಂಪರ್ಕಗಳ ಕುರಿತು ಚರ್ಚಿಸಿದರು ಮತ್ತು ಸನ್ ವುಕಾಂಗ್ ಅವರ ಭಾಷಣವು ನನ್ನನ್ನು ದಿಗ್ಭ್ರಮೆಗೊಳಿಸಿತು

ಟ್ಯಾಂಗ್ ಸಂಜಾಂಗ್ ಮತ್ತು ಅವರ ನಾಲ್ವರು ಶಿಷ್ಯರು ವೀಚಾಟ್ ಸ್ನೇಹಿತರ ಜಾಲದ ಬಗ್ಗೆ ಚರ್ಚಿಸಿದರು. ಸನ್ ವುಕಾಂಗ್ ಅವರ ಭಾಷಣವು ನನಗೆ ಇದ್ದಕ್ಕಿದ್ದಂತೆ ಜ್ಞಾನೋದಯವನ್ನುಂಟುಮಾಡಿತು. ಪರಿಚಯ: ನಾವೆಲ್ಲರೂ ಜರ್ನಿ ಟು ದಿ ವೆಸ್ಟ್ ಅನ್ನು ಓದಿದ್ದೇವೆ. ಟ್ಯಾಂಗ್ ಸಂಜಾಂಗ್, ಸನ್ ವುಕಾಂಗ್, ಝು ಬಾಜಿ ಮತ್ತು ಶಾ ವುಜಿಂಗ್ ಅವರು ವೀಚಾಟ್ ಸ್ನೇಹಿತರ ಜಾಲದ ಬಗ್ಗೆ ಚರ್ಚಿಸುವುದನ್ನು ನೀವು ನೋಡಿದ್ದೀರಾ? ಹಹಹ, ಸನ್ ವುಕಾಂಗ್ ಅವರ ಭಾಷಣವು ನನಗೆ ಇದ್ದಕ್ಕಿದ್ದಂತೆ ಜ್ಞಾನೋದಯವಾಗುತ್ತದೆ ಎಂದು ನಾನು ನಿರೀಕ್ಷಿಸಿರಲಿಲ್ಲ...

ಹೊಸ ಮಾಧ್ಯಮ ಯುಗದಲ್ಲಿ ಬಳಕೆದಾರರ ಓದುವಿಕೆಯ ಮಾನಸಿಕ ಗುಣಲಕ್ಷಣಗಳ ವಿಶ್ಲೇಷಣೆ: ನೀವು ಈ 7 ಅನ್ನು ಕರಗತ ಮಾಡಿಕೊಂಡರೆ, ನೀವು ಗಳಿಸುವಿರಿ

ಹೊಸ ಮಾಧ್ಯಮ ಯುಗದಲ್ಲಿ ಬಳಕೆದಾರರ ಓದುವಿಕೆಯ ಮಾನಸಿಕ ಗುಣಲಕ್ಷಣಗಳ ವಿಶ್ಲೇಷಣೆ: ನೀವು ಈ 7 ಅನ್ನು ಕರಗತ ಮಾಡಿಕೊಂಡರೆ, ನೀವು ಹಣ ಗಳಿಸುವಿರಿ. ಪರಿಚಯ ನಾವು WeChat ಸಾರ್ವಜನಿಕ ಖಾತೆಯನ್ನು ನಡೆಸುವಲ್ಲಿ ಯಶಸ್ವಿಯಾಗಲು ಬಯಸಿದರೆ, ನಾವು ಮಾನವ ಸ್ವಭಾವವನ್ನು ಅಧ್ಯಯನ ಮಾಡಬೇಕು, ಬಳಕೆದಾರ ಓದುವ ಮನೋವಿಜ್ಞಾನವನ್ನು ವಿಶ್ಲೇಷಿಸಬೇಕು ಮತ್ತು ಬಳಕೆದಾರ ಓದುವ ನಡವಳಿಕೆಯನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಬೇಕು. ಇದನ್ನು ಮಾಡುವುದರಿಂದ ಮಾತ್ರ ನಾವು ನಮ್ಮ...

ನೀವು WordPress ಸಂಪಾದಕದಲ್ಲಿ SHORTCODE ಬಳಸದಿದ್ದರೆ ಮತ್ತು ಅದನ್ನು ಬೇರೆಡೆಗೆ ಕರೆ ಮಾಡಲು ಬಯಸಿದರೆ, ನೀವು ಈ ಕೆಳಗಿನ ಕೋಡ್‌ನೊಂದಿಗೆ ಕರೆ ಮಾಡಬಹುದು:

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

XNUMX. ಎಡಿಟರ್ ಬಟನ್ ಸೇರಿಸಿ

ನೀವು ಪ್ರತಿ ಬಾರಿಯೂ SHORTCODE ಅನ್ನು ಹಸ್ತಚಾಲಿತವಾಗಿ ನಮೂದಿಸಬೇಕಾದರೆ, ಅದು ತುಂಬಾ ತೊಡಕಾಗಿದೆ, ನಾನು ಏನು ಮಾಡಬೇಕು?

ವರ್ಡ್ಪ್ರೆಸ್ನ ಶಕ್ತಿಯು ಸಂಕೀರ್ಣ ವಿಷಯಗಳನ್ನು ಸರಳೀಕರಿಸಲು ನಮಗೆ ಅನುಮತಿಸುತ್ತದೆ ^_^

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: ಹೊಂದಿಸುವ ಮೊದಲು

• SHORTCODE ಅನ್ನು ಭರ್ತಿ ಮಾಡಿ

ಹಂತ 8:ಸಂಪಾದಕ ಸೆಟ್ಟಿಂಗ್‌ಗಳಲ್ಲಿ ಪ್ರದರ್ಶಿಸಿ

• ನೀವು ವಿಷುಯಲ್ ಎಡಿಟರ್ ಅಥವಾ ಟೆಕ್ಸ್ಟ್ ಎಡಿಟರ್ ಶೋ ಬಟನ್‌ಗಳನ್ನು ಪರಿಶೀಲಿಸಬಹುದು.
• ಪಠ್ಯ ಸಂಪಾದಕವನ್ನು ಪರಿಶೀಲಿಸಿದರೆ, ನೀವು ಮೇಲಿನ "ಶಾರ್ಟ್‌ಕಟ್ ಬಟನ್ ಕೋಡ್ ಸೇರಿಸಿ" ಅನ್ನು ಬಿಟ್ಟುಬಿಡಬಹುದು, ಇಲ್ಲದಿದ್ದರೆ ಅದು ಪುನರಾವರ್ತನೆಯಾಗುತ್ತದೆ.

ಹಂತ 9:ಬಟನ್ ಐಕಾನ್ ಆಯ್ಕೆಗಳು

• ಡ್ರಾಪ್-ಡೌನ್ ಆಯ್ಕೆಗಳ ಮೆನುವಿನಲ್ಲಿ, ಚೌಕಟ್ಟಿನ ಐಕಾನ್ ಆಯ್ಕೆಮಾಡಿ.

ಹಂತ 10:ಪರೀಕ್ಷೆ

• ಕೊನೆಯಲ್ಲಿ, ಸಹಜವಾಗಿ, ಪರಿಣಾಮವನ್ನು ನೀವೇ ^_^ ಪರೀಕ್ಷಿಸಲು ನಿಮಗೆ ಬಿಟ್ಟದ್ದು
• ಮೇಲಿನ ಹಂತಗಳು ಸರಿಯಾಗಿದ್ದರೆ, ಎಡಿಟರ್ ದೃಶ್ಯ ಇಂಟರ್ಫೇಸ್ ▼ ನಲ್ಲಿ ಕೆಳಗೆ ತೋರಿಸಿರುವಂತೆ ನೀವು ಬಟನ್ ಅನ್ನು ನೋಡುತ್ತೀರಿ