آموزش ایجاد صفحه ی تگ ابری در وردپرس -آی وحید

آموزش

آموزش ایجاد صفحه ی تگ ابری در وردپرس

با سلام خدمت تمامی عزیزان . در این مطلب از سایت طراحی وب سایت آی وحید به درخواست بعضی از عزیزان قصد آموزش ایجاد صفحه ی تگ ابری در وردپرس را برای شما عزیزان داریم . در ادامه ی مطلب با این آموزش همراه ما باشید .

مقدمه :

تابع wp_tag_cloud() لیستی از تگ ها را نمایش میدهد که به اصطلاح تگ ابری نامیده میشود .در این تابع میتوانید بر اساس اندازه و نوع تگ ها را نمایش دهید .پیش از انجام هر کاری نسخه ی وردپرس شما باید بالاتر از ۲.۳ باشد که الان معمولا پایین ترین نسخه ۴ میباشد ! پس در این قسمت مشکلی وجود ندارد . شیوه ی کلی تابع wp_tag_cloud() به صورت زیر میباشد :

<?php wp_tag_cloud( $args ); ?>

مقادیری که به صورت آرگومان میتواند در تابع استفاده شود نیز به صورت زیر میباشد :

<?php $args = array(
	'smallest'                  => 8, 
	'largest'                   => 22,
	'unit'                      => 'pt', 
	'number'                    => 45,  
	'format'                    => 'flat',
	'separator'                 => "\n",
	'orderby'                   => 'name', 
	'order'                     => 'ASC',
	'exclude'                   => null, 
	'include'                   => null, 
	'topic_count_text_callback' => default_topic_count_text,
	'link'                      => 'view', 
	'taxonomy'                  => 'post_tag', 
	'echo'                      => true,
	'child_of'                  => null, // see Note!
); ?>

اکنون مقادیری که در این دستور استفاده شده با هم بررسی میکنیم ، لازم به ذکر است این تابع و تعریف آن معمولا در فایل functions.php استفاده میشود .

قسمت smallest : کوچکترین تگ ۸ عدد میباشد

largest : بزرگترین تگ (بیشترین تعداد ) ۲۲ میباشد .

unit نمایانگر واحد اندازه ی قلم میباشد .

number تعداد تگ نمایش داده شده را مشخص میکند که به صورت پیش فرض مقدار ۴۵ میباشد .

format قالب بندی نمایش تگ ها را مشخص میکند که در نوع مشخص شده با یک فاصله ی خالی میباشد .

separator نمایش دهنده ی فاصله ی بین تگ ها میباشد .

order by نوع نمایش و مرتب سازی تگ ها را مشخص میکند که بر اساس نام میباشد .

order نوع مرتب سازی به صورت نزولی یا صعودی را مشخص میکند .

exclude استثناهای تگ و include تگ هایی که مشمول نمایش میشود ، میباشد .

topic_count_text_callback از تابع default_topic_count_text استفاده میشود .

link به صورت view میباشد و echo برای نمایش نتایج میباشد .

مثالی از نمونه کد نمایش تگ ها :

<?php if ( function_exists( 'wp_tag_cloud' ) ) : ?>

<h2>تگ های معروف</h2>
<ul>
<li><?php wp_tag_cloud( 'smallest=8&largest=22' ); ?></li>
</ul>

<?php endif; ?>

برای اینکه یک صفحه ی ایجاد تگ بسازید ابتدا در پوشه ی قالب وردپرستان یک فایل به نام tagcloud.php بسازید و درون آن کد زیر را قرار دهید .

<?php
/*
Template Name: Tag Cloud
*/
?>

این کد باعث میشود صفحه ی شما به یک قالب صفحه با نام Tag Cloud مشخص شود .

ساختار کلی :

بعد از اینکه صفحه رو ایجاد کردید باید کد های قالب هدر ، فوتر و نوار کناری رو در صفحه قرار بدید تا ظاهر این صفحه نیز مانند دیگر صفحات سایت شما شود ، ما در کد زیر قالب هدر ، فوتر و سایدبار را فراخوانی کرده ایم :

<?php
/*
Template Name: Tag Cloud
*/
?>
 
<?php get_header(); ?>
 
    <div id="content" class="narrowcolumn">
 
    </div>
 
<?php get_sidebar(); ?>
 
<?php get_footer(); ?>

ما یک تگ div نیز در صفحه قرار دادیم تا بعدا بتوانیم از طریق فایل استایل به آن فونت ، رنگ و ظاهر خاص خودش را بدهیم .

قالب تگ : اکنون وقت آن رسیده است که قالب صفحه ی تگ خود را به پایان برسانید و کدهای مربوط به نمایش تگ نیز در آن قرار دهید . در زیر کد نهایی از قالب را مشاهده میکنید :

<?php
/*
Template Name: Tag Cloud
*/
?>
 
<?php get_header(); ?>
 
    <div id="content" class="narrowcolumn">
 
        <div class="tag_cloud">
            <?php wp_tag_cloud('number=0'); ?>
        </div>
 
    </div>
 
<?php get_sidebar(); ?>
 
<?php get_footer(); ?>

دلیل اینکه مقدار عدد را ۰ قرار داده ایم این است که وردپرس به صورت پیش فرض ۴۵ عدد از تگ ها را برای شما نمایش میدهد اما ما میخواهیم که تمامی تگ ها نشان داده شود .

البته در زیر کد مربوط به آموزش ایجاد صفحه ی تگ ابری در وردپرس قرار داده شده در وردپرس آمده است :

<?php /*
Template Name: Tag Archive
*/ ?>
<div>
<?php get_header(); ?>
<h2>Tag Archive</h2>
<?php wp_tag_cloud( '' ); ?>
<div class="navigation">
	<div class="alignleft"><?php next_posts_link( '« Older Entries' ); ?></div>
	<div class="alignright"><?php previous_posts_link( 'Newer Entries »' ); ?></div>
</div>
<?php if ( have_posts() ) : ?>
	<?php while ( have_posts() ) : the_post(); ?>
		<h2><a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
		<div class="entry">
			<?php the_content( 'Read the rest of this entry »' ); ?>
		</div>
	<?php endwhile; ?>
<?php endif; ?>
</div>
<?php get_footer(); ?>

این کدها را میتونید در سایتتون تست کنید و مطمئن باشید نتیجه ای میگیرید که انتظارش رو دارید ! البته اگر کامل و صحیح اون رو انجام داده باشید .

آموزش ایجاد صفحه ی تگ ابری در وردپرس – ایجاد صفحه ی تگ در سایت وردپرسی : قسمت آخر

برای اینکه بخواهید صفحه ای با قالب صفحه ی تگ بسازید باید از قسمت برگه ها ،افزودن برگه را انتخاب کنید . سپس در صفحه ی باز شده عنوان صفحه را نوشته سپس در قسمت قالب برگه ، Tag Cloud را انتخاب کنید . صفحه ی شما آماده است .

امیدوارم از آموزش ایجاد صفحه ی تگ ابری در وردپرس استفاده کافی رو برده باشید . تا آموزش دیگر شما را به خدا میسپارم . امیدوارم ستاره بچینین !!

امتیاز شما در رابطه با این مقاله ؟
بدبدمعمولیخوبخیلی عالی
1 رای, 4 از 5
Loading...
دیدگاه شما عزیزان
  • محسن شکوهی 7 مهر 1394

    بسیار عالی !
    ممنون از آموزش مفیدتون 🙂

  • hamid 12 مهر 1394

    تشکر از آموزش خوبتون