نحوه ویرایش یک فایل CSS در وردپرس

نحوه ویرایش یک فایل CSS در وردپرس

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

《 روش اول 》

ویرایش از طریق رابط وردپرس

1) با مرورگر به ویرایشگر خود بروید: ویرایشگر تمام فایلهای موجود در پوشه قالب شما را نشان می دهد.

• Appearance
• Editor

2) فایل custom.css یا style.css را باز کنید. ترجیحا می خواهید از فایل custom.css استفاده کنید اگر یکی وجود داشته باشد. این موضوع باعث می شود که تم های خود را در آینده آسانتر کنید.

3) ویرایش CSS مورد نظر را انجام دهید و فایل CSS خود را ذخیره کنید.

4) وب سایت خود را باز کنید. بررسی کنید که آیا ویرایشها به نحوی صورت گرفته است یا خیر.

《 روش دوم 》

ویرایش از طریق FTP

1) FTP وب سایت خود را از طریق نرم افزار مورد علاقه خود باز کنید

2) به دایرکتوری تم بروید همه تم ها زیر این پوشه قرار دارند: / wp-content / themes /

3) فایل custom.css یا styles.css را در دایرکتوری اصلی پیدا کنید. در صورت امکان از custom.css استفاده کنید و فایلهای CSS را در پوشه های زیر ویرایش نکنید.

4) فایل CSS را دانلود کنید و ویرایش های لازم را در یک ویرایشگر فایل انجام دهید. ترجیحا  از یک ویرایشگر که کد را می فهمد ، مانند notepad ++ یا text sublime استفاده کنید.

5) آپلود فایل خود را هنگامی که ویرایش انجام شده و همچنین تغییرات در وب سایت خود را بررسی کنید.

《 روش سوم 》 

ویرایش از طریق پلاگین سفارشی CSS

1) پلاگین سفارشی CSS را دانلود کنید.

2) ویرایشگر CSS خود را باز کنید بسته به پلاگین شما آن را پیدا خواهید کرد:

• In the left bar
• Under Appearance in the left bar
• • Under Tools in the left bar

3) ویرایشهایی را که میخواهید به وبسایتتان اعمال کنید، انجام دهید.

4) ویرایشها را با بازدید از وبسایت خود بررسی کنید.

《 روش چهارم 》

ویرایش زمینه فعلی CSS تم شما

1) گزینه های تم خود را باز کنید. بسته به موضوع شما آن را پیدا خواهید کرد:

• In the left bar under the theme name
• • In the left bar under Appearance

  2) گزینه های تم خود را به دنبال “CSS سفارشی” (custom CSS) از زمینه “سبک های سفارشی (custom styles) انتخاب کنید”

3) ویرایشهایی را که میخواهید ایجاد کنید و آنها را با بازدید از وب سایت خود بررسی کنید.