آموزش صفر تا صد فونت ها در قالب اکسترا

افزودن فونت جدید (فونت سفارشی شما) به لیست فونت ها

برای افزودن فونت جدید در قالب اکسترا به صورت زیر عمل می کنیم.

به عنوان مثال میخواهیم یک فونت با نام سفارشی suncode به قالب اضافه کنیم.

مراحل افزودن فونت جدید به قالب اکسترا:

• تعریف فونت در فایل css قالب child
• اضافه کردن نام فونت به تنظیمات قالب
• اضافه کردن نام فونت به اسلایدر رولوشن (در صورت نیاز)

چرا تعریف فونت روی قالب child یا پوسته فرزند؟

دلیل: قالب اکسترا و افزونه های مکمل آن بصورت پیوسته و از پیشخوان وردپرس شما بروزرسانی می شود و کدها جایگزین می گردد. پس برای اینکه تغییرات شما ثابت بماند در پوسته xtra child این عمل را انجام دهید تا تغییرات شما با آپدیت ها از بین نرود.

ابتدا به پیشخوان>نمایش>پوسته ها مراجعه نمایید و پوسته یا قالب xtra-child.zip را که از ما دریافت کردید آپلود، نصب و فعال نمایید.

یعنی پس از اتمام مراحل، اگر به پیشخوان>نمایش>پوسته ها، مراجعه نمایید باید پوسته xtra child فعال باشد تا کدهایی که اضافه می کنیم در سایت اجرا شود.

ابتدا کدهای خود را به فایل style.css در قالب xtra-child اضافه کنید (همچنین برای اینکه فقط در زبان فارسی اجرا شود می توانید در قالب xtra-child یک فایل rtl.css اضافه نمایید و کدها را در آن بنویسید)

بعنوان نمونه کد برای فونت به نام: suncode

پس از افزودن کدها، با توجه به آدرس دهی در کد css یک پوشه در قالب xtra-child اضافه نمایید و فایل های فونت خود را در آن آپلود نمایید. بعنوان مثال با توجه به کدهای بالا نیاز است که فایل های فونت suncode در پوشه fonts بارگذاری شود.

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

حالا به تنظیمات قالب>تایپوگرافی مراجعه نمایید و نام فونت suncode را به انتهای لیست اضافه نمایید، حتی می توانید با درگ و دراپ به ابتدای لیست بکشانید. پس از اضافه کردن نام فونت روی دکمه انتشار کلیک کنید تا تنظیمات قالب ذخیره شود و سپس با فشردن کلید f5 یا ریلود کردن صفحه خواهید دید که نام فونت سفارشی شما به لیست فونت ها در تنظیمات تایپوگرافی اضافه شده است و می توانید برای بخش های دلخواه خود از این فونت استفاده نمایید.

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

سپس از نوار بالا روی منوی “تنظیمات” (اگر زبان انگلیسی است روی دکمه Globals) کلیک کنید سپس از بخش “Enable custom font selection in editor” روی دکمه “Edit Custom Fonts” کلیک کنید و در پنجره باز شده در بخش “Font Family Name” نام فونت سفارشی خود را اضافه کنید و سپس رو دکمه close برای لیست فونت ها و بعد از ذخیره تنظیمات عمومی (Save Global Settings) فونت به لیست فونت های قابل انتخاب در اسلایدر رولوشن اضافه می شود.