آیا می خواهید دسته بندی ها را به صورت متفاوتی در وردپرس دسته بندی کنید؟

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

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

بدون آزار بیشتر ، شما را به کشف لیست ما دعوت می کنیم. اما اول ، اگر شما هرگز وردپرس را نصب نکرده اید ، این را بشناسید چگونه به نصب یک وبلاگ وردپرس مراحل 7 et چگونه برای پیدا کردن، نصب و فعال یک تم وردپرس در وبلاگ خود 

سپس به این دلیل که چرا ما اینجا هستیم

چرا سبک و سیاق متفاوتی را به دسته بندی ها در وردپرس اختصاص دهید

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

دفعات بازدید: چگونه برای نمایش محتوای RSS تنها به مشترکین در وردپرس

با این حال ، اگر وب سایت غنی از محتوا دارید ، تغییر طرح آرشیو صفحه دسته می تواند تأثیر چشمگیری در نحوه تعامل کاربران با محتوای آن صفحه داشته باشد.

به عنوان مثال ، اگر وب سایت خبری یا مجله ای را مدیریت می کنید ، می توانید اطلاعیه های محلی را در گروه اخبار محلی نمایش دهید. می توانید اطلاعات آب و هوا را مشاهده کنید ، محبوب ترین داستانهای این گروه را مشاهده کنید و موارد دیگر.

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

چگونه سبکی به دسته‌ها ارائه دهیم

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

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

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

به عنوان مثال ، برای نمایش صفحات category.php به دنبال صفحات بایگانی دسته بندی است.

WordPress همچنین به شما امکان می دهد ایجاد مدل برای دسته بندی های فردی. فرض کنید می خواهید دسته بندی کنید "اپلمتفاوت می توانید این کار را با اضافه کردن یک فایل قالب جدید به موضوع وردپرس خود و نامگذاری آن انجام دهید دسته apple.php.

با استفاده از سرویس گیرنده FTP به وب سایت وردپرس خود متصل شوید و سپس به آن بروید / wp-content / themes / your-theme / و یک فایل جدید به نام category-apple.php ایجاد کنید. به یاد داشته باشید که "Apple" را با نام رده خود جایگزین کنید.

دسته جدید وردپرس اضافه کنید

می توانید از پرونده استفاده کنید " category.php از تم وردپرس خود به عنوان نقطه شروع. فقط کافی است تمام مطالب آن را ویرایش و کپی کنید. اکنون پرونده جدید خود را به "تغییر نام دهید" دسته apple.php و کد را داخل آن بچسبانید.

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

با استفاده از کد CSS به دسته ها سبک دهید

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

به عنوان مثال ، اگر یک صفحه بایگانی دسته را مشاهده کنید و سپس از ابزار Inspect استفاده کنید ، متوجه خواهید شد که "CSS" کلاس های CSS و نام دسته در برچسب "body" وجود دارد.

برچسب دسته وردپرس بدن

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

در اینجا مثالی از CSS آورده شده است که می توانید از آن به عنوان نقطه شروع استفاده کنید.

body.category-apple {background-color: #EEE؛ background: url ("http://example.com/wp-content/uploads/2017/background.jpg") بدون تکرار ثابت؛ رنگ: #FFFFFF؛ } .category-apple .site {background: #232323؛ } .category-apple a {color: #CCCCCC؛ }

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

ویرایش یک دسته کد وردپرس css

اکنون می توانید کد CSS سفارشی را در وردپرس اضافه کنید. اما، اگر برای افزودن کد CSS سفارشی به یک راه حل برتر نیاز دارید، ما زیر 2 را ارائه می دهیم افزونه های وردپرس حق بیمه که به شما در این کار کمک می کند.

1. آسان JS سفارشی و CSS 

Ce پلاگین وردپرس Premium یک ویرایشگر کد CSS و جاوا اسکریپت قدرتمند است که به شما امکان می دهد آنها را به هر بخش از وب سایت خود اضافه کنید. این به شما امکان می‌دهد تا سفارشی‌سازی‌های خود را حتی پس از به‌روزرسانی عمده در قالب وردپرس خود حفظ کنید. پلاگین وردپرس سفارشی سازی اضافی js و css آسان

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

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

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

دانلود | نسخه ی نمایشی | میزبانی وب

2. جاوا اسکریپت و CSS سفارشی در صفحات!

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

javascript css سفارشی در صفحات wordpress plugin e1558356028853

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

دانلود | نسخه ی نمایشی | میزبانی وب

منابع پیشنهادی

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

نتیجه

اینجا ! این برای این آموزش است ، امیدوارم به شما این امکان را بدهد که کد CSS سفارشی را در وردپرس اضافه کنید. در صورت تمایل به این مقاله را با دوستان خود در شبکه های اجتماعی مورد علاقه خود به اشتراک بگذارید

با این حال، شما همچنین می توانید با ما مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس.

اگر پیشنهادی یا اظهار نظر دارید ، آنها را در بخش ما بگذارید نظر.

...