چگونه CSS سفارشی را به وب سایت وردپرس خود اضافه کنیم

همانطور که قبلاً اشاره کردم، افزودن CSS سفارشی به پوسته شما زمینه ای است که وردپرس به عنوان یک ابزار کد برتری دارد.

برای افزودن CSS سفارشی به وب سایت وردپرسی خود، مراحل زیر را دنبال کنید:

ماوس را روی Appearance از انتهای ادمین نگه دارید و Customize را انتخاب کنید:

custCSS1

CSS اضافی را انتخاب کنید:

custCSS2

کد CSS مورد نظر را اضافه کنید:

custCSS3

CSS که به سایت دمو اضافه کردم نوار ناوبری را چسبناک می کند:

#ast-desktop-header > div.ast-main-header-wrap.main-header-bar-wrap > div > div > div {

         موقعیت: ثابت؛

         بالا: 0;

         عرض: 100%؛

         margin-top: 0.1rem;

         z-index: 1;

         رنگ پس زمینه: #3498db

}

stickynav

به هر حال، به این صورت است که نوار ناوبری را با کد در تم Astra چسبناک می کنید.

چگونه کد HTML را به پست های وبلاگ خود اضافه کنیم

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

اگر می خواهید پست های وبلاگ خود را در HTML بنویسید، اسکرین شات های زیر به شما نشان می دهد که چگونه این کار را انجام دهید:

ss-2-3

ss-3-2

ss-4-2

افکار نهایی

بدون شک، وردپرس هم به عنوان یک کد و هم به عنوان یک ابزار بدون کد برتر است.

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

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

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

اگر علاقه مند به یادگیری کدنویسی در و جاوا اسکریپت هستید، امروز باید برنامه درسی freeCodeCamp را بررسی کنید.

اگر می خواهید PHP را یاد بگیرید، این دوره ویدیویی از کانال YouTube freeCodeCamp به شما کمک می کند تا مهارت های اولیه PHP خود را توسعه دهید.

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