نحوه اضافه کردن کدهای سفارشی CSS به سایت وردپرس

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

از قدیم گفتن گذر پوست به دباغ خونه میوفته… شاید روزی از کدهای سفارشی در وردپرس استفاده کردین😎

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

از اینجا به بعد دل بدین تا بریم تو کارش😅

روش اول: استفاده از ویژگی کاستومایز (Customize) قالب برای اضافه کردن کدهای سفارشی CSS به سایت وردپرس

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

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

سفارشی سازی قالب در وردپرس

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

اضافه کردن CSS اضافی به سایت وردپرس

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

کد های css اضافی در وردپرس

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

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

روش دوم: استفاده از افزونه برای اضافه کردن کد CCS

همانطور که از تیتر آن مشخص است، برای پیگیری روند این روش نیاز به نصب افزونه دارید. این روش بیشتر برای کاربرانی به کار می رود که هنوز از نسخه های قبل از ۴٫۷ وردپرس استفاده می کنند. البته اگر از نسخه های جدید وردپرس استفاده می کنید و هنوز علاقه به استفاده از افزونه دارید، آموزش مربوطه را دنبال کنید.

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

اضافه کردن کد CSS از طریق افزونه

در صفحه پیش رو کدهای سفارشی خود را به آسانی قرار دهید و سپس جهت اعمال تغییرات دکمه Update Custom CSS را بفشرید.

اما نکته مهم اینکه در این روش کدهای سفارشی CSS به سایت وردپرس روی تمام قالب ها اعمال می شود و در صورت تعویض آن، تغییرات دلخواه خود را همیشه در دسترس خواهید داشت.

افزونه یا ویژگی وردپرس؛ مسئله این است…

هردو روش فوق نتایج یکسانی را به همراه خواهند داشت و برای مبتدیان روش های دلپذیری می باشند، اما کاربران حرفه ای مستقیما قادر به اضافه کردن کدهای خود به فایل قالب وب سایت می باشند.

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

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

البته باید توجه داشت که نصب هر افزونه درخواست های سرور یا Request های آن را افزایش می دهد که موجب کندی سرعت سایت شده و به عنوان اقدامی تهدید آمیز برای سئوی سایت تلقی می گردد.

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

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

اگر مطالب را به اندازه کافی مطلوب ارزیابی نمودید، آن ها را با دوستانتان به اشتراک بگذارید.

بازم بهمون سر بزنید خوشحال میشیم، سایت خودتونه…😅😜