آموزش تغییر نمایش استایل برچسب ها در وردپرس

آموزش تغییر نمایش استایل برچسب ها در وردپرس

آموزش تغییر نمایش استایل برچسب ها در وردپرس

ظاهر زیبا یک سایت باعث جذب کاربران خواهد شد . شما میتوانید براحتی برای برچسب (tag) های سایت خود ظاهر زیبایی طراحی نمایید.

 

تغییر ظاهر کلی برچسب ها در وردپرس:

برای تغییر نمایش استایل برچسب ها در وردپرس کافیست ابتدا کد زیر را در functions.php قالب خود جایگذاری نمایید.

function a4fran3_tags() {
$wpbtags = get_tags();
foreach ($wpbtags as $tag) {
$string .= '<span class="tagbox"><a class="taglink" href="'. get_tag_link($tag->term_id) .'">'. $tag->name . '</a><span class="tagcount">'. $tag->count .'</span></span>' . "\n" ;
}
return $string;
}
add_shortcode('wpbtags' , 'a4fran3_tags' );

برای نمایش برچسب ها کافیست شورتکد [wpbtags] را در ابزارک های وردپرس قرار دهید.

اما برای نمایش ظاهر زیبا تر این کد کافیست کد زیر را در Style.css قرار دهید

.tagbox {
background-color:#eee;
border: ۱px solid #ccc;
margin:۰px ۱۰px ۱۰px ۰px;
line-height: ۲۰۰%;
padding:۲px ۰ ۲px ۲px;
}
.taglink {
padding:۲px;
}
.tagbox a, .tagbox a:visited, .tagbox a:active {
text-decoration:none;
}
.tagcount {
background-color:green;
color:white;
position: relative;
padding:۲px;
}

 

نمایش برچسب در نوشته وردپرس :

برای نمایش برچسب ها در نوشته ها با ظاهر زیبا تر کافیست ابتدا کد زیر را در Style.css قرار دهید

.terms a, .terms a:visited, .terms a:active {
background:#eee;
border:۱px solid #ccc;
border-radius:۵px;
text-decoration:none;
padding:۳px;
margin:۳px;
text-transform:uppercase;
}
.terms a:hover {
background:#a۸۲۸۱a;
color:#FFF;
}

سپس کد زیر را در signle.php قرار دهید

<?php the_tags('برچسب‌ها:', '' ,'' ); ?>

 

لینک کوتاه:

https://a4fran3.ir/?p=17381

guest
0 نظر
Inline Feedbacks
مشاهده همه نظرات

مطالب مشابه