قابلیت راستچین و چپ چین کردن خودکار متن انگلیسی و فارسی با CSS

[Masih 6,279]

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

یعنی اگه متن های انگلیسی هم بخواهید بنویسید، برای اینکه از چپ به راست باشند، حتما باید موقع نوشتن توی ادیتور چپ چین و RTL کنید! خب یه مقدار شاید خسته کننده باشه! و برای سایت های کاربر محور مثل انجمن ها و شبکه های اجتماعی که کاربرا محتوا رو ارسال می کنند این مشکل بیشتر به چشم میاد. چون تقریبا هیچ کسی توی انجمن ها و شبکه های اجتماعی نمیاد به طور دستی متن ها رو ترازبندی کنه!

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

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

.bistscript, .bistscript p, .bistscript h1, .bistscript h2, .bistscript h3 {
    text-align: start !important;
    unicode-bidi: plaintext !important;
}

و مرحله بعد باید قالبتون رو ویرایش کنید. باید فایلی که کدهای بخش محتوای مطلب رو درون خودش داره پیدا کنید و عبارت bistscript رو به div اون بخش متن ها اضافه کنید. div باید بخشی باشه که کلیه متن های داخلش رو در بربگیره. مثلا:

<div class="bistscript">
<p>این یک متن فارسی است!</p>
<p>This is English Text!</p>
</div>

و در نهایت چنین چیزی خواهید داشت:

لینک ها تنها برای اعضای سایت قابل نمایش است.

 

منبع : لینک ها تنها برای اعضای سایت قابل نمایش است.

[Masih 6,279]

در ۱ ساعت قبل، tag گفته است :

برای اعداد چه جوری باید تنظیم کرد؟

اعداد به صورت پیش فرض اگر هیچ متنی قبل از اونها نیاد به صورت چپ چین خواهند شد