آموزش وردپرس : افزودن ابزارک به قالب وردپرس

آموزش وردپرس : افزودن ابزارک به قالب وردپرس

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

گام اول : افزودن قابلیت ابزارک به قالب (معرفی ابزارک ها به وردپرس)

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

if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Widget',
'before_widget' => '<div class="widget">',
'after_widget' => '</div>',
'before_title' => '<h2 class="widgettitle">',
'after_title' => '</h2>',
));

این کد یک ابزارک با نام Widget به قالب شما می افزاید. برای تعریف ابزارک های بیشتر می توانید از این کد یک کپی بگیرید و تنها نام آن (Widget) را تغییر دهید.

گام دوم : قرار دادن کد ابزارک ها در فایل های قالب وردپرس

خوب پس از معرفی ابزارک ها به وردپرس نوبت به نمایش ابزارک ها در قالب می رسد. برای نمایش هر یک از ابزارک در قالب, شما باید کد زیر را در محل مورد نظر قرار دهید. مثلا با افزودن این کد به فایل sidebar.php ابزارک ها در نوار کناری سایت شما دیده خواهند شد. توجه داشته باشید که در اینجا ابزارکی که نشان داده می شود ابزارک Widget است که در گام قبلی آن را به وردپرس معرفی کردیم. برای نمایش ابزارک های دیگر کافی است تا نام ابزارک را در این کد وارد کنید.

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

گام سوم: قرار دادن ابزارک ها

حال با رفتن به مسیر زیر می توانید ابزارک های مورد نظرتان را به قالب سایت خود اضافه کنید.
پیشخوان > نمایش > ابزارک ها

دیدگاه کاربران

  1. اصلا متوجه نشدم الان هر ابزارکی میذارم در قالب اضافه میشه اما استایلش اصلا اونی نیست که من دادم این کد های هر منوی من هست که از چند کلاس تشکلی شدن

                               منوی اصلی
                             <a href="#" rel="nofollow">آموزش وردپرس</a>
                             <a href="#" rel="nofollow">تماس با ما</a>
                             <a href="#" rel="nofollow">تبلیفات</a>
                             <a href="#" rel="nofollow">خاک وطن</a>
                   

    چطوری میشه با این ستش کرد ؟ ممنون میشم راهنمایی کنید

    • سعید شعبانی

      نگاه کنید عزیز زمانی که یک ابزارک با استفاده از کد زیر ایجاد می کنید. نام ابزارک در بین تگ h2 با کلاس widgettitle قرار می گیرد و کل اون ابزارک هم در بین تگ div با کلاس widget قرار می گیرد. شما باید با استفاده از این کلاس ها به ابزارک های مختلف استایل بدید. هر ابزارکی هم برای خودش استایل های مشخصی داره که در این مطلب به اون ها اشاره کرده ایم.

      if ( function_exists('register_sidebar') )
      register_sidebar(array(
      'name' => 'Widget',
      'before_widget' => '<div class="widget">',
      'after_widget' => '</div>',
      'before_title' => '<h2 class="widgettitle">',
      'after_title' => '</h2>',
      ));
                     
  2. سلام من این کد رو داخل فانشکن گذاشتم ولی جواب نمیده

    • سعید شعبانی

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

  3. salar

    سلام عالی بود از شما بی نهایت تشکر میکنم … که اولین مطلب مفید در مورد وردپرس رو اینجا دیدم …

    یه سوال هم دارم ببخشید من html و css رو کامل بلدم … خالی نمیبندم واقا بلدم و حرفه ای هم هستم البته پیش شما نه … من میتونم در اینده با وردپرس موفق شم یا نه

    ممنون

    یاعلی

    • سعید شعبانی

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

  4. سعید

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

  5. سعید

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

  6. اسحاق

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

  7. سلام آقا سعیدِ گل ، خوبید؟؟؟ آقا سعید اگه من user و password وردپرسمو بدم میتونید واردش بشید و یه قالبشو مرتب کنید؟؟من قالب تهران فیلم رو کپی کردم روش ولی بهم ریخته و خرابه..بلد هم نیستم که درستش کنم..امکانش هست یه نگاه بهش بندازید؟؟
    آدرس سایت..kingfilm.in

  8. سلام آیا کد اول باید در پایان فایل فانکشن قرار بگیره؟
    من این کار رو کردم کل ستون سمت راست سایت حذف شد!

  9. سلام
    خسته نباشید
    یه سوال داشتم
    من بخش ابزارک هام در قالبم محدوده
    فقط بخش نوار کناری رو داره
    من اگه بخوام که افزونه ام رو (که فقط تو بخش ابزارک ها نشونش میده) توی یه بخش دیگه
    مثلا یه جایی وسط صفحه اصلی نشون بدم باید چ کار کنم
    خیلی درگیرشم
    مممنون میشم کمک کنید

    • سعید شعبانی

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

  10. امیر

    سلام خیلی ممنون خیلی دنبال این مطلب که توضیحش کامل باشه می گشتم
    اگه بخوایم این ابزارک توی جایی به غیر از سایدبار، مثلا توی کانتنت نشون داده بشه، چه طوری باید کد رو تغییر بدیم مثلا باید این کد رو تغییر بدیم؟ :

    if ( function_exists('register_sidebar') )
    

    ممنون می شم اگه توضیح بدید

    • سعید شعبانی

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

  11. مینو

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

    • سعید شعبانی

      این آموزش برای ایجاد مکان قرار گیری ابزارک ها هست نه برای ساخت ابزارک. برای اینکه ویجت های تم قبلی را داخل این تم هم داشته باشید باید سورس کد اون ابزارک ها را داخل این قالب هم قرار بدید و همچنین کدهای CSS مربوط به این ابزارک ها را هم داخل فایل style.css قالب جدید قرار بدید.

  12. بهمن شادمهر

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

    واقعا ضروریه خواهش میکنم که راه حل رو برام ایمیل کنید
    واقعا ازتون ممنون میشم

  13. سلام استاد من یه سوال درباره ی ابزارک ها دارم که امیدوارم منظورمو خوب انتقال بدم در بعضی از قالب ها میبینید که مثلا در قسمت موضوعات در تایتلش به این صورت عکس فولدره http://rozup.ir/up/sv7/nn724.png یا قسمت اخرین مطالب اون عکس فولدر عوض میشه http://rozup.ir/up/sv7/nn725.png
    ولی کدی که شما دادید تمام دایو های ساید بار عنوانشون استایل کلاس widgettitle میگیرند و نمیشه عکس ها یا ایکون های متفاوتی بهشون داد چطور میشه مثل همون عکسایی که دادم وقتی تو ابزارک موضوعاتو و اخرین مطالبو فعال کردم هر کدوم تایتل متفاوت خودشونو بگیرند ممنون میشم راهنمایی کنید

  14. Webdeveloper

    درود
    ممنون هستم از انتشار این مطلب.
    چگونه میتوان این ابزارک را هوشمند کرد ؟
    مثلاً در لیست ابزارک ها یک ابزارک اضافه شود با عنوان آخرین مطالب.
    من کد پی اچ پی را بلد هستم و با افزونه php code widget میتوانم در ساید بار آخرین مطالب را نشان بدهم، اما میخوام بصورتی باشد که راهبر سایت تنها ویجت را بکشد در ساید بار و خودکار نشان دهد مطالب را.
    ممنون میشوم راهنمایی بفرمایید
    با احترام

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

  16. سلام خسته نباشید من قالب Divi رو نصب کردم و در پیش نمایش آنلاین اون در این آدرس :
    http://www.elegantthemes.com/demo/?theme=Divi
    در سمت راست یک نوار وجود داره که پر از دایره هست و وقتی رو یه هر کدوم از دایره ها کلیک می کنی می ره به یک قسمت سایت من هر چی گشتم در تنظیماته قالب نتونستم این قابلیت رو فعال کنم ممنون میشم منو راهنمایی کنید بدجوری گیر کردم

  17. بهنام

    سلام آقا سعید
    ببخشید یه ساید بار اگه اینجوری(http://s6.uplod.ir/i/00505/0z9q5j68u08v.png) کد نویسی شده باشه اونوخ چجوری از این کدایی که شما بالا گفتین استفاده کنیم؟
    آخه وقتی کدا رو جاگذاری میکنم میرم ابزارک رو ایجاد میکنم به این شکل(http://s6.uplod.ir/i/00505/9dk8qj2pxilm.png
    )نشون میده,چیکار کنم؟؟؟؟

  18. ali

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

  19. رضا

    با پوزش از همه خواهشمند است بفرمائید چگونه از wp_insert_post( $post, $wp_error ) میتوانم استفاده کنم. من میخواهم این را در یک پروسیجر زمان بندی شده در سایتم قرار دهم و با استفاده از آن پست اتوماتیک ایجاد کنم

  20. حامد

    سلام من روی لوکال دارم روی یه قالب کار میکنم که اسلایدش پلاگین slider revolution هست وحال هر کاری میکنم یه اسلاد جدیید درست کنم نمیشه اما یه دمو رو وارد میکنه و ادیت هم میشه(روی قالب هم نمیتون بیارمش) وقتی روی کلیدcreate slid میرم که درست کنه لینکی که پایین مرور گر فعال میشه javascript:void(0); است حالا که دقت میکنم هرجایی که مربوط به این لینک کار نمیکنه نمیدونم چرا؟ ممنون میشم راهنماییم کنید

  21. ََAli

    سلام
    چطوری میشه استایل ابزارکهای پیشفرض وردپرس رو تغییر داد؟
    مثلا همین ابزارک “جستجو” رو می خوام بهش استایل بدم چکار کنم؟
    تشکر

  22. سلام چطوری میشه ابزارک های پیشفرض وردپرس را کم یا زیاد کرد مثلا برای یک سیستم وبلاگدهی وردپرس تبلیغات متنی در داخل ابزارک به صورت پیشفرض قرار داد ؟
    لطفا راهنمایی بفرمایید با تشکر

  23. امیر حسین

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

    • سعید شعبانی

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

  24. سلام وقت بخیر

    من این کد :

    if ( function_exists('register_sidebar') )
    register_sidebar(array(
    'name' => 'Widget',
    'before_widget' => '<div class="widget">',
    'after_widget' => '</div>',
    'before_title' => '<h2 class="widgettitle">',
    'after_title' => '</h2>',
    ));
    

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

    • سعید شعبانی

      از کد زیر استفاه کنید ببینید بازم مشکل پیش میاد

      if ( function_exists('register_sidebar') ){
      	register_sidebar(array(
      		'name' => 'Widget',
      		'before_widget' => '<div class="widget">',
      		'after_widget' => '</div>',
      		'before_title' => '<h2 class="widgettitle">',
      		'after_title' => '</h2>',
      	));
      }
      

کاربر گرامی برای ارسال دیدگاه اگر عضو روکش هستید باید سایت شوید در غیر اینصورت باید عضو شوید.