جهت مشاهده مطالب کارشناسان و کاربران در این موضوع کلیک کنید   

موضوع: ساخت ویجت برای وردپرس

  1. #1

    عضویت
    جنسیت ارديبهشت ۱۳۹۵
    علاقه
    موزیک
    نوشته
    16
    حضور
    5 ساعت 25 دقیقه
    دریافت
    0
    آپلود
    0
    گالری
    0
    صلوات
    21

    ساخت ویجت برای وردپرس




    آموزش ساخت ویجت برای وردپرس در سایت آموزش برنامه نویسی:

    برای انجام این کار سه مرحله را باید طی کنیم(سه مرحله خیلی آسان).
    ۱- ثبت ویجت در قالب وردپرس
    ۲- وارد کردن ویجت در قالب وردپرس
    ۳- افزودن استایل دلخواه به ویجت

    نکته: قبل از اعمال تغییرات از فایل functions.php و footer.php بک آپ بگیرید که در صورت اشتباه نسخه اصلی را داشته باشید.
    مرحله اول: ثبت ویجت در قالب وردپرس
    فایل functions.php که در قالب خود دارید را باز کنید و عبارت زیر را در آن جستجو کنید:
    register_sidebar
    جستجوی این عبارت شما را به بخشی از کد که آموزش وردپرس در آنجا سایدبارها ثبت شده اند هدایت می شوید.

    حالا کد زیر را در آنجا کپی کنید. این تکه کد سه ناحیه ابزارک(widget area) در بخش فوتر ایجاد می کند.

    ساخت ویجت برای وردپرس


    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    register_sidebar( array(
    'name' => 'Developzoom Sidebar 1',
    'id' => 'footer-sidebar-1',
    'description' => 'Appears in the footer area',
    'before_widget' => '<aside id="%1$s" class="widget %2$s">',
    'after_widget' => '</aside>',
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>',
    ) );
    register_sidebar( array(
    'name' => 'Developzoom Sidebar 2',
    'id' => 'footer-sidebar-2',
    'description' => 'Appears in the footer area',
    'before_widget' => '<aside id="%1$s" class="widget %2$s">',
    'after_widget' => '</aside>',
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>',
    ) );
    register_sidebar( array(
    'name' => 'Developzoom Sidebar 3',
    'id' => 'footer-sidebar-3',
    'description' => 'Appears in the footer area',
    'before_widget' => '<aside id="%1$s" class="widget %2$s">',
    'after_widget' => '</aside>',
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>',
    ) );


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

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    <div id="footer-sidebar" class="secondary">
    <div id="footer-sidebar1">
    <?php
    if(is_active_sidebar('footer-sidebar-1')){
    dynamic_sidebar('footer-sidebar-1');
    }
    ?>
    </div>
    <div id="footer-sidebar2">
    <?php
    if(is_active_sidebar('footer-sidebar-2')){
    dynamic_sidebar('footer-sidebar-2');
    }
    ?>
    </div>
    <div id="footer-sidebar3">
    <?php
    if(is_active_sidebar('footer-sidebar-3')){
    dynamic_sidebar('footer-sidebar-3');
    }
    ?>
    </div>
    </div>


    مرحله سوم: افزودن استایل دلخواه به ویجت
    حالا استایل زیر رو به فایل style.css خود اضافه کنید.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    #footer-sidebar {
    display:block;
    height: 250px;
    }

    #footer-sidebar1 {
    float: left;
    width: 340px;
    margin-left:5px;
    margin-right:5px;
    }

    #footer-sidebar2 {
    float: left;
    width: 340px;
    margin-right:5px;
    }

    #footer-sidebar3 {
    float: left;
    width: 340px;
    }


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

    منبع : آموزش طراحی سایت




  2. صلوات ها 2


  3.  

  4. #2

    عضویت
    جنسیت خرداد ۱۳۹۵
    نوشته
    3
    حضور
    10 دقیقه
    دریافت
    0
    آپلود
    0
    گالری
    0
    صلوات:
    1



    چطور میشه یک ویجکت رو حذف کرد

اطلاعات موضوع

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

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کاربرانی که این موضوع را مشاهده کرده اند: 0

هیچ کاربری در لیست وجود ندارد.

کلمات کلیدی این موضوع

اشتراک گذاری

اشتراک گذاری

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
^

ورود

ورود