آموزش اضافه کردن css به وردپرس با افزونه و بدون افزونه

در این آموزش، ما درباره CSS سفارشی وردپرس بحث خواهیم کرد. سه راه برای اضافه کردن CSS در وردپرس وجود دارد:

1. افزونه سفارشی وردپرس CSS؛
2. سفارشی سازی تم ساخته شده با استایل های خودشان
3. تم کودک وردپرس(child theme) 

از طریق این آموزش، امیدواریم بتوانید نحوه ایجاد CSS خود را در WordPress پیدا کنید. بنابراین شما می توانید عناصر خاصی را مدیریت کنید و وب سایت خود را جذاب تر و  کاربر پسند تر کنید .

گزینه 1 - اضافه کردن سفارشی CSS به وردپرس با پلاگین

ساده ترین راه ایجاد CSS خود در WordPress این است که از یک افزونه استفاده کنید. پلاگین های زیادی برای انتخاب وجود دارد. در این آموزش، ما درباره پلاگین سفارشی وردپرس CSS بحث خواهیم کرد و می دانیم که چگونه کار می کند. به یاد داشته باشید، تمام ابزارهای مورد استفاده در این راهنمای را می توان به راحتی از طریق  Plugins> Add New  در داشبورد نصب کرد.

Simple Custom CSS

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

پس از فعال شدن، ابزار را می توان از طریق  نمایش> Custom CSS مشاهده کرد . استفاده از این ابزار دشوار نیست. هر مقداری که می خواهید به ویرایشگر وارد کنید و آن را ذخیره کنید.

برای دیدن تغییرات ایجاد شده، وبسایت را بازخوانی کنید.

WP Add Custom CSS

WP Add Custom CSS یک ابزار دیگر است که می توانید برای ایجاد CSS سفارشی وردپرس استفاده کنید.

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

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

برای دیدن تغییراتی که انجام دادید مرورگر خود را تازه کنید.

Site Origin CSS

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

پس از نصب، این افزونه را می توان در  نمایش> Custom CSS مشاهده کرد .

این افزونه یک رابط ویرایشگر آسان برای استفاده ارائه می دهد، بنابراین شما می توانید هر بخشی از سایت را انتخاب کرده و آن را با استفاده از ابزارهایی که در دسترس شما دارید یا با اضافه کردن کد به صورت دستی ویرایش کنید.

Simple Custom CSS and JS

ساده سفارشی CSS و JS ابزارهایی هستند که شما سزاوار آن هستید. این افزونه در مقایسه با نوشته های قبلی دارای ویژگی های فراوانی است. یکی از این ویژگی ها می تواند برای اضافه کردن نوشته های جاوا اسکریپت مورد استفاده قرار گیرد.

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

برای آزمایش تغییرات اعمال شده، برچسب h1  را تغییر دهید  تا رنگی تر  باشد.

ذخیره و مشاهده تغییراتی که ایجاد کرده اید.

کارا 2 - نحوه اضافه کردن CSS در وردپرس با Theme Customizer

سفارشی CSS وردپرس را می توان به راحتی ایجاد اگر نسخه وردپرس شما 4.7 و بالاتر 4.7 است. این نسخه ارائه می دهد یک ابزار داخلی در customizer تم. برای استفاده از این ابزار، نمایش را باز کنید  > سفارشی کردن  در داشبورد.

به پایین بروید و روی CSS افزونه کلیک کنید  .

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

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

گزینه 3 - CSS سفارشی ایجاد وردپرس با تم کودک

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

حل مشکلات مشترک مربوط به سفارشی CSS وردپرس

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

CSS وردپرس نمیتواند نمایش داده شود

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

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

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

خطای املایی در CSS

اغلب، اشتباهات املایی در نحو CSS، CSS سفارشی وردپرس را غیر ممکن می سازد. اگر این اتفاق می افتد (و شما مطمئن هستید که خطا توسط حافظه پنهان ایجاد نمی شود)، پس باید از اعتبار سنج CSS استفاده کنید . شما فقط نیاز به  چسباندن  CSS دارید، سپس ابزار را اجرا کنید. چند لحظه بعد شما می توانید قبلا ببینید که خطا یا  اشتباه .

نتیجه گیری

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