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

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

ظاهر زیبا یک سایت باعث جذب کاربران خواهد شد . شما میتوانید براحتی برای برچسب (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('برچسب‌ها:', '' ,'' ); ?>