خرید هاست ارزدیجیتال
حراجی دامنه های ویژهمشاهده





تبلیغات
تبلیغات تبلیغات
تبلیغات ژاکت, مرجع خرید قالب و افزونه وردپرسی اورجینال

افزودن کلاس‌های یکتای CSS با تغییر در body وردپرس

وردپرس , مقالات,آموزش,ترفند

در کدنویسی همیشه بخشی به عنوان بدنه اصلی در نظر گرفته می‌شود. در وردپرس نیز درون قالب‌ها، افزونه‌ها و… بدنه اصلی موجود است. این بدنه اصلی را body وردپرس می‌گوییم که معمولا کلاس‌های Css را می‌توان درون آن‌ قرار داد. برای این منظور امروز می‌خواهیم افزونه‌ای را بررسی کنیم که امکان درج کلاس‌های Css در پیشخوان وردپرس برای ایجاد تغییر در برگه‌ها و نوشته‌ها را فراهم می‌کند.

 

body وردپرس

افزونه‌ای که قصد معرفی آن را داریم Custom body class نام دارد که امکان وارد کردن کلاس‌های سی‌اس‌اس را در body وردپرس فراهم می‌کند. اما به نظر شما چرا باید از چنین افزونه‌ای استفاده کنیم؟ در واقع تغییراتی که در body وردپرس اعمال می‌شود تنها در دستگاه‌های موبایلی قابل مشاهده است.

 

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

افزودن کلاس‌های یکتای CSS با تغییر در body وردپرس

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

افزودن کلاس‌های یکتای CSS با تغییر در body وردپرس

مثال

به عنوان مثال فرض کنید کلاسی به نام “Car” را در سمت تلفن همراه داریم و می‌خواهیم این کلاس را به حالت موبایلی وبسایت خود اضافه کنیم. پس می‌توانیم از “mobile-car” در body وردپرس استفاده کنیم.

 

این افزونه به صورت متن‌باز یا open source است و توسعه‌دهندگان و افرادی که در مورد کلاس‌های سی‌اس‌اس اطلاعاتی دارند می‌توانند از آن استفاده کنند.

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 4 / 5. تعداد رای : 2

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 وردپرس , مقالات,آموزش,ترفند
لینک کوتاه مطلب : https://www.20script.ir/?p=58769
مطالب مرتبط
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file