رفتن به مطلب

تعریف فونت جداگانه برای کلمات انگلیسی


پست های پیشنهاد شده

سلام

من داخل سایتم کلمات انگلیسی هم داخل مقالاتم دارم منتها اصلا از فونتش راضی نیستم

چطوری و با چه ترفندی میشه به کلمات لاتین فونت جدایی داد؟

ممنون

لینک به ارسال

ببین این ساده ترین اسکریپتی که میشه ساخت


http://jsbin.com/esozim/1

فرض کن یه پاراگراف داشته باشی مثل


<p class="words">
درود بی کران بر همگی

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a felis vel ante ultricies faucibus at eu tellus.
</p>

حالا لازمه همه کارکترای انگلیسی شناسی و تشخیص یابی برای کلمه درست شه بعد به هر کدوم از کلمات یه span با کلاس en بدی برای اینکار بهترین راه regex هست اینم کد جی کوئری


$(document).ready(function($){
var engAlpha = /([a-zA-z]+)/g;
var newWords = $.trim( $('.words').text().replace(engAlpha, "<span class='en-alpha'>$1</span>" ) );
$('.words').html( newWords ).text();
});

ویرایش شده توسط mehral
لینک به ارسال

خیلی ممنونم

اما این رو چطوری ازش استفاده کنم؟؟؟

داخل فانکشن کپی کردم سایتم رفت هوا!!!

لینک به ارسال

رفتم این کد رو داخل هدر دات پی اچ پی داخل تگ اسکریپت گذاشتم.

بعد داخل استایل این رو نوشتم متون انگلیسی نوشته ها هیچ تغییری نکرد.


.en-alpha{color:green;font-size:40px;}

لینک به ارسال

داخل فانکش ؟؟؟ مگه دستورات من php هست

این یه کد جی کوئری باید در فایل با پسوند js قرار بگیره

لینک به ارسال

ببخشید یعنی ی فولدر درست کنم با پسوند js.این رو بریزم توش و داخل هاستم آپلود کنم و از داخل header.php فراخوانیش کنم؟؟؟

لینک به ارسال

شما یه فایل با عنوان theme-action.js درست کنید در فولدری که فایل های جاوا اسکریپتی تون قرار داره و درست بعد از wp_footer() در فایل فوتر تون تگ اسکریپت رو فراخوانی کنید....

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...