تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
درخواست پلاگین 4 پاسخ 206 بازدید اسکریپت vfm 5 پاسخ 348 بازدید تغییر جهت محتوا در وردپرس 1 پاسخ 28 بازدید افزونه ساخت شماره مجازی 14 پاسخ 884 بازدید درخواست افزونه 1 پاسخ 222 بازدید بهترین رباط اینستاگرام 0 پاسخ 2 بازدید درخواست قالب با سبک کندو 1 پاسخ 490 بازدید به هم ریختگی سایت بعد از نصب قالب 2 پاسخ 448 بازدید نمایش کد های php 0 پاسخ 232 بازدید مشکل در اسکریپت مچ فرم 0 پاسخ 399 بازدید
تبلیغات
تبلیغات تبلیغات

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

وردپرس , مقالات,آموزش,ترفند

همانطور که می‌دانید سیستم مدیریت محتوای محبوب وردپرس دارای قابلیتی است که به وسیله آن می‌تواند مطالب و هر نوع پست تایپ سفارشی را طبقه بندی کرد. درست حدس زدید، منظور ما همان دسته‌بندی ها و برچسب ها در وردپرس می‌باشد.

 

دسته بندی‌های بیشتر برای طبقه بندی مطالب مناسب هستند که در ایجاد آنها با محدودیت مواجه هستیم، منظور از محبوبیت این است که باید از قبل دسته را ایجاد کنیم و سپس از دسته های موجود استفاده کنیم.اما در مقابل برچسب ها اینگونه نیستند و به راحتی می‌توان از انها به تعداد زیادی استفاده کرد. اما دقت کنید که استفاده درست و استانداردی از آن داشته باشید.

 

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

بسیاری از سایتها در سایدبار و یا فوتر خود بخشی را به عنوان ابرچسب انتخاب کرده‌اند که در آن به نمایش بیشترین برچسب های استفاده شده پرداخته شده است. حال در این آموزش قصد دارم تا این بخش را با هم کمی سفارشی سازی کرده و ظاهر آن را تغییر دهیم.

 

برای شروع کار ابتدا کدهای زیر را در فایل فانکشن (functions.php) قالب خود قرار دهید.

function wpb_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' , 'wpb_tags' );

حال برای نمایش برچسب ها در بخش ابزارک‌های قالب خود یکی ابزارک متنی ایجاد کرده و شورت کد زیر را در آن قرار دهید.

[wpbtags]

پس از اینکه شورت کد را قرار دهید، ابرچسب ها در سایت شما نمایش داده خواهند شد، اما گویا ظاهر آنها چنگی به دل نمیزند، پس برای این منظور کد زیر را به استایل قالب خود اضافه کنید.

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

در نهایت خواهید دید که بیشترین برچسب های استفاده شده در این ابزارک به صورت زیر نمایش داده خواهند شد.

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

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

حال برای اینکه برچسب هایی را که در نوشته خود اضافه می‌کنید در آن نمایش داده شود نیز مطابق مراحل زیر عمل کنید.

ابتدا کدهای css زیر را کپی کرده و در فایل استایل قالب خود قرار دهید.

.terms a, .terms a:visited, .terms a:active {
background:#eee;
border:1px solid #ccc;
border-radius:5px;
text-decoration:none;
padding:3px;
margin:3px;
text-transform:uppercase;
}
.terms a:hover {
background:#a8281a;
color:#FFF;
}

حال آن را ذخیره کرده و فایل single.php قالب که مربوط به بخش نوشته‌های سایت می باشد را باز کرده و قطعه کد زیر را در مکان مناسبی از آن قرار دهید.

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

در نهایت خواهید دید که برچسب مطالب شما نیز مشابه تصویر زیر در پایین مطالب نمایش داده خواهند شد.

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

موفق باشید

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 وردپرس , مقالات,آموزش,ترفند
لینک کوتاه مطلب : https://www.20script.ir/?p=43816
کلمات کلیدی پست :
مطالب مرتبط
24,353تغییر استایل فرم تماس وردپرس با افزونه Contact Form 7 Style تاریخ : 2017/06/6
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات