فقط واتساپ ۰۹۱۵۷۲۳۲۳۹۸

آموزش تغییر ظاهر یک دسته خاص در وردپرس + فیلم آموزشی

دانلود ویدئو
 

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

 

این پست رو حتما ببین : آموزش توابع کاربردی وردپرس

 

تغییر ظاهر دسته خاص در وردپرس:

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

 

 

استفاده از یک قالب دسته در پوسته وردپرس:

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

برای مثال وردپرس برای نمایش یک دسته به دنبال فایلی با نام category.php می گردد.

وردپرس همچنین به شما این اجازه را میدهد تا برای هر دسته خاص فایلی خاص ایجاد کنید. برای مثال فکر کنید می خواهید به یک دسته با نام apple قالب و ظاهر مجزایی اختصاص بدهید برای اینکار کافیست فایلی با نام category-apple.php ایجاد کنید.

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

wp-content/themes/poste_faal_site_shoma

و یک فایل جدید با نام category-apple.php ایجاد کنید. فراموش نکنید که کلمه apple را با دسته مورد نظر خود عوض کنید.

 

ftpcategorytemp

 

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

بعد از این کار شما می توانید تغییرات مد نظر خود را برروی این فایل جدید اعمال کنید. و این تغییرات تنها برروی دسته ای اعمال خواهد شد که شما نام آن را به انتهای این فایل اضافه کرده اید.

 

این پست رو حتما ببین : تفاوت نوشته ها و برگه ها در وردپرس

 

تغییر ظاهر دسته ای خاص در وردپرس به وسیله CSS:

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

برای مثال اگر شما یک دسته را در مرورگر خود باز کنید و با استفاده از ابزار Inspect Element استفاده کنید. میتوانید کلاس های CSS با نام های category و category-name را در تگ body صفحه وب خود ببینید.

 

categorycssclass

 

شما می توانید با استفاده از این کلاس های CSS به دسته های متفاوت در سایت خود ظاهر های مختلفی اختصاص دهید.

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

body.category-apple { 
background-color:#EEE;
background:url("https://example.com/wp-content/uploads/2017/background.jpg") no-repeat fixed;
color:#FFFFFF;
}
.category-apple .site { 
background:#232323; 
}
.category-apple a { 
color:#CCCCCC; 
}

فراموش نکنید که نام دسته داخل کد ها را که apple هست با نام دسته مد نظر خود تغییر دهید.

 

csschangesش

 

امیدواریم که این مقاله مفید واقع شده باشه. و روش تغییر ظاهر دسته ها در وردپرس را به خوبی یاد گرفته باشید.

6 دیدگاه دربارهٔ «آموزش تغییر ظاهر یک دسته خاص در وردپرس + فیلم آموزشی»

yesterday گفت:

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

yesterday گفت:

سلام
بنده قصد دارم، نحوه نمایش مطالب داخل دسته خاص را که به صورت پیش فرض بر اساس تاریخ انتشار است را به مرتب سازی بر اساس حروف الفبای فارسی قرار دادم.
از چه کدی در چه فایلی از قالب باید استفاده شود؟
با تشکر

رضا حیدری گفت:

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

Arash گفت:

سلام

خیلی آموزش خوبی بود . سوالی که دارم اینه که آیا میشه صفحه دسته بند رو با صفحه سازهایی مثل ویژوال کامپوزر یا المنتور بسازیم یا ادیت کنیم ؟
اگر بله چطور ؟

مرسی از شما

رضا حیدری گفت:

سلام بزرگوار تا جایی که الان به ذهنم میرسه راهی براش وجود نداره

علی گفت:

عالی بود مرسی

پاسخ دادن به علی لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

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