امروز : پنج شنبه ۲۶ مرداد ۱۳۹۶ شما در سایت وبیت هستید.
دسته ها
سبد خرید شما

محصولی موجود نمی باشد!

آموزش روش های مختلف اضافه نمودن Css سفارشی در سایت وردپرس

add-custom-css-vebeet آموزش روش های مختلف اضافه نمودن Css سفارشی در سایت وردپرس

 

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

آموزش روش های مختلف اضافه نمودن Css سفارشی در سایت وردپرس

ما در این قسمت از آموزش وردپرس وبیت برای شما دو روش را معرفی و به مقایسه ی آنها می پردازیم. می توانید قبل از هر چیز مقالات آموزش برنامه نویسی Css ما را مطالعه فرمایید.

1) اضافه نمودن Css سفارشی با استفاده از شخصی سازی سایت

از آنجایی که ژس از نسخه 4.7  و به بعد وردپرس کربران می توانند به طور مستقیم از طریق مدیریت وردپرس Css های سفارشی خود را اضافه نمایند که فوق العاده آسان هم هست. شما قادر خواهید بود به صورت زنده تغییرات خود را فورا و هم زمان مشاهده نمایید. برای این منظور به بخش “نمایش” سپس سفارشی سازی در قسمت پیشخوان وردپرس خود بروید.

add-custom-css3-vebeet-300x173 آموزش روش های مختلف اضافه نمودن Css سفارشی در سایت وردپرس

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

 

add-custom-css4-vebeet آموزش روش های مختلف اضافه نمودن Css سفارشی در سایت وردپرس

 

نکته: هر Css سفارشی که در این قسمت اضافه می کنید، تنها بر روی همان قالب وردپرس که بر روی سایت وردپرسی تان فعال است نمایش داده می شود و شما به منظور اینکه این تغییرات را پس از تغییر قالب سایتتان در دسترس داشته باشید باید این کد ها را کپی نمایید و مجددا در این قسمت اضافه نمایید.

2) اضافه نمودن Css سفارشی توسط افزونه 

برای این روش نیاز است تا افزونه وردپرس مربوطه آن را بر روی وردپرس خود نصب و فعال نمایید. این روش مخصوصا برای کاربران و وبمسترانی که از نسخه 4.7  وردپرس و یا ماقبل آن استفاده می نمایند مفید است.

در مرحله اول باید افزونه Simple Custom CSS را نصب و فعال نمایید، پس از فعالسازی آن اگر به بخش نمایش در پیشخوان وردپرس خود بروید قسمتی با عنوان “Css  سفارشی” یا “Custom Css” به آن اضافه خواهد شد.

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

 

add-custom-css5-vebeet آموزش روش های مختلف اضافه نمودن Css سفارشی در سایت وردپرس

 

نکته: یکی از ویژگی هایی که این روش دارد، این است که با تغییر دادن قالب سایتتان باز همان این استایل های سفارشی موجود است و لازم نیست مجددا آن را کد نویسی نمایید.

مقایسه روش استفاده از افزونه Css  های سفارشی با افزودن کد های Css در قالب

هر دو روشی که در بالا به شما آموزش دادیم، برای مبتدیان طراحی سایت توصیه می شود. وبمستران و برنامه نویسان حرفه ای مستقیما تغییرات استایل را بر روی قالب خود اعمال می نمایند. با این حال اضافه نمودن کد های Css  سفارشی به طور مستقیم در قالب سایتتان توصیه نمی شود زیرا زمانی که قالب خود بدون ذخیره کردن تغییرات سفارشی، به روز رسانی نمایید آنها از دست خواهند رفت. بهترین راه استفاده از تم کودک “Child” می باشد. با این حال اغلب طراحان مبتدی علاقه ای به ایجاد قالب کودک نمی باشند. زیرا اطلاع ندارند که پس از اضافه نمودن کد های Css سفارشی خود چگونه از قالب فرزند خود استفاده نمایند. اسفاده از افزونه Simple Custom CSS  برای اضافه کردن کدهای Css سفارشی این اجازه را به شما می دهد تا تغییرات خود را به طور مستقل ذخیره نمایید. به این ترتیب شما به راحتی می توانید قالب خود را تغییر دهید و در حالی که استایل های سفارشی تان نیز با آن بماند.

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

امیدوارم این مقاله به شما در سفارشی سازی سایتتان کمک رسان بوده باشد. در قسمت های بعد به طور کامل درباره افزونه های مطرح شده توضیح خواهیم داد.

موفق باشید.

 

هاست و دامین ندارید!؟ هم اکنون سفارش دهید.

نکته : کپی بردای و انتشار مطالب وبیت با ذکر منبع بلامانع می باشد.

توجه : لطفا مشکلات خود را در انجمن های وبیت مطرح کنيد.

آیا مطلب موثر و مفید بود؟ حالا امتیاز خود ثبت کنید.
بازدید : 163 بار دسته بندی : آموزش ، آموزش وردپرس ، افزونه ، افزونه وردپرس دیدگاه : ۰ تاريخ : ۲۱ خرداد ۱۳۹۶
به اشتراک بگذارید :
فیسبوک گوگل تویتر کلوب فیسنما
حانیه فراهانی

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

دیدگاه کاربران تعداد دیدگاه : ۰