% تخفیف ویژه تخفیف های شگفت انگیز ثبت نام در دوره های برنامه نویسی وب و موبایل رو از دست ندید! (از عید فطر تا پایان خرداد)

آموزش ساخت breadcrumb برای وردپرس (بدون افزونه)

- visibility ۴ mode_comment

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

برای اضافه کردن این منوی breadcrumb لازمه تا فایل های functions.php، header.php و style.css را ویرایش کنیم. ابتدا فایل functions.php پوسته مورد نظرتان را باز کنید و کدهای زیر را به آن اضافه کنید:

بعد از اینکه کد بالا را به فایل functions.php اضافه کردید، کد زیر را کپی کرده و در محل مورد نظرتان در فایل header.php پیست کنید.

راحت ترین راه اینه که کد بالا را در محل مناسبی از فایل header.php پیست کنید، ولی اگر به هر دلیلی نمی خواهید کد در header.php قرار گرفته بشه، مجبورید کد را در چندین فایل مثل single.php، archive.php، search.php، page.php و دیگر فایل های وابسته به پوسته ی خودتون پیست کنید.

حالا نوبت استایل دهی breadcrumbs با css هست که ما استایل آموزش قبلی را کمی تغییر داده و ازش استفاده می کنیم. می توانید کدهای زیر را در انتهای فایل style.css پوسته خودتون پیست کنید:

الان شما کد یک منوی breadcrumb را دارید که می توانید در هر یک از سایت های وردپرسی خودتون استفاده کنید.

اگر سوال یا ایده ای دارید خوشحال میشم بدونم.

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

با سلام. من سوالی درباره پیج رنک گوگل داشتم. چرا پیج رنک بعضی سایت ها حتی 0 هم نمی نویسه؟ وقتی چک می کنم می نویسه آدرس ممکنه invalid باشه در حالیکه درست وارد کردم.
ممنون از زحمات و پاسخگویی شما

علی امینی

سلام
خیلی خوب بود،امیدوارم موفق باشید و همینطور به آموزش های مفید ادامه بدید.
فقط یه دمویی برای این نوع مطالب بزارید عالی و حرفه ای میشه(فقط html ش باشه هم کفایت میکنه 🙂 )
یا علی

مهشاد کلانتری

دمو همون دموی آموزش قبلی هستش و اینجا به آموزش قبلی لینک دادم

سامان

سلام
مطلب مفیدی بود

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.