نوار کناری را در وردپرس عوض کنید. وردپرس

خواندن 3 دقیقه منتشر شده در 29/11/2016

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

با مشخص کردن نام صفحه در تنظیمات ، می توانید نوار کناری برای صفحات یا پست های خاص ایجاد کنید. به عنوان مثال ، می توانید یک نوار کناری ایجاد کنید که فقط برای یک پست ظاهر می شود. می توانید نمایش ستون های فرعی را برای کاربران خاص... به شدت تنظیمات ساده... افزونه فوق العاده مفید!

افزونه ابزارک وردپرس Sidebar Widget را اضافه کنید

می توانید افزونه را مستقیماً از پنل مدیریت وردپرس خود نصب کنید. به صفحه بروید: افزونه ها - افزودن جدید ، نام افزونه را در فرم جستجو وارد کنید ، Enter را فشار دهید ، افزونه را نصب و فعال کنید.

به علاوه،پس از نصب و فعالسازی افزونه ، به صفحه زیر بروید: پانل های جانبی - افزودن جدید... نامی برای نوار کناری جدید ارائه دهید. با کلیک روی فیلد "انتخاب نوع محتوا" می توانید دقیقاً جایی را که نوار کناری جدید در آن نمایش داده می شود انتخاب کنید. اگر نوع - صفحات یا پست ها را انتخاب کنید ، می توانید نوار کناری را در کدام صفحات خاص نمایش دهید.

به علاوه،در پایین صفحه در سمت راست ، در قسمت "عمل"شما می توانید یک مقدار - برچسب کوتاه / الگو انتخاب کنید. شما یک کد کوتاه و یک کد php دارید که باید در محلی که در آن نوار کناری ایجاد شده نمایش داده می شود وارد کنید. در زمینه "دید"می توانید کاربرانی را انتخاب کنید که این نوار کناری برای آنها نمایش داده می شود.

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

اگر می خواهید نوار کناری را به یک پست یا صفحه اضافه کنید ، صفحه یا پست را برای ویرایش باز کنید. کد کوتاه نوار کناری را در محتوای صفحه وارد کنید. صفحه را تازه کنید.

اول از همه ، اجازه دهید چند مورد را روشن کنیم نکات کلیدر مورد ستون های کناری:

• نوار کناری- این ناحیه سایت در سمت چپ یا راست محتوای اصلی است (در یک کلمه ، ستون کناری) ،
• نوار کناری در وردپرس- این ناحیه ای در سایت است که ابزارک در آن نمایش داده می شود.

در هر دو مورد ، هدف ستون های فرعی یکسان است - ناوبری سایت ، پیوندها به شبکه های اجتماعی، ویجت ها شبکه های اجتماعی، ابزارک های هرگونه خدمات شخص ثالث (به عنوان مثال ، جستجوی پرواز) و غیره.

تنها تفاوت تعریف ستون کناری در وردپرس این است که می توان آن را در هر نقطه از صفحه سایت قرار داد (اما اغلب نوار کناری سمت راست و چپ محتوا و پاورقی است).

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

مرحله 1. نوار کناری را ثبت کنید

برای شروع ، من آن را در موارد مختلف می گویم تم های وردپرسستون های فرعی به روش های مختلف ثبت می شوند ، برخی هنوز از روش 2007 استفاده می کنند. چرا؟ فقط برخی از توسعه دهندگان جعلی دوست دارند ناآگاهانه کدها را از تم های دیگر کپی کنند ، حتی برایشان مهم نیست که موضوعی که از آنها به عنوان قالب "همه مورد" خود استفاده می کنند بیش از 5 سال است که به روز نشده است.

منظور من این است که کدی که امروز به شما می دهم ممکن است با کدی که در موضوع شما استفاده می شود متفاوت باشد - نگران نباشید ، فقط کد جدید را با کد جدید جایگزین کنید.

همانطور که قبلاً گفتم ، ما دو ستون کناری ایجاد می کنیم - در نوار کناری و در پاورقی ، عملکرد در این مورد به ما کمک می کند (اگر چیزی در کد مشخص نیست - به اسناد عملکرد مراجعه کنید). قلاب widgets_init مورد نیاز است!

کد برای فایل functions.php:

