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

10 ماه پیش

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

عرض سلام خدمت تموم کاربران عزیز پاتوق وردپرس

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

برای این کار باید هم از سی اس اس و هم از جی کوئری استفاد کنیم.

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

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

و در انتها نیز باید کد های زیر را در داخل فایل  فوتر و قبل از بسته شدن تگ بادی  یعنی قبل از </body> باید قرار دهید.

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

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

منبع : پاتوق وردپرس

نمایش درختی دسته های وردپرس (بدون افزونه)
امتیاز خود را ثبت کنید
0
برچسب ها :

دیدگاه شما

بدون دیدگاه