خداحافظی با فایل rtl.css

استفاده از فایل آر تی ال در هسته وردپرس ، پوسته های وردپرس و افزونه های وردپرس به عنوان یکی از اصلی ترین استاندارهای وردپرس شناخته شده است چرا که استفاده از این حالت نمایش چپ و یا راست چین بودن برگه ها را با توجه به زبان سیستم مدیریت محتوای وردپرس به راحتی مشخص میسازد و ارائه ی پوسته ها ، افزونه ها و هسته ی وردپرس را بدون آنکه نیاز باشد برای زبانهای راست چین (rtl) نسخه ی متفاوتی ارائه گردد را فراهم میسازد .

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

 
در این نوشته از وبلاگ ماندگار وب با تابعی مفید و کارآمد با نام is_rtl آشنا خواهیم شد ، این تابع نیز همانند سایر توابع خانواده خود مانند is_home , is_category و… حالت چک کننده را دارد بصورتی که با استفاده از تابع is_rtl در پوسته و یا افزونه های خود دیگر نیازی به فایل rtl.css ندارید و این فایل بصورت جداگانه بارگذاری نخواهد شد و در نتیجه تاثیر منفی بر روی سئو و بهینه سازی سایت شما نخواهد گذاشت و تنها یک استایل به عنوان استایل اصلی و بر اساس زبان وردپرس شما در حالت چپ چین (ltr) و یا حالت راست چین (rtl) بارگذاری خواهد شد .
برای استفاده از تابع is_rtl در افزونه ها و پوسته های وردپرس نیاز است استایل خود را در دو حالت راست چین و چپ چین بصورت کلی و جداگانه از هم آماده نماییم ، برای مثال دو فایل با نام های style.css و style-rtl.css ایجاد میکنیم که در فایل style.css تمام مقادیر مربوط به حالت چپ چین و در فایل style-rtl.css تمام مقادیر مربوط به حالت راست چین را قرار میدهیم .
پس از گذراندن مراحل فوق حال نیاز است که با استفاده از دستور زیر تابع is_rtl را از طریق فایل فانکشن به قالب وردپرس خود اضافه کنیم (لطفا” قبل از ایجاد هر تغییری در این فایل از آن نسخه پشتیبان تهیه نمایید تا در صورت بروز خطا براحتی آن را به حالت اول بازگردانید):

if ( is_rtl() ) {
wp_enqueue_style('style-rtl', get_template_directory_uri() . '/css/style-rtl.css');
} else {
wp_enqueue_style('style-ltr', get_template_directory_uri() . '/css/style.css');
}

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

منبع : ماندگار وب