نحوه وارد کردن فونت های فارسی در تنظمیات قالب shaper helix3

[m3hdi 15]

سلام . من میخواستم این قالب اورجینال shaper helix3 کمی تغییرات بدم روش . یکی از تغییراتی که میخوام براش قرار بدم اماکن تغییر فونت های مختلف در تنظیمات قالب در بخش " Typography " هستش .

طبق مراحلی که این قالب انجام داده فونتهای مربوطه رو از فایل " webfonts.json " از مسیر "templates\shaper_helix3\webfonts " فراخوانی می کنه و اکثر فونت ها از گوگل فونت فراخوانی می شود . یکی از دستورات Json به صورت زیر است

{
  "kind": "webfonts#webfont",
  "family": "Yesteryear",
  "category": "handwriting",
  "variants": [
   "regular"
  ],
  "subsets": [
   "latin"
  ],
  "version": "v5",
  "lastModified": "2015-03-03",
  "files": {
   "regular": "http://fonts.gstatic.com/s/yesteryear/v5/dv09hP_ZrdjVOfZQXKXuZvesZW2xOQ-xsNqO47m55DA.ttf"
  }

حالا من میخوام که حدود 10 تا از فونت های فارسی مربوطه رو وارد این تنظمیات کنم که به راحتی قابل تغییر باشه . یعنی کاربر مثلا از لیست " Body Font " بیاد مثلا فونت Yekan انتخاب کنه تمام نوشته های قسمت Body من به به فونت یکان تبدیل بشه /

برای اینکار حدود 10 تا فونت هم از پکیج فونت های فارسی درون پوشه fonts قالبم هم قرار دادم...

[ATTACH=CONFIG]8073[/ATTACH]

[m3hdi 15]

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

[Vahid Taheri 74]

فریم ورک هلیکس یکی از فریم ورک های قوی جوملاست. هلیکس 2 رو امتحان کرده بودم ولی 3 رو امتحان نکرده بودم. ویژگی های جدیدش خیلی دست طراحان سایت رو باز میذاره. اما این فریم ورک به فونت سفارشی اهمیتی نمیده و توی مستنداتش هم توضیحی برای اضافه کردن فونت نداده. در واقع تمام تمرکزش رو گذاشته روی google fonts که اصلا به درد پارسی زبانان نمیخوره.

روش اضافه کردن فونت سفارشی توی اکثر فریم ورک ها تقریبا یکسانه. 1- اضافه کردن به لیست انتخاب 2- اضافه کردن کدهای font-face به فایل Css یا less.

توی این فریم ورک هم به همین شکل هست.

ابتدا در فایل webfonts.json در دو پوشه templates/shaper_helix3/webfonts و plugins/system/helix3/assets/fonts کد هایی مثل کد زیر رو اضافه میکنید :

  {
  "kind": "webfonts#webfont",
  "family": "BYekan",
  "category": "persian",
  "variants": [
   "regular"
  ],
  "subsets": [
   "persian"
  ],
  "version": "v4",
  "lastModified": "2014-08-28",
  "files": {
  }
 },

سپس در فایل template.less درون پوشه ی less قالب و درصورت غیرفعال بودن less در پوشه css کد های فونت فیس رو قرار میدید.

حالا به مدیریت قالب میرید و فونت رو تغییر میدین و ذخیره میکنید. فونت اجرا میشه.

اما هنوز یه مشکل هست. در قالبهای این فریم ورک ( مگر در بسته نصبی ) ، ابتدا پوشه webfonts در قالب وجود نداره و لیست فونت ها فقط در plugins/system/helix3/assets/fonts وجود داره و از اون جا خونده میشه. با زدن اون پوشه webfonts ایجاد میشه و اگر تغییراتی توی فایل داخل پوشه ایجاد کنید ، با زدن دکمه بروزرسانی لیست فونت ها در بخش مدیریت قالب ها تغییرات شما خنثی میشه.

قابلیت بروزرسانی خودکار لیست فونت ها در بخش مدیریت قالب هست که باید غیرفعال بشه و این هم با تغییرات در طرح تنظیمات قالب انجام میشه.

امیدوارم توضیحاتم به کارتون بیاد.

موفق باشید

[m3hdi 15]

اما هنوز یه مشکل هست. در قالبهای این فریم ورک ( مگر در بسته نصبی ) ، ابتدا پوشه webfonts در قالب وجود نداره و لیست فونت ها فقط در plugins/system/helix3/assets/fonts وجود داره و از اون جا خونده میشه. با زدن اون پوشه webfonts ایجاد میشه و اگر تغییراتی توی فایل داخل پوشه ایجاد کنید ، با زدن دکمه بروزرسانی لیست فونت ها در بخش مدیریت قالب ها تغییرات شما خنثی میشه.

قابلیت بروزرسانی خودکار لیست فونت ها در بخش مدیریت قالب هست که باید غیرفعال بشه و این هم با تغییرات در طرح تنظیمات قالب انجام میشه.

یعنی چی ابتدا پوشه webfonts وجود نداره ؟

" لیست فونت ها فقط در plugins/system/helix3/assets/fonts وجود داره " : این یعنی چی دقیقا ؟ من داخل قالبم هم پوشه fonts دارم که اون تعداد فونتی که میخوام داخلش قرار دادم و از طریق فایل custom.css که ساخته بودم و با دستور font-face فراخوا

" با زدن اون پوشه webfonts ایجاد میشه و اگر تغییراتی توی فایل داخل پوشه ایجاد کنید " زدن منظورت چی هستش ؟؟؟؟؟؟ و پوشه webfonts کجا ایجاد میشه ؟

{

"kind": "webfonts#webfont",

"family": "BYekan",

"category": "persian",

"variants": [

"regular"

],

"subsets": [

"persian"

],

"version": "v4",

"lastModified": "2014-08-28",

"files": {

}

},

راجب این کمی بیشتر توضیح بده

اینکه دسته بندی هاش قرار دادی Persian دلیلی داره ؟

[Vahid Taheri 74]

یعنی چی ابتدا پوشه webfonts وجود نداره ؟

" لیست فونت ها فقط در plugins/system/helix3/assets/fonts وجود داره " : این یعنی چی دقیقا ؟ من داخل قالبم هم پوشه fonts دارم که اون تعداد فونتی که میخوام داخلش قرار دادم و از طریق فایل custom.css که ساخته بودم و با دستور font-face فراخوا

" با زدن اون پوشه webfonts ایجاد میشه و اگر تغییراتی توی فایل داخل پوشه ایجاد کنید " زدن منظورت چی هستش ؟؟؟؟؟؟ و پوشه webfonts کجا ایجاد میشه ؟

من فقط قالب تنها رو دانلود کردم و نصب کردم. فکر میکنم شما بسته نصبی quick-start رو نصب کردید.

وقتی نصب کردم پوشه ی webfonts رو در پوشه قالب ندیدم و رفتم سراغ پلاگین. بعد از ایجاد یک سری تغییرات و بعد زدن بروزرسانی خودکار لیست فونت ها در مدیریت قالب ، پوشه webfonts در پوشه قالب ساخته شد.

یعنی شما اگر پوشه webfonts رو از پوشه قالب حذف کنید ، قالب اطلاعات رو از پلاگین میخونه. عملکرد این پوشه و فایلش مثل پوشه html میمونه.

راجب این کمی بیشتر توضیح بده

اینکه دسته بندی هاش قرار دادی Persian دلیلی داره ؟

"family": "BYekan" همون نامی هست که در Css برای فونت در نظر گرفته میشه و در مدیریت هم به همین نام نمایش داده میشه.

subset و category هم کار خیلی مهمی انجام نمیدن و هر چیزی میتونند باشند.

اما بخش files که دو کد داشت و اون کد ها لینک فونت های گوگل بودند.

این دو کد آدرس فونت گوگل رو برای پیشنمایش فونت تعیین میکردند که امکان دادن مسیر درون هاست نبود (چون به آدرسی از فونت های گوگل تبدیل میشه) اگر لازم باشه باید روش کار کنیم و کدهای تبدیل آدرس رو حذف کنیم.

سوالی بود در خدمتم

[pixel2007 10]

من این کارا رو روهلیکس 3 کردم ولی اصلا تو لیست نیومد. از طرق دیگه فونت تعریف کردم

فکر میکنید مشکل از کجاست که تو لیست نمیاد

[sarj 31]

من این کارا رو روهلیکس 3 کردم ولی اصلا تو لیست نیومد. از طرق دیگه فونت تعریف کردم

فکر میکنید مشکل از کجاست که تو لیست نمیاد

هدیه هدیه ماه رمضان-قالب فارسی JS Helix3

اینو دانلود کنید متوجه میشد چکاری بایست انجام بدید

روش متفاوت هست توی helix3

[arashplatin 10]

دوست عزیز یک کار بسیار ساده هم توی فریم ورک helix3 میشه انجام داد

فوت خودتو تی پوشه فونت بریز و دستور font-face مربوط به هر فونت را به css قالبت اضافه کن

در قسمت مدیریت قالب به قول شما همون قسمت " Typography " شما نام هر کدام از اون فونت های که اضافه کردی رو ببنویسی فونت در قالب در همه تک ها به صورت inline اضافه میشه درسته در لیست نیست فونت ها ولی حداقل نام هر فونت را به راحتی میتونی فقط بنویسی

helixe هم یک خاصیت داره که می تونی برای h1 یا p ها فونت های مختلفی بنوسی

من معمولا این کارو می کنم و بعد به مدیر سایت می گم شما 20 فونت روی قالبت هست که هر کدام را نامشو توی Typography بنویسی به صورت اتومات فونت تغییر میکنه

[ATTACH=CONFIG]8735[/ATTACH]

[sarj 31]

آموزش روش اشتاندارد قرار داده شد:

آموزش آموزش جامع فارسی سازی قالب های جوملا - صفحه 2

موفق باشید:25: