وردپرس فارسی

برای اینکه با Widgets بیشتر آشنا بشید پیشنهاد می‌کنم این دو تا نوشته رو بخونید:
Widgets چیست و چگونه آن‌را نصب کنیم؟
چگونه قالب‌های خود را با Widgets هماهنگ کنیم؟

بریم سر بحث اصلیمون، یعنی هماهنگ کردن قالب‌هایی که از چند نوار کناری استفاده می‌کنن با Widgets، تو این شرایط دو حالت ممکنه پیش بیاد:

۱. همه‌ی ستون‌های شما از نظر کدنویسی مشابه باشند
۲. ستون‌های شما از نظر کدنویسی متفاوت باشند

که ما به‌تفصیل هر دو حالت رو شرح می‌دیم.

• حالت اول (کدنویسی مشابه):

در این حالت چون ساختار کدنویسی ستون‌ها مانند هم است می‌خواهیم با یک دستور به تعداد دلخواه نوار کناری تعریف کنیم، برای این کار در پوشه‌ی قالب خود فایل functions.php را بیابید (اگر وجود ندارد آن‌را ایجاد کنید) و دستورات زیر را به آن اضافه کنید:

اگر از نوارکناری لیستی استفاده می‌کنید:

if ( function_exists('register_sidebars') )
    register_sidebars(N);

اگر از نوارکناری غیرلیستی استفاده می‌کنید:

if ( function_exists('register_sidebars') )
    register_sidebars(N, array(
        'before_widget' => 'BEFORE_WIDGETS_CODE',
        'after_widget' => 'AFTER_WIDGETS_CODE',
        'before_title' => 'BEFORE_WIDGETS_TITLE_CODE',
        'after_title' => 'AFTER_WIDGETS_TITLE_CODE'
    ));

که در کدهای بالا به‌جای N در تابع register_sidebars تعداد نوارکناری‌هایی که می‌خواهید ایجاد شوند را بنویسید، مثلن برای به‌وجود آوردن ۲ نوارکناری داریم:

اگر از نوارکناری لیستی استفاده می‌کنید:

if ( function_exists('register_sidebars') )
    register_sidebars(2);

اگر از نوارکناری غیرلیستی استفاده می‌کنید:

if ( function_exists('register_sidebars') )
    register_sidebars(2, array(
        'before_widget' => 'BEFORE_WIDGETS_CODE',
        'after_widget' => 'AFTER_WIDGETS_CODE',
        'before_title' => 'BEFORE_WIDGETS_TITLE_CODE',
        'after_title' => 'AFTER_WIDGETS_TITLE_CODE'
    ));

نکته: برای آگاهی از مفهوم نوارهای لیستی و غیرلیستی و همچنین آرگومان‌هایی که در حالت غیرلیستی در تابع register_sidebars استفاده شده است به نوشته‌ی قبلی من در همین مورد مراجعه کنید.

حال برای صدا زدن نوارهای کناری که تعریف کرده‌ایم همچون نوشته‌ی قبلی از تابع dynamic_sidebar به‌صورت شرطی در ابتدا و انتهای نوارکناری معمولی‌مان استفاده می‌کنیم:

ابتدا:

<?php if ( !function_exists('dynamic_sidebar')  || !dynamic_sidebar(شماره مشخصه نوار کناری) ) : ?>

انتها:

<?php endif; ?>

که به‌جای «شماره مشخصه نوار کناری» در تابع dynamic_sidebar در ابتدای نوار کناری معمولی، عدد مشخصه نوارکناری مورد نظرمان را می‌گذاریم، مثلن برای فراخوانی نوار شماره ۲ داریم:

در ابتدا:

<?php if ( !function_exists('dynamic_sidebar')  || !dynamic_sidebar(2) ) : ?>

• حالت دوم (کدنویسی متفاوت):

برای این حالت به‌تعداد نوارکناری‌هایی که می‌خواهیم تعریف کنیم باید از تابع register_sidebar استفاده کنیم و هر نوار را به‌دلخواه نامگذاری کنیم.

برای مثال من دو نوار می‌خوهم تعریف کنم که نام یکی را “Avali” و نام دیگری را هم “Dowomi” می‌گذارم، که اولین نوارکناری به‌صورت لیستی است و نوار دوم به‌صورت غیرلیستی، در فایل functions.php می‌نویسیم:

if ( function_exists('register_sidebar') ) {
	register_sidebar(array(
		'name' => 'Avali'
	));
	register_sidebar(array(
		'name' => 'Dowomi',
		'before_widget' => 'BEFORE_WIDGETS_CODE',
        'after_widget' => 'AFTER_WIDGETS_CODE',
        'before_title' => 'BEFORE_WIDGETS_TITLE_CODE',
        'after_title' => 'AFTER_WIDGETS_TITLE_CODE'
	));
}

بدین‌ترتیب دو نوارکناری با نام‌های Avali و Dowomi تعریف کردیم، حال برای فرخوانی آنها در قالب خود طبق معمول از تابع dynamic_sidebar استفاده می‌کنیم، و نام نوارکناری موردنظرمان را به‌عنوان آرگومان ورودی تابع معرفی می‌کنیم.

برای فراخوانی اولین نوارکناری داریم:

< ?php if ( !function_exists('dynamic_sidebar')  || !dynamic_sidebar('Avali') ) : ?>
	محتویات نوارکناری اول در حالت عادی
< ?php endif; ?>

و برای دومی هم داریم:

< ?php if ( !function_exists('dynamic_sidebar')  || !dynamic_sidebar('Dowomi') ) : ?>
	محتویات نوارکناری دوم در حالت عادی
< ?php endif; ?>

تموم شد، همین! :)

مرتبط:
Widgets چیست و چگونه آن‌را نصب کنیم؟
چگونه قالب‌های خود را با Widgets هماهنگ کنیم؟

پیرو مطلب قبل ، به توضیحات تکمیلی در رابطه با widget ایزاسیون انواع پوسته ها می رویم. با توجه به نوع پوسته ها نحوه ی این کار هم فرق می کند. بسته به دو ستونه یا سه ستونه یا n ستونه بودن یا نه! اصلاً شاید پوسته ی شما یک ستون باشد اما در بخش [...]

با فرض بر اینکه شما Widgets را [بر اساس آموزش فارسی] نصب و فعال کرده‌اید، می‌خواهیم چگونه‌گی هماهنگ کردن قالب‌های مختلف با این افزونه را شرح دهیم.

برای این‌کار:

• باید به وردپرس بفهمانیم که قالب ما از Widgets پشتیبانی می‌کند تا یک زیرشاخه به‌نام Sidebar Widgets به قسمت Presentation در بخش مدیریت وردپرس اضافه شود.
• باید کدهای مربوط به Widgets را در قالبمان قرار دهیم.

خب برای اینکه به وردپرس بگوییم که می‌خواهیم از Widgets استفاده کنیم اول باید بدانیم قالبمان از چه مدل نوار کناری استفاده می‌کند، اکثر قالب‌ها از نوارهای لیستی استفاده می‌کنند، برای مثال کد زیر نمونه‌ای از نوار کناری لیستی است:

<ul id="sidebar">   <li id="about">

<h2>About</h2>

<p>This is my blog.</p>

</li>

<li id="links">

<h2>Links</h2>

<ul>

<li><a href="http://example.com">Example</a></li>

</ul>

</li>

</ul>

که در آن عناصر بوسیله‌ی تگ‌های <li> از هم جدا می‌شوند و عناوین در تگ <h2> قرار می‌گیرند.
اگر نوار کناری ما از لیست‌ها برای نشان دادن محتویاتش استفاده کند ما به ساده‌گی می‌توانیم قالب خود را با Widgets هماهنگ کنیم:

۱. فایل functions.php را در پوشه‌ی قالب خود بیابید (اگر وجود ندارد ایجاد کنید) و کدهای زیر را به فایل اضافه نمایید:

<?phpif ( function_exists('register_sidebar') )

register_sidebar();

?>

با این‌کار به وردپرس فهماندیم که ما می‌خواهیم از Widgets استفاده کنیم.

۲. در پوشه‌ی قالب خود فایل sidebar.php را انتخاب نموده و خطوط زیر را به ابتدا و انتهای لیست آن اضافه نمایید:

ابتدا:

<?php if ( !function_exists('dynamic_sidebar')  || !dynamic_sidebar() ) : ?>

انتها:

<?php endif; ?>

که کد قبلی که مثال زدیم به‌صورت زیر درمی‌آید:

<ul id="sidebar"><?php if ( !function_exists('dynamic_sidebar')  || !dynamic_sidebar() ) : ?>

<li id="about">

<h2>About</h2>

<p>This is my blog.</p> </li>

<li id="links">

<h2>Links</h2>

<ul>

<li><a href="http://example.com">Example</a></li>

</ul>

</li>

<?php endif; ?>

</ul>

این کدها یک شرط برای وردپرس تعیین می‌کند که اگر Widgets فعال بود آن‌ها را نشان دهد و درغیراین‌صورت نوار کناری را به حالت ساده (بدون Widgets) نشان دهد.

حال اگر نوار کناری ما از لیست‌ها استفاده نکند (مثل نوار کناری قالب فعلی من) چه باید کرد؟

۱. فایل functions.php را در پوشه‌ی قالب خود بیابید (اگر وجود ندارد ایجاد کنید) و کدهای زیر را به فایل اضافه نمایید:

<?phpif ( function_exists('register_sidebar') )

register_sidebar(array(

'before_widget' => 'BEFORE_WIDGETS_CODE',

'after_widget' => 'AFTER_WIDGETS_CODE',

'before_title' => 'BEFORE_WIDGETS_TITLE_CODE',

'after_title' => 'AFTER_WIDGETS_TITLE_CODE'

));

?>

و مقادیر زیر را جایگزین کنید:

• به‌جای BEFORE_WIDGETS_CODE کدهایی که قبل از یک بلوک Widget قرار می‌گیرند
• به‌جای AFTER_WIDGETS_CODE کدهایی که بعد از یک بلوک Widget قرار می‌گیرند
• به‌جای BEFORE_WIDGETS_TITLE_CODE کدهایی که قبل از عنوان یک Widget قرار می‌گیرند
• به‌جای AFTER_WIDGETS_TITLE_CODE کدهایی که بعد از عنوان یک Widget قرار می‌گیرند

برای مثال، کد یکی از بلوک‌های نوار کناری من به‌صورت زیر است:

<div class="blocks"> <div class="tl"></div>

<div class="tc"></div>

<div class="tr"></div>

<div class="m">

<div class="title">عنوان</div>

محتویات بلوک

</div>

<div class=”bl”></div>

<div class=”bc”></div>

<div class=”br”></div>

</div>

حال من باید در فایل functions.php قالبم اینگونه بنویسم:

<?phpif ( function_exists('register_sidebar') )

register_sidebar(array(

'before_widget' => '<div class="blocks">

<div class="tl"></div>

<div class="tc"></div>

<div class="tr"></div>

<div class="m">',

'after_widget' => '</div>

<div class="bl"></div>

<div class="bc"></div>

<div class="br"></div>

</div>',

'before_title' => '<div class="title">',

'after_title' => '</div>'

));

?>

۲. باید sidebar.php را هم ویرایش کنیم که مانند مثال قبل کدهای زیر را به ابتدا و انتهای کدهای موجود در نوار کناریمان اضافه می‌کنیم:
ابتدا:

<?php if ( !function_exists('dynamic_sidebar')  || !dynamic_sidebar() ) : ?>

انتها:

<?php endif; ?>

در نتیجه برای مثال بالا داریم:

<?php if ( !function_exists('dynamic_sidebar')  || !dynamic_sidebar() ) : ?><div class="blocks">

<div class="tl"></div>

<div class="tc"></div>

<div class="tr"></div>

<div class="m">

<div class="title">عنوان</div>

محتویات بلوک ۱

</div>

<div class=”bl”></div>

<div class=”bc”></div>

<div class=”br”></div>

</div>

<div class=”blocks”>

<div class=”tl”></div>

<div class=”tc”></div>

<div class=”tr”></div>

<div class=”m”>

<div class=”title”>عنوان</div>

محتویات بلوک ۲

</div>

<div class=”bl”></div>

<div class=”bc”></div>

<div class=”br”></div>

</div>

<?php endif; ?>

پس ما آموختیم که چگونه انواع قالب‌ها را با Widgets هماهنگ کنیم!
حال می‌توانیم به زیرشاخه‌ی Sidebar Widgets در قسمت Presention در بخش مدیریت وردپرس رفته و کار با Widgets را آغاز کنیم و از نتیجه‌ی کار لذت ببریم :)

در برخی موارد قالب‌ها دارای بیش از یک نوار کناری هستند، چگونه‌گی هماهنگ کردن بیش از یک نوار کناری را با Widgets در پست‌های بعدی شرح خواهم داد.

مرتبط:
Widgets چیست و چگونه آن‌را نصب کنیم؟
هماهنگ کردن قالب‌های چند ستونه با Widgets

Widgets چیست؟

Widgets نام افزونه‌ای برای وردپرس می‌باشد که با استفاده از آن می‌توان به‌سادگی بلوک‌ها و محتویات نوار کناری را کنترل، ایجاد و یا جابه‌جا کرد!
برای نمونه شما می‌خواهید بدون ویرایش کدهای قالب، آرشیو ماهیانه، آخرین نظرات، دسته‌بندی‌ها یا… را در نوار کناری خود داشته باشید و بتوانید اولویت نمایش آنها را انتخاب کنید، این‌کار به‌وسیله‌ی widgets به‌ساده‌گی امکان‌پذیر است.
همچنین این افزونه امکان خواندن RSS یا نوشتن بلوک‌های متنی را به‌ساده‌گی هرچه تمام‌تر ایجاد می‌کند.

چگونه Widgets را نصب کنم؟

۱. فایل مربوطه را دریافت کنید:

• برای وردپرس ۲
• برای وردپرس ۲.۱ و بالاتر

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

• پوشه‌ی widgets را در wp-content قرار دهید.
• از درون این پوشه فایل rss.png را به پوشه‌ی wp-includes/images منتقل کنید.
• اگر از وردپرس ۲ استفاده می‌کنید پوشه‌ی scriptaculous را به wp-includes/js منتقل کنید و اگر از وردپرس ۲.۱ استفاده می‌کنید، نیازی به انجام این‌کار ندارید چون در نسخه‌ی ۲.۱ به‌صورت پیش‌فرض این پوشه در wp-includes/js وجود دارد.

حالت قرار گرفتن فایل‌ها به صورت شماتیک:

- wp-content - plugins

- widgets

| delicious.php

| gsearch.php

| widgets.php

- wp-includes

- images

| rss.png

- js

- scriptaculous

| builder.js

| controls.js

| dragdrop.js

| effects.js

| MIT-LICENSE

| prototype.js

| scriptaculous.js

| slider.js

| unittest.js

۳. در بخش مدیریت وردپرس به قسمت افزونه‌ها (plugins) رفته و Sidebar Widgets را فعال کنید.

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

نحوه‌ی اضافه کردن widgets به قالب را در پست‌های بعدی شرح خواهم داد.

مرتبط:
چگونه قالب‌های خود را با Widgets هماهنگ کنیم؟
هماهنگ کردن قالب‌های چند ستونه با Widgets

Love is that holy wine which the gods distill from their hearts and pour into the hearts of men.

When love beckons to you, follow him, Though his ways are hard and steep.

Let there be no purpose in friendship Save the deepening of the spirit.

Love has no other desire but to fulfil itself.

Gibran Kahlil Gibran

عشق، آن شراب مقدسی است که خدایان از قلب خود می گیرند و درون قلب انسانها می ریزند.

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

یگذارید که در دوستی و محبت، منظوری خاص نباشد. تنها روح دوستی را عمق ببخشید.

عشق خواسته ای دیگر ندارد جز تبلور خویش.

جبران خلیل جبران

پ.ن: این دومین سالیه که حدیث جون ولنتاین منه! یه بار قبل از ازدواج و حالا بعد از ازدواج!

پستهای مرتبط:

1. سال نو مبارک و ما در این لحظه، در این نخستین روز...
2. فردوسی و شاهنامه فردوسی شاهنامه را می‌سازد و شاهنامه فردوسی را. فردوسی، در...
3. چهارشنبه سوری ای آتش! در آخرین چهارشنبه سال، برمی‌افروزمت، به این امید...

Related posts brought to you by Yet Another Related Posts Plugin.

اگر این صفحه رو مطالعه کرده باشید متوجه می شید که وردپرس برای هر کدام از Category هاش یک آدرس فید می دهد .  احتمالا خیلی از شماها هم از پلاگین معروف widget برای sidebar وبلاگتون استفاده می کنید . شما می تونید با یک تغییر کوچک آیکون فید را به کنار هر کدام از موضوعاتتون استفاده کنید ( مثل همین جا ) . برای این کار باید به قسمت Edit پلاگین widget بروید و عبارت زیر را :

wp_list_cats("sort_column=name&optioncount=$c&hierarchical=$h");

 به عبارت زیر تغییر بدید :

wp_list_cats("sort_column=name&optioncount=$c&hierarchical=$h&feed=RSS&feed_image="http://asroone.org/wp-content/themes/freshy/images/icons/feed-icon-۱۰x۱۰.gif"); ?>

 تذکر : آدرس موجود برای آیکون بالا را تغییر بدید و اون آیکون را در جای دیگری آپلود کنید .

خوب توی نوشته ی قبلی افزونه ی no-www رو معرفی کردم منتها یادم رفت بگم چه کار می کنه.
کارش اینه که هرکسی وب سایت/وبلاگ شما رو با www خواست باز کنه, منتقلش می کنه به نشانی بدون www. مثلا اگه الان شما توی address bar بزنید www.kaam.biz , منتقل میشید به kaam.biz
حالا اینکه چرا و چه فرقی می کنه و که چی بشه رو خودتون اینجا بخونید: http://no-www.org

نظر به اینجا , از کلیه ی عزیزان وردپرسی خواهش می شود که از این افزونه استفاده نمایند.
باشد که خیر دنیا و آخرت را برای خویش خریداری نمایند.

در وردپرس ۲.۱ ( چه بر روی هاست نصب شده باشه و چه بر روی  wordpress.com ) برای پیشرفته تر کردن ادیتورش کافیه در فایرفاکس دکمه های Alt+Shifit+V  و در اینترنت اکسپلورر Alt+v را فشار دهید . بله شما یه ادیتور پیشرفته تر دارید …

( تصویری از ادیتور پیشرفته )

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

Share This