× سئوالات، مشکلات و پیشنهادات مرتبط با قالب های جوملا که در پلکسا ارائه شده است را در این بخش ارائه نمایید.

طریقه اضافه کردن فونت فارسی به قالب های جوملا

بیشتر
2 سال 2 ماه قبل - 2 سال 2 ماه قبل #32 توسط easy
در این پست طریقه اضافه کردن فونت های فارسی و هر فونت دلخواهی به قالب های جوملا ارائه شده در دانلود سنتر پلکسا آموزش داده می شود.
1- ابتدا فونت مورد نظر خود را آماده کنید. اگر فونت عادی استفاده می کنید، لازم است که ابتدا به فونت وب (Webfont) تبدیل شود. برای اینکار می توانید از ابزارهای آنلاین استفاده کنید مثل FontSquirell.
2- از طریق برنامه کلاینت FTP یا کنترل پنل هاستینگ خود، به پوشه templates رفته و پوشه قالب مورد نظر خود را باز کنید.
3- در داخل پوشه قالب جوملا یک فلدر به نام fonts ایجاد کنید و فونت های مورد نظر خود را در آن کپی کنید.
4- حال به پوشه css بروید و یک فایل استیل شیت ایجاد کنید و آن را به صورت templateName-custom.css نامگذاری کنید. دقت کنید که بجای templateName نام قالب را بگذارید.
5- حال کد زیر را در داخل فایل استیل شیت ایجاد شده کپی نمایید: توجه شود که فونت BYekan در مثال زیر به عنوان نمونه استفاده شده است و بایستی با نام فونت خود جایگزین کنید.
/* Adding Font*/
} font-face@
    ;'font-family: 'BYekan  
;('src: url('../fonts/BYekan.eot    
    ,('src: url('../fonts/BYekan.eot?#iefix') format('embedded-opentype    
         ,('url('../fonts/BYekan.woff2') format('woff2    
        ,('url('../fonts/BYekan.woff') format('woff    
         ,('url('../fonts/BYekan.ttf') format('truetype    
         ;('url('../fonts/BYekan.svg#BYekanregular') format('svg    
    ;font-weight: normal  
    ;font-style: normal  
{
/*Here you will decide which class will have this font (you can turn this to be active via*/
 /*Template Menu -> Styles*/
,title, .component-content, .component-content h1, .component-content h2.  
} component-content h3, .gf-menu.l1 > li > .item.   
  ;font-family: 'BYekan',Helvetica,Arial,sans-serif  
  ;font-weight: normal  
  ;font-style: normal  
{
حال به پوشه قالب خود برگشته و فایل template-options.xml را باز کنید و بخشی از کد این قالب که مشابه کد زیر است را پیدا کنید:
<option value="geneva">Geneva</option>
<option value="georgia">Georgia</option>
<option value="helvetica">Helvetica</option>
<option value="lucida">Lucida</option>
<option value="optima">Optima</option>
<option value="palatino">Palatino</option>
<option value="trebuchet">Trebuchet</option>
کد زیر را در ادامه کد بالا تایپ کنید. دقت داشته باشید که در این فایل سه بار این قطعه کد تکرار شده است و بایستی شما برای هر سه تکرار قطعه کد این عمل را تکرار کنید.
<option value="BYekan">BYekan</option>
فایل را ذخیره کرده و ببندید. حالا ادمین وبسایت خود را باز کنید و به مدیر قالب جوملا بروید. در برگه style سه جعبه گزینه برای انتخاب فونت هدر، فونت منو و فونت متن وجود دارد که می توانید فونت اضافه شده را در این جعبه گزینه ها انتخاب کرده و به فونت پیش فرض وبسایت خود تبدیل کنید. می توانید قطعه کدهای زیر را در فایل پیوست پیدا کنید.
پيوست:
Last edit: 2 سال 2 ماه قبل by easy.

لطفاً ورود یا ايجاد حساب كاربری برای پیوستن به بحث.

زمان ایجاد صفحه: 0.095 ثانیه

با ما شریک شوید

با ما باشید

قابل توجه وبمسترها

وبمستر گرامی

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