Loading...

ایجاد استایل منحصر بفرد دسته ها در وردپرس

گروه فنیکس 1 ماه پیش بدون نظر 21 بازدید
Loading...
از 3 رأی

استایل منحصر بفرد دسته ها

چگونه استایل منحصر به فرد و متفاوت برای دسته های مختلف در وردپرس داشته باشیم

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

چرا باید استایل های مختلفی برای دسته های متفاوت داشته باشیم؟

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

طراحی استایل اختصاصی برای دسته های متفاوت در وردپرس

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

 

1 - استفاده از قالب دسته تنها در قالب وردپرس

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

به عنوان مثال، می توانید فایل category.php را که صفحات آرشیو دسته را نمایش می دهد را ببینید.
وردپرس به شما اجازه می دهد قالب هایی را برای دسته های مختلف ایجاد کنید. فرض کنیم شما می خواهید یک استایل برای دسته "Apple" داشته باشد. شما می توانید این کار را با اضافه کردن یک فایل قالب جدید به قالب خود و نام گزاری آن به صورت category-apple.php انجام دهید.
با استفاده از FTP به هاست خود متصل شوید و به آدرس /wp-content/themes/your-current-theme/ بروید و یک فایل جدید با نام category-apple.php ایجاد نمائید. فراموش نکنید که اینجا ما دسته apple را به طور مثال داریم ایجاد می کنیم و شما نام دسته خود را وارد کنید. و یا میتوانید از ID دسته هم استفاده کنید.

شما می توانید از اطلاعات فایل category.php برای شروع استفاده کنید و آن را با گزینش ویرایش باز کنید و اطلاعات آن را کپی کنید. حالا فایل خودتان را که ایجاد کرده اید (که فایل ما category-apple.php می باشد) را هم به صورت ویرایش باز کنید و این اطلاعات را درون آن جایگزاری یا paste نمائید.
سپس شما می توانید تغییرات استایل خودتان برای دسته مد نظر که برای ما دسته apple می باشد را در اینجا اعمال کنیم. مثلا شما می توانید ساید بارهای متفاوت برای این دسته داشته باشید، صفحه را تمام عرض کنید، یک پیام خوش آمد گویی اضافه کنید و یا هر گونه استایل دلخواهتان را اعمال نمائید.

 

2 - استایل دسته های شخصی و منحصر به فرد در وردپرس با استفاده از CSS

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

به عنوان مثال، اگر شما یه صفحه دسته را ببینید و از ابزار Inspect یا ابزار هایی که در Developer tools مرورگرهایی مثل کروم و فایرفاکس می باشد، استفاده می کنید، شما می توانید اطلاعات دسته و کلاس های CSS دسته در تگ body را ببینید.

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

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

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

 

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

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

موفق و پیروز باشید

برچسب‌ها :

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

نظرات کاربران

برای ارسال دیدگاه باید وارد حساب کاربری خود شود. ( ورود - عضویت )
Loading...

نظرات (0)