آموزش افزودن فونت فارسی به افزونه Revolution Slider

ساختن یک اسلایدر عالی برای هر نوع وب‌سایتی بسیار مهم است. برای اینکه بتوانید اسلایدرهای جذابی ایجاد کنید تا مخاطبان خود را به محتوای خود درگیر کنید، ساده‌ترین روش استفاده از فونت‌های جذاب می‌باشد. در واقع شما باید روی اسلایدر خود نوشته هایی با فونت جذاب استفاده کنید تا کاربر از دیدن آن لذت ببرد. به همین منظور ما در این مطلب قصد داریم آموزش افزودن فونت فارسی به افزونه Revolution Slider را در اختیار شما عزیزان قرار دهیم. امیدوارم تا انتهای این مطلب ما را همراهی کنید.

بررسی افزونه رولوشن اسلایدر

قبل از اینکه بخواهیم شما را با افزودن فونت فارسی به افزونه اسلایدر رولوشن آشنا کنیم، بهتر است با این افزونه بیشتر آشنا شوید. افزونه Revolution Slider بی‌تردید یکی از بهترین افزونه های  اسلایدر وردپرس است که در حال حاضر میلیون‌ها نصب فعال دارد. این افزونه وردپرس به شما این امکان را می‌دهد تا بدون نیاز به هیچ‌گونه دانشی، جذاب‌ترین اسلایدرها را ایجاد و در هر قسمت از سایت اضافه کنید. این افزونه شامل یک ویرایشگر بصری قوی با بسیاری از ویژگی‌ها و گزینه‌های مدرن برای ایجاد یک اسلایدر زیبا برای یک وب سایت می‌باشد.

همچنین تمامی اسلایدرهایی که شما ایجاد می‌کنید به صورت کاملاً ریسپانسیو در تمامی دستگاه‌های مختلف به کاربران نمایش داده می‌شود. درواقع؛ اسلایدرهایی که با استفاده از این افزونه ساخته می‌شوند به صورت خودکار اندازه خود را با توجه به عرض صفحه تنظیم می‌کنند. ویرایشگر بصری این افزونه بسیار کاربر پسند و چشم پسند است و از حالت تاریک پشتیبانی می‌کند.

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

• ویرایشگر تصویری قدرتمند
• طراحی ریسپانسیو
• بدون نیاز به دانش کدنویسی
• بیش از 200 قالب آماده برای استفاده از پیش ساخته شده
• اسلایدرهای ویدئویی
• رابط کاربری تاریک
• پشتیبانی از مرورگرهای متقابل
• گروه های لایه از پیش ساخته شده
• کتابخانه اشیاء بیش از 2500 عنصر شامل فونت، نمادها، تصاویر، ویدئوها و غیره
• جلوه های ویژه
• امکانات نامحدود
• پس زمینه اختلاف منظر
• تنظیمات انتقال اسلاید
• و بسیاری از ویژگی های دیگر

بیشتر بخوانید: معرفی بهترین افزونه مزایده وردپرس [8 پلاگین برتر] 

آموزش اضافه کردن فونت فارسی به افزونه Revolution Slider

تا اینجای مطلب شما را با قابلیت‌ها و امکانات افزونه رولوشن اسلایدر آشنا کردیم، حال در ادامه مطلب قصد داریم آموزش افزودن فونت فارسی به پلاگین Revolution Slider را در اختیار شما عزیزان قرار دهیم. امیدوارم تا انتهای این مطلب ما را همراهی کنید.

مرحله اول: فونت دلخواه خود را دانلود و در فایل CSS بارگذاری کنید

ابتدا باید فونت مد نظر خود را با فرمت وب دانلود کنید. معمولاً فونت‌ها در سه فرمت eot ،woff ،ttf ،svg دسته‌بندی می‌شوند. همچنین فونت stylesheet.css را پیدا خواهید کرد.

پس از دانلود بسته، باید فایل‌های فونت را از طریق هاست و یا FTP در میزبانی وب خود و در پوشه wp-content/webfonts آپلود نمائید.

حال باید فایل های فونت خاص را با دستورالعمل های CSS زیر بارگذاری نمائید:

@font-face {
font-family: 'sansbold';
src: url('http://www.mysite.com/wp-content/webfonts/Sans-Bold-webfont.eot');
src: url('http://www.mysite.com/wp-content/webfonts/Sans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('http://www.mysite.com/wp-content/webfonts/Sans-Bold-webfont.woff') format('woff'),
url('http://www.mysite.com/wp-content/webfonts/Sans-Bold-webfont.ttf') format('truetype'),
url('http://www.mysite.com/wp-content/webfonts/Sans-Bold-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;

}

مرحله دوم: کدهای CSS را در پانل اسلایدر رولوشن بارگذاری کنید

حال باید کدهایی که در بالا ذکر کرده این را در بخش CSS افزونه اسلایدر رولوشن سایت خود آپلود نمائید. برای انجام اینکار؛ در ابتدا وارد پیشخوان وردپرس خود شوید و سپس از بخش “Revolution Slider” روی گزینه “تنظیمات” کلیک کنید. حال روی دکمه CSS/jQuery کلیک نمائید. حال کافیست کدهای زیر را در قسمت متن CSS/Jquery وارد نمائید:

@font-face {
font-family: 'sansbold';
src: url('http://www.mysite.com/wp-content/webfonts/Sans-Bold-webfont.eot');
src: url('http://www.mysite.com/wp-content/webfonts/Sans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('http://www.mysite.com/wp-content/webfonts/Sans-Bold-webfont.woff') format('woff'),
url('http://www.mysite.com/wp-content/webfonts/Sans-Bold-webfont.ttf') format('truetype'),
url('http://www.mysite.com/wp-content/webfonts/Sans-Bold-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;

}

.my_font{font-family:sansbold !important}

حال شما باید در قسمت ” font-family” نام فونت مورد نظر خود را وارد کنید.

بیشتر بخوانید: معرفی بهترین افزونه امنیت وردپرس [13 پلاگین امنیتی ضروری] 

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

در مرحله بعد از آموزش اضافه کردن فونت فارسی به افزونه روولوشن اسلایدر، شما باید لایه متن را در اسلاید اضافه و سپس در قسمت Layer Option > Attributes در قسمت Classes کلاس my-font را که در پاراگراف قبلی ایجاد کرده‌اید را وارد نمائید.

همچنین می‌توانید این فرآیند را برای سایر عناصر لایه متنی در اسلایدر رولوشن تکرار کنید.

– تنظیمات افزونه اسلایدر رولوشن

برای تنظیمات اسلایدر رولوشن، وارد افزونه شوید و سپس آیکون‌های بالای صفحه اول را پیدا کنید. در اینجا، روی «Globals» کلیک نمائید.

سپس، نام خانواده فونت‌هایی را که در فایل‌های style.css و functions.php استفاده کرده‌اید، اضافه نمائید. بعد از آن، می‌ توانید از ویرایشگر اسلاید در منوی کشویی شروع به استفاده از YourFontFamily کنید. نیازی به CSS سفارشی روی لایه نیست.

به همین سادگی شما توانستید فونت مورد نظر خود را به رولوشن اسلایدر اضافه کنید.

بیشتر بخوانید: 8 تا از بهترین افزونه اسکیما و نشانه گذاری وردپرس

سوالات متداول

جمع‌بندی

افزونه رولوشن اسلایدر یکی از بهترین و محبوب‌ترین پلاگین‌های وردپرس است که به شما این امکان را می‌دهد تا جذاب‌ترین اسلایدرها را برای سایت خود ایجاد و به نمایش بگذارید. همچنین اگر این افزونه دارای فونت فارسی نیست، شما می‌توانید به سادگی هر فونتی را که می‌خواهید به اسلایدرهای خود اضافه کنید. ما در این مطلب شما را با آموزش افزودن فونت فارسی به افزونه Revolution Slider آشنا کردیم. امیدواریم این آموزش مورد رضایت شما عزیزان قرار گرفته باشد.

منبع: codeless