در سایت های فارسی که متن ها و محتوای سایت احتمال دارد ترکیبی از جملات فارسی و انگلیسی هست. در سایت هایی که قالب آن جهت متن و تراز جملات را راستچین کرده باشند، متون انگلیسی هم راستچین می شوند و حالت نمایشی درستی ندارد. در حالت استاندارد، متن های انگلیسی باید از چپ به راست (چپ چین) و متن های فارسی از راست به چپ (راستچین) باشد. این کار را در سایت هایی که مطالبش توسط نویسندگان استخدامی نوشته می شوند می توان بطور دستی انجام داد و به آنها بگوییم که چپ چین و راست چین بودن مطالب را بطور دستی در ادیتور تنظیم کنند اما سایت هایی که مطالب آن توسط کاربران تولید می شود، مانند وبلاگ ها، انجمن ها و شبکه های اجتماعی و … که می خواهیم بطور خودکار متن ها بر اساس یونیکد تراز شوند می توانیم با یک روش خیلی ساده و کد کوتاه CSS اینکار را انجام دهیم.
همانطور که در ابتدا هم گفتم اینکار بسیار آسان و ساده است.
ابتدا وارد سایت خود شوید و مکانی که متن ها در آن نمایش داده می شود را مشخص کنید. اکنون روی خط اول متن راست کلیک کنید و گزینه آخر یعنی Inspect را کلیک کنید.
اکنون در پنجره باز شده، متن خود را مشاهده می کنید. شما باید DIV اصلی بخش متن هایتان را پیدا کنید. در تصویر زیر من روی یکی از تاپیک های انجمن بی تاک آزمایش کرده ام. DIV بخش اصلی مطالب هر ارسال در تصویر زیر مشخص شده است. در آن class مشخصی وجود دارد به نام Post-body :
اکنون که کلس محدوده اصلی مطالب را پیدا کردیم، کافیست کلس اصلی را در کد زیر جایگزین کنیم تا روی تگ p یا همان پاراگراف هایمان اجرا شود:
.Post-body p {
text-align: start !important;
unicode-bidi: plaintext !important;
}
- بجای
Post-body کلس محدوده اصلی مطالب خود را وارد کنید.
- در دستور استایل بالا حتما باید در بخش سلکتور تگ p را مورد هدف قرار دهید.
- دو دستور داخل کد بالا مهم هستند و نیاز به تغییر ندارد.
پس از انجام اینکار، کد بالا را در یکی از فایل های CSS سایتتان قرار دهید. از این به بعد متن های انگلیسی سایت شما چپ چین و متن های فارسی راستچین خواهد شد.
همین کد درحال حاضر در انجمن بی تاک هم اعمال شده که در ادامه نمونه آن را مشاهده می کنید:
این یک متن آزمایشی فارسی است که راست چین است!
This is English text and should be LTR!