تابع true_register_wp_sidebars () ( / * در نوار کناری ، اولین نوار کناری * / register_sidebar (آرایه ("id" => "true_side" ، // شناسه منحصر به فرد "name" => "ستون جانبی", // نام نوار کناری"شرح" => "ابزارک ها را اینجا بکشید و رها کنید تا به نوار کناری اضافه شوند."، // "before_widget" description => "

"،" before_title "=>"

" , // سرصفحه ویجت پیش فرض در

"after_title" => "

" ) ) ; / * در زیرزمین - نوار کناری دوم * / register_sidebar (آرایه ("id" => "true_foot" ، "name" => "پاورقی" ، "شرح" => "ویجت ها را اینجا بکشید و رها کنید تا به پاورقی اضافه شوند."، "before_widget" => "

" ، "after_widget" => "

"،" before_title "=>"

"،" after_title "=>"

"))؛) add_action (" widgets_init "،" true_register_wp_sidebars ") ؛

این چیزی است که من در صفحه دریافت کردم ظاهر> ابزارک:

در حال حاضر شما می توانید ویدجت ها را در ستون کناری اضافه کرده و سفارشی کنید ، اکنون فقط باید آنها را در سایت نمایش دهید.

مرحله 2. چگونه ستون های فرعی را در صفحات سایت نمایش دهیم؟

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

به طور خلاصه ، این توابع برای چیست:

• - بررسی می کند که نوار کناری دارای ابزارک باشد ،
• - نوار کناری را نمایش می دهد.

اکنون بیایید آن دو ستون کناری را که در مرحله آخر ایجاد کردیم ، نمایش دهیم. و بیایید با نوار کناری شروع کنیم:

کد را کجا وارد کنیم؟ خوب ، جایی که می خواهید ستون کناری را نمایش دهید ، آنجا را وارد کنید. مطمئن نیستید کدام فایل است؟ خوب ، به طور کلی بستگی به موضوع شما دارد ، اما به احتمال زیاد ، کد نوار کناری را در sidebar.php و کد پاورقی را در footer.php وارد کنید. همچنین ممکن است به مستندات توابع و.

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

• اگر sadbar نمایش داده شده ویجت ندارد ، با استفاده از if و else می توانید کدی را که در این حالت اجرا می شود تنظیم کنید:

  if (is_active_sidebar ("true_foot")): dynamic_sidebar ("true_foot")؛ دیگری: // کد پیش فرض در صورت خالی بودن نوار کناری endif ؛

• نیازی به استفاده از PHP function_exists () برای عملکرد و سایر توابع وردپرس نیست. آنها فقط گاهی از آن استفاده می کنند. این بی فایده است.
• برخی شامل فایل هستند sidebar.phpاز طریق شامل () یا نیاز به (). با این کار می خواهید به چه چیزی برسید؟ بهره وری بیشتر؟ من شک دارم که این دلیل کند شدن بارگذاری سایت شما باشد. و برای اتصال sidebar.phpما از عملکردی که مخصوص این کار طراحی شده استفاده می کنیم

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

ثبت ستون های فرعی وردپرس

برای اینکه نوار کناری ابتدا در پنل مدیریت ظاهر شود ، باید آنها را ثبت کنیم. به عبارت دیگر ، کد زیر را به فایل functions.php خود اضافه کنید:

/ ** * ستون کناری را ثبت کنید. * / function fwbs_widgets_init () (register_sidebar (آرایه ("name" => __ ("ستون راست" ، "fwbs") ، "id" => "sidebar-1" ، "description" => __ ("نوار کناری راست" ، "fwbs") ، "before_widget" => "

"،" before_title "=>"

"،" after_title "=>"

"،)) ؛ register_sidebar (آرایه (" name "=> __ (" ستون سمت چپ "،" fwbs ") ،" id "=>" نوار کناری -2 "،" توضیحات "=> __ (" ستون سمت چپ در پاورقی سایت "،" fwbs ")،" before_widget "=>" "،" before_title "=>"

"،" after_title "=>"

"،))؛) add_action (" widgets_init "،" fwbs_widgets_init ") ؛

اکنون به قسمت مدیریت ، در بخش "widgets" بروید و نتیجه را ببینید. در اینجا تصویری از آنچه به دست آورده ام آمده است:

اما درست مانند آن ، ستون های فرعی در Front-End ظاهر نمی شوند ، در قسمت جلویی سایت ، آنها باید فراخوانی شوند. اما بیشتر در مورد آن در زیر.

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

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

• "name" => __ ("ستون راست" ، "fwbs") - نام منطقه ویجت ، می توانید هر نامی را بنویسید ، فقط با دقت بین براکت ها ، می توانید در صفحه ای که در آن نمایش داده شده است را مشاهده کنید.
• "id" => "sidebar -1" - شناسه یک شناسه منحصر به فرد است که به نوار کناری اختصاص داده شده است ، همه ستون های کناری باید دارای شناسه خود باشند ، متفاوت از شناسه های دیگر.
• "description" => __ ("ستون سمت راست" ، "fwbs") - شرح ، شبیه به نام ناحیه ویجت ؛
• "before_widget" => "
• "after_widget" => ""- برچسب HTML بستن نوار کناری. همانطور که می دانیم ، همه برچسب های HTML ، به استثنای برخی موارد ، باید جفت شوند (باز و بسته).
• "before_title" => "

  "- عنوان ویجت در یک برچسب H4 با کلاس پیچیده می شود

  ، می توانید اهمیت عنوان H1 ، H2 ، H3 ، H4 ، H5 ، H6 را تغییر دهید و کلاس های خود را اختصاص دهید.

• "after_title" => "

"- بسته شدنبرچسب زوج شده برای عنوان ویجت.

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

نمایش ستون های فرعی وردپرس

برای نمایش ستون کناری در هر نقطه از الگو ، منطقی است که کد زیر را در جای مناسب بنویسید:

کمی توضیح در مورد کد:

• - کد PHP که فرمان می دهد ، اگر ویدجتهایی در نوار کناری زیر id = sidebar-1 وجود داشته باشد ، باید نمایش داده شود ، در صورت عدم وجود ویجت ، نوار کناری نمایش داده نمی شود.
• - کد PHP که نوار کناری را با نام id = sidebar-1 در محلی که آن را در کد الگو نوشته اید فرا می خواند.

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

ایجاد فایل sidebar.php

یک فایل ایجاد کنید ، به عنوان مثال sidebar-right.php ، یک عنوان به آن بدهید و کد بالا را در آن بچسبانید. همه با هم به این شکل خواهد بود:

همانطور که در مثال مشاهده می کنید ، من کد را با نشانه گذاری HTML اضافی تکمیل کردم.

اکنون ، برای نمایش منطقه ویجت ، در مکان مناسب ، باید موارد زیر را ثبت کنید:

برای ستون سمت چپ ، فایل sidebar-left.php بر این اساس ایجاد می شود و در مکان مناسب در قالب به صورت زیر نمایش می دهیم:

به قول معروف ، یک تفاوت در کد پیدا کنید.

این تمام است ، ستون های کناری ایجاد می شوند ، در حال حاضر فقط موضوع چیزهای کوچک است ، ایجاد نشانه گذاری برای آنها در قالب HTML و نوشتن سبک های CSS ، اما این یک داستان کاملاً متفاوت است. من به تازگی یک کتاب جدید باز کرده ام

پانل ویجت را ثبت می کند (مکانی که ویجت ها در پنل مدیریت قرار می گیرند ، تا بعداً در قسمت جلویی نمایش داده شوند).

register_sidebar () پانل (مکان ، ظرف) را برای ویجت ها و فرمت خروجی را برای هر ویجت ثبت می کند: تگ عنوان HTML ، تگ HTML قبل و بعد از ویجت. پس از ثبت پنل ، محلی در پنل مدیریت ظاهر می شود که می توانید ویجت ها را در آن قرار دهید. با قرار دادن ویجت ها در پانل ، می توانیم پانل را با ویدجت های موجود در قالب با استفاده از تابع dynam_sidebar () نمایش دهیم (مثال 2 را ببینید).

تابع باید به رویداد widgets_init متصل شود.

ویژگی پشتیبانی ویجت: add_theme_support ("ویجت ها") باید برای تم ، در functions.php فعال باشد. اگر نه ، Register_sidebar () به طور خودکار آن را فعال می کند.

شماره 2 یک صفحه ویجت برای صفحه اصلی سایت ثبت کنید

بیایید کد را به functions.php اضافه کنیم:

تابع register_my_widgets () (register_sidebar (آرایه ("name" => "نوار کناری روشن است صفحه نخست"،" id "=>" homepage-sidebar "،" description "=>" به عنوان نوار کناری فقط در صفحه اصلی سایت نمایش داده شود. "،" before_widget "=>"

"،" after_widget "=>"

"،" before_title "=>"

"،" after_title "=>"

"،)) ؛) add_action (" widgets_init "،" register_my_widgets ") ؛

خروجی پنل را در فایل home.php وارد کنید:

با استفاده از سرویس Doctor SMM می توانید Repins های ارزان قیمت را در Pinterest خریداری کنید. این سایت به شما امکان می دهد هر مقدار از مواد مورد نیاز را انتخاب کنید. علاوه بر این ، می توانید نه تنها پست ، بلکه کل صفحه را به طور کلی با ثبت سفارش برای مشترکین نیز توسعه دهید.

یادداشت

• جهانی. آرایه. $ wp_registered_sidebars نوار کناری جدید را در این آرایه با شناسه نوار کناری ذخیره می کند.

لیست تغییرات

از نسخه 2.2.0

معرفی کرد.

کد ثبت نوار کناری: wp-include / widgets.php WP 5.3.2

sprintf (__ ("Sidebar٪ d")، $ i)، "id" => "sidebar- $ i"، "description" => ""، "class" => ""، "before_widget" => "

"،" after_widget "=>"

\ n "،" before_title "=>"

"،" after_title "=>"

\ n "،)؛ / ** * آرگومان های پیش فرض نوار کناری را فیلتر می کند. * * @از 5.3.0 * *see register_sidebar () * *param array $ پیش فرض آرگومان های پیش فرض نوار کناری. * / $ sidebar = wp_parse_args ($ args، apply_filters ("register_sidebar_defaults"، $ default))؛ اگر ($ id_is_empty) (_doing_it_wrong (__ FUNCTION__، sprintf (/ * translators: 1: استدلال "id" ، 2: نام نوار کناری ، 3: مقدار "id" توصیه شده * این اعلان را خاموش کرده و محتوای نوار کناری موجود را حفظ کنید. ")،" شناسه"، $ sidebar [" name "]، $ sidebar [" id "])،" 4.2.0 ")؛) $ wp_registered_sidebars [$ sidebar [" id "]] = $ sidebar؛ add_theme_support (" widgets ")؛ / ** * هنگامی که نوار کناری ثبت می شود ، آتش می گیرد. * * @از تاریخ 3.0.0 * *param array $ sidebar تجزیه و تحلیل آرگومان برای نوار کناری ثبت شده. * / Do_action ("register_sidebar" ، $ sidebar) ؛ بازگشت $ sidebar ["id "]؛)

برای افزودن افزونه ها و افزونه های لازم به صفحه در وردپرس ، فقط باید ویجت مورد نظر خود را به نوار کناری در پنل مدیریت بکشید. بنابراین ، حتی تازه واردان به موتور وردپرس می توانند به راحتی نوار کناری خود (و نه فقط آن) را بدون عوارض تغییر دهند.

گاهی اوقات توسعه دهندگان تم چندین نوار کناری را برای انتخاب ارائه می دهند ، جایی که می توانید ویجت را بکشید و رها کنید. اما موضوعاتی نیز وجود دارد که در آن 1-2 نوار کناری وجود دارد و آنها صرفاً برای نیازهای خود موضوع استفاده می شوند (یعنی نمی توانید ویجت های جدید را به آنجا فشار دهید).

و حتی اتفاق می افتد که شما فقط می خواهید یک نوار کناری جدید برای محدود کردن منطق یا با طراحی متفاوت اضافه کنید.

ابتدا باید نوار کناری خود را ثبت کنید. این را می توان در پرونده انجام داد functions.php در پوشه قالب برخی از توسعه دهندگان قالب ویژه ایجاد می کنند. عملکرد ثبت نوار کناری به عنوان مثال تابع 20thten_widgets_init () (). مهم نیست. کافیست مکانی را در کد محل ثبت نام پیدا کنید. به نظر می رسد اینطور است:

Register_sidebar (آرایه ("name" => "توضیحات سایت" ، "before_widget" => "

"));

چگونه نوار کناری خود را اضافه کنیم؟

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

Register_sidebar (آرایه ("name" => "نوار کناری دوم"، "id" => "second-widget-area"، "before_widget" => "

"،" after_widget "=>"

"،" before_title "=>"

"،" after_title "=>"

",));

نام- نام نوار کناری شما در پنل مدیریت نمایش داده می شود.

شناسه- شناسه منحصر به فرد هنگام افزودن آن به صفحه به آن نیاز خواهید داشت (بیشتر در مورد آن در زیر).

قبل از_ویجت- کد / متن قبل از هر ویجت درج شود.

پس از_ویجت- بر این اساس ، کد / متنی که پس از هر ویجت درج می شود.

عنوان قبل از- کد / متنی که قبل از عنوان ابزارک ها درج می شود.

after_title- کد / متنی که بعد از عنوان ابزارک ها درج می شود.

پس از افزودن کد بالا به فایل ، آن را ذخیره کرده و به صفحه ابزارک ها در پنل مدیریت بروید. اکنون ، درست مانند بقیه ستون های فرعی ، می توانید ویدجت های لازم را روی ابزار جدید بکشید و رها کنید. برای اینکه این نوار کناری در وب سایت شما ظاهر شود ، باید فایل قالب مربوطه را باز کنید sidebar.php ، و کد را پیدا کنید:

شما باید در جایی که می خواهید نوار کناری خود را ببینید ، آن را بین برچسب های باز و بسته اضافه کنید. چیزی شبیه به این خواهد بود:

برای خروجی زیبا ، می توانید این کد را در یک بلوک قرار دهید:

همانطور که قبلاً متوجه شده اید منطقه دوم ویجتوقتی روی صفحه ای نمایش داده می شود ، این نام نوار کناری است. باید دقیقاً همان نامی باشد که هنگام ثبت نام در پرونده مشخص شده است functions.php ... حالا با ویرایش فایل style.cssظاهر دلخواه را به نوار کناری بدهید