آموزش افزودن ابزارک به پوسته وردپرس

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

لازم است بدانید قابلیت ابزارک وردپرس در نسخه ی 2.2 یه هسته‌ی وردپرس اضافه گردیده است که پیش از آن کاربران برای قرار دادن محتوا در نوارکناری یا همان سایدبار قالب وردپرس خود مجبور بوده‌اند بصورت دستی (html) کدهای خود را به نوارکناری اضافه کنند که بعد از اضافه کردن قابلیت ابزارک به سیستم وردپرس این امکان برای کاربران ایجاد شد که با رفتن به مسیر پیشخوان > نمایش > ابزارک‌ها به‌راحتی هرچه تمام و بدون نیاز به ویرایش فایلی ابزارک‌های مورد پسند خود را با کنترل و مدیریت هرچه بهتر در سایدبار قالب وردپرس خود قرار دهند.

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

اضافه کردن ابزارک به قالب وردپرس

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

if ( function_exists('register_sidebar') )
register_sidebar(array(
'name'          => '',
'description'   => '',
'before_widget' => '',
'after_widget'  => '',
'before_title'  => '',
'after_title'   => '',
));

با اضافه کردن دستورات فوق به فایل فانکشن پوسته‌ی خود قابلیت افزودن ابزارک برای وردپرس شما تعریف شده است که در خط چهارم name نام ابزارک شما، description توضیحات ابزارک شما، before_widget عناصری که قبل از ابزارک قرار می‌گیرند، after_widget عناصری که بعد از ابزارک قرار می‌گیرند، before_title برچسبی که پیش از عنوان ابزارک قرار می‌گیرد، after_title برچسبی که بعد از عنوان ابزارک شما قرار می‌گیرد همانند نمونه‌ای که در زیر بصورت کامل آن‌را توضیح خواهیم داد شما نیز می‌بایست با توجه به کدهای اچ تی ام ال قالب خود، نسبت به تغییر دستورات اولیه برای اضافه کردن ابزارک به پوسته اقدام بفرمایید.

در مثال زیر محتوا در نوارکناری سمت راسته پوسته بصورت دستی قرار داده شده اند:

<div id="right-sidebar">
<div>
<h3>دسته‌بندی‌ها</h3>
<ul>
<?php wp_list_categories('show_count=0&title_li='); ?>
</ul>
</div>
</div>

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

در خط چهارم می‌توانید نامی را برای مدیریت ابزارک خود در پیشخوان انتخاب نمایید که این نام به دلخواه شما تعیین می‌گردد و در این نوشته ما آنرا right-sidebar می‌نامیم، در خط بعدی description شما باید توضیحاتی را در مورد ابزارک خود بنویسید، در خط بعدی before_widget باید عناصری که پیش از محل قرارگیری ابزارک شما در قالب وجود دارند را وارد نمایید، در خط بعدی after_widget می‌بایست عناصری که پس از محل قرارگیری ابزارک شما وجود دارند را وارد نمایید، در خط بعد before_title می‌بایست برچسبی که پیش از عنوان ابزارک شما وجود دارد را وارد نمایید که این برچسب در حالت پیش‌فرض وردپرس h2 می‌باشد و در خط آخر نیز after_title برچسبی که بعد از عنوان ابزارک وجود دارد را برای تکمیل کردن دستور وارد نمایید که در نهایت دستورات شما به عنوان نمونه به شکل زیر در خواهد آمد:

if ( function_exists('register_sidebar') )
register_sidebar(array(
'name'          => 'right-sidebar',
'description'   => 'ناحيه قرارگيری ابزارک‌های شما',
'before_widget' => '<div id="right-sidebar"><div>',
'after_widget'  => '</div></div>',
'before_title'  => '<h3>',
'after_title'   => '</h3>',
));

نمونه دوم ، نوارکناری سمت چپ:

<div id="left-sidebar">
<div>
<h3>دسته بندی ها</h3>
<ul>
<?php wp_list_categories('show_count=0&title_li='); ?>
</ul>
</div>
</div>

دستور ویرایش شده در فایل فانکشن:

if ( function_exists('register_sidebar') )
register_sidebar(array(
'name'          => 'left-sidebar',
'description'   => 'ناحيه قرارگيری ابزارک‌های شما',
'before_widget' => '<div id="left-sidebar"><div>',
'after_widget'  => '</div></div>',
'before_title'  => '<h3>',
'after_title'   => '</h3>',
));

بعد از به پایان رسیدن مراحل بالا قابلیت ابزارک شما با توجه به کدهای موجود در پوسته وردپرس شما برای سیستم مدیریت محتوی وردپرس تعریف و شناخته شده است که با رفتن به مسیر پیشخوان > نمایش > ابزارک‌ها می‌توانید نتیجه‌ی تغییرات را تماشا کنید، حال نوبت آن رسیده است که با اضافه‌کردن دستور زیر خاصیت پویایی را به نوارکناری پوسته‌ی خود اضافه کنید. (در خط زیر به نام ابزارکی که در فایل فانکشن تعریف کرده‌اید توجه کنید که برای نمونه ما در دستور زیر right-sidebar را برای فراخوان کردن انتخاب نموده‌ایم:

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('right-sidebar') ) : ?><?php endif; ?>

این آموزش برای افرادی که آشنایی مختصری با زبان php و html دارند مفید می‌باشد و در صورتی که شما با این زبان‌ها آشنایی ندارید می‌توانید از ژنراتور سایدبار که دوست خوبمان جناب ایمان فخار در نوشته‌ی برترین ژنراتورهای رایگان معرفی کردند استفاده و بهره ببرید.


کانال تلگرام ماندگار وب

  1. ایمان

    سلام
    خوبید ؟
    ممنون مفید بود
    تشکر بابت این آموزش

    1. امیر خلجی مهر

      سلام ایمان جان ، ممنونم
      خواهش میکنم خوشحالم که مفید واقع شده

    2. صعود کاران

      سلام دوستانی که در کار در قالب سْو فعالیت می کنند با این شماره تماس بگیرند 09126162100

  2. پی سی گیمز

    مطلب خیلی عالی بودش ممنون

  3. محمد

    عالی بود واقعا ممنون خیلی خوب می نویسی استاد.

  4. بهروز

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

    1. امیر خلجی مهر

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

      موفق باشید

  5. میلاد

    سلام امیر جان من توی نمایش ابزارک تو سایتم مشکل دارم میشه خودتون تو قالبم قرار بدید فقط سمت راست رو قرار بدید بقیش رو خودم انجام میدم ممنون از لطفتون
    لینک دانلود قالب
    http://www.learningbaz.ir/up/khabari.zip
    راستی من میخوام توی فوتر سایت هم ابزارک قرار بدم آیا به همین صورت هستش؟

    1. امیر خلجی مهر

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

      1. میلاد

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

        1. امیر خلجی مهر

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

  6. میلاد

    من میخوام توی ستون سمت راست به جای اخبار رباط کریم که توی کادر قرمز هستش عنوان ابزارک باشه و هر بار که ابزارک اضافه می کنم یدونه از همون ستون سمت راست زیرش اضافه بشه
    یعنی هر ابزارک که اضافه میشه توی یه دیو right-side باشه.
    لطفا جواب بدید و به انجمن نفرستید منو.

    1. امیر خلجی مهر

      میلاد عزیز
      قربونتون برم مطرح کردن مشکلات در انجمن جزء قوانین ماندگار وب هست و به خاطر سنگین بودن بحث مشکلات کاربران هیچ مشکلی در قسمت دیدگاه ها مورد بررسی قرار نمیگیره
      موفق باشید

  7. نیما

    سلام مرسی از آموزشتون .

    وقتی اینو تو منوی کناری قرار میدم . ستون کناری قالب باز نمیشه .

    1. امیر خلجی مهر

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

  8. آرش

    سلام دوست عزیز
    خیلی ازتون ممنونم بابت این آموزش ولی یک سوال ایا میشه ایتم ها رو هم مثل قسمت منو تعریف کرد
    item_wrap
    اگر نه چطور به المنت هاش کلاس بدم خیلی مممنون میشم جواب من و بدین؟؟

    1. امیر خلجی مهر

      درود

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

  9. OMID

    فایل فانکشن functions.php را که موجود در ریشه ی پوسته

    این ریشه ی پوسته دقیق کجا میشه من هیچی تقریبا نمیدونم از کدها ..میشه همون شیوه نامه؟؟

    1. امیر خلجی مهر

      خیر امید جان

      ریشه یعنی مسیر اصلی و اولیه پوسته
      اگه فایل functions.php رو ندارید خیلی راحت میتونید ایجادش کنید
      موفق یاشید

    1. امیر خلجی مهر

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

  10. علیرضا

    سلام
    عرض تشکر

    خیلی بهم کمک کرد

    1. امیر خلجی مهر

      خواهش میکنم علیرضا جان

  11. امیر

    برای نمایش ساید بار یک if گذاشتی اما endif را نذاشتی

    1. امیر خلجی مهر

      🙂
      ممنون امیر جان ویرایش کردم

  12. عدنان

    درود بر شما
    ببخشید بنده یک مشکل در مورد ابزارک دارم اونم اینه که چطوری میشه بخش عنوان ابزارک رو از خود ابزراک آورد بیرون!
    ممنون میشم اگه این مورد رو بگید
    و واقعا ممنونم از شما به خاطر رایگان گذاشتن مطالب
    سپاس فراوان

    1. امیر خلجی مهر

      درود فراوان

      دوست گرامی متوجه منظور شما نشدم اگه منظور شما خروجی ها هست خوب ارتباطی با این آموزش نداشته و باید به خروجی ابزارک ها استایل بدید
      موفق باشید

  13. مصطفی

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

    1. امیر خلجی مهر

      درود بر شما
      قربونتون این آموزش رو خودم به ساده ترین زبان و به همراه مثال نوشتم تا براحتی بتونید این قابلیت رو به پوسته اضافه کنید
      مشکل را در انجمن مطرح کنید تا دوستان مشکل رو بررسی کنند

  14. تک ایمیج

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

  15. مقدم

    سلام
    بی نهایت از توضیحاتتون ممنونم
    واقعا جامع و کامل بود

    1. امیر خلجی مهر

      درود بر شما
      خواهش میکنم جناب مقدم

  16. بازتاب: ‫تلویزیون ورزشی وردپرس‬
  17. بازتاب: افزونه چند زبانه سازی وردپرس
  18. بازتاب: مرکز فرهنگی صالحون چگونه وب سایتی چند زبانه داشته باشیم؟ - مرکز فرهنگی صالحون
  19. مهدی

    ممنون . ممنون . ممنون

    دست شما درد نکنه توی 150 تا سایت گشتم یکیش بکارم نیومد شما کارمو راه انداختید با این آموزش

    مرســــــــــــــــــــــــــــــــــــــــــــــــــــــــــی

    1. امیر خلجی مهر

      قربونت . قربونت . قربونت 🙂
      موفق باشی مهدی جان

  20. احسان اسکندری

    بسيار عالی بود ، ممنون بابت به اشتراک گذاري

  21. احسان

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

    1. امیر خلجی مهر

      درود احسان جان
      خواهش می‌کنم، خوشحالیم که براتون سودمند بوده

  22. امیرحسین آقاجانی

    سلام!
    من از فایل Functions.php استفاده میکنم یه سری مشکلات برای وردپرسم به وجودمیاد!
    کدش رو تو قالب میزارم مشکلی نداره!
    اما مدیریت ابزارک ها نیس 🙁
    چطور بدون استفاده از فایل functions ابزارک ها رو فعال کنم ؟
    ممنون

    1. امیر خلجی مهر

      درود
      بصورت افزونه فعالش کنید، منظورم این هست یه فایل php با کدهای مورد پسندتون رو در حالت افزونه قرار بدید، تا با فعال کردن کدها اجرا شوند.
      اگر آشنایی کافی ندارید در انجمن مطرح کنید:
      http://forum.wp-parsi.com/

دیدگاه خود را بنویسید

تنها دیدگاه‌هایی که به فارسی نوشته می‌شوند پذیرفته خواهند شد!

ماندگار وب - 1395
فروش - خرید هاست وردپرس فارسی