ساخت Breadcrumb در وردپرس

breadcrumb چیست؟ نحوه ساخت breadcrumb در وردپرس

(1 رای ، میانگین: 7٫00 از 5)

breadcrumb چیست؟ نحوه ساخت breadcrumb

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

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

Breadcrumbs یا همان موقعیت فعلی کابر در وبسایت قاب چین

نمایش موقعیت کنونی کاربر در وردپرس

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

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

نحوه ایجاد breadcrumb در وردپرس با استفاده از کد

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

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

کد زیر را در داخل فایل فانکشن خود قرار دهید.

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

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

فایل های page.php یا single.php یا archive.php

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

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

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

نحوه ساخت Breadcrumb در وردپرس با افزونه

ابتدا افزونه Breadcrumb  مربوطه را از طریق لینک دانلود زیر دریافت و از بخش پیشخوان وردپرس »  افزونه ها » افزودن » نصب و فعال سازی کنید با این کار گزینه‌ای به نام ‘ BreadCrumb ‘ در سمت راست مدیریت وردپرس خواهید دید که می‌توانید تنظیمات وسفارشی سازی خود را انجام دهید.

بخش option

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

 

افزونه breadcrumb برای وردپرس

 

بخش Style

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

 

افزونه breadcrumb وردپرس

 

بخش shortcodes

در این قسمت از تنظیمات افزونه Breadcrumb شما قادر هستید شورت کد مربوط به نمایش برندکرومپ را ببینید.توجه داشته باشید که بعد از نصب این افزونه امکان Breadcrumb  به صورت خودکار نمایش داده نمی شود بلکه باید شورت کد قسمت های مختلف استفاده کنید. برای مثال در فایل  page.php یا single.php یا archive.php

 

افزونه breadcrumb

 

نتیجه کارهای بالا با افزونه به شکل زیر خواهد بود:

افزونه breadcrumb

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

 

منبع:  قاب چین |  آموزش وردپرس

سعید حبیبی

مدیر و مؤسس قاب چین ، دوست دار کسب کار اینترنتی - دنیای وب و وردپرس از سال 1387 ، که توانسته ام در این بازه زمانی بهترین ها را رقم بزنم.

نوشته‌های مرتبط

قوانین ارسال دیدگاه

  • از ارسال دیدگاه های فینگلیش خود داری کنید در غیر این صورت تایید نخواهد شد.
  • از ارسال دیدگاه های نامرتبط با این مقاله خوداری کنید در غیر این صورت تایید نخواهد شد.
دیدگاه‌ها

*
*