آیا می خواهید دسته بندی ها را به صورت متفاوتی در وردپرس دسته بندی کنید؟
بیشترین مضامین وردپرس از یک سبک برای تمام صفحات آرشیو دسته بندی استفاده کنید. با این حال، اگر یک وب سایت غنی از محتوا دارید، می توانید انتخاب کنید که هر دسته به طور متفاوتی نمایش داده شود تا پتانسیل آنها را به حداکثر برسانید.
در این آموزش به شما نشان خواهیم داد که چگونه مقالات مختلف را در وبلاگ وردپرس خود نمایش دهید.
بدون آزار بیشتر ، شما را به کشف لیست ما دعوت می کنیم. اما اول ، اگر شما هرگز وردپرس را نصب نکرده اید ، این را بشناسید چگونه به نصب یک وبلاگ وردپرس مراحل 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 سفارشی به یک راه حل برتر نیاز دارید، ما زیر 2 را ارائه می دهیم افزونه های وردپرس حق بیمه که به شما در این کار کمک می کند.
1. آسان JS سفارشی و CSS
Ce پلاگین وردپرس Premium یک ویرایشگر کد CSS و جاوا اسکریپت قدرتمند است که به شما امکان می دهد آنها را به هر بخش از وب سایت خود اضافه کنید. این به شما امکان میدهد تا سفارشیسازیهای خود را حتی پس از بهروزرسانی عمده در قالب وردپرس خود حفظ کنید.
شما این امکان را دارید که زمینه استفاده از کد شخصی خود را محدود کنید. به عنوان مثال ، شما می توانید از کد خود فقط برای مقاله ای با قالب فیلم استفاده کنید.
مقالات ما را در اینجا مشاهده کنید نحوه نیاز به پذیرش شرایط استفاده در وردپرس
یا می توانید کد خود را به یک موضوع خاص وردپرس محدود کنید. اگر در حال تغییر تم برای وبلاگ وردپرس خود باشید ، مفید است.
دانلود | نسخه ی نمایشی | میزبانی وب
2. جاوا اسکریپت و CSS سفارشی در صفحات!
با تشکر از این پلاگین وردپرس، شما می توانید اضافه کنید سبک های CSS و JavaScript را در صفحات خاص سفارشی کنید. همچنین به شما امکان می دهد قوانینی را برای چندین صفحه تعیین کنید. به این ترتیب می توانید برای بخش های خاص از سبک های از پیش تعریف شده یا منحصر به فرد استفاده کنید.
مانند هر ویژگی دیگری که توسط این ارائه می شود پلاگین وردپرس، می توانید به راحتی اسکریپت های مختلف را در صفحات مختلف وب سایت خود قرار دهید.
دانلود | نسخه ی نمایشی | میزبانی وب
منابع پیشنهادی
درباره سایر منابع پیشنهادی برای کمک به شما در ساخت و مدیریت وب سایت خود اطلاعات کسب کنید.
- 8 افزونه WordPress برای اضافه کردن یک سیستم ترجمه در یک وبلاگ
- 5 افزونه وردپرس برای ایجاد یک تقویم در یک وبلاگ
- راهنمای 4 برای ایجاد اقتدار از طریق وبلاگ خود قدم برمی دارد
- برخی افزونه های وردپرس برای تغییر مسیر
نتیجه
اینجا ! این برای این آموزش است ، امیدوارم به شما این امکان را بدهد که کد CSS سفارشی را در وردپرس اضافه کنید. در صورت تمایل به این مقاله را با دوستان خود در شبکه های اجتماعی مورد علاقه خود به اشتراک بگذارید.
با این حال، شما همچنین می توانید با ما مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس.
اگر پیشنهادی یا اظهار نظر دارید ، آنها را در بخش ما بگذارید نظر.
...
خیلی ممنون از این آموزش عالی و قابل فهم، به لطف مقاله شما من توانستم طراحی صفحه را اصلاح کنم
سلام!
لطفا ببینید آیا می توانید به من کمک کنید زیرا من سرم را دود می کنم
من یک فروشگاه آنلاین با divi و woocommerce انجام می دهم و مشکلی دارم زیرا نمی توانم صفحه دسته را سفارشی کنم.
من پیوند را برای شما می بینم:
https://chachocarp.com/product-category/los-mas-vendidos
آنچه می خواهم تغییر دهم این است:
1. من 24 محصول در این گروه دارم و به جای نشان دادن آن در دو صفحه از 12 محصول ، آنها را در سه صفحه 9 ، 9 و 6 نشان می دهد و کاملاً مشخص است.
2. وقتی روی محصولات قرار می گیرم ، تنظیمات شناور را حفظ نکردم. من می خواهم شفافیت آبی باشد و حروف "view product to be naranaja" مانند ماژول فروشگاه صفحه اصلی باشد.
3. من می خواهم که نوار کناری سمت چپ همه دسته ها و زیر مجموعه ها را نشان دهد.
او چطور این کار را انجام داد؟
از Merci پور دستیار تن
سلام میگوئل
لطفاً سوالی را در مورد مقاله WooCommerce یا Divi بپرسید. و با خوشحالی جواب شما را می دهم. 😉