طراحی سایت

به کار گیری از ویرایشگر بلوکی برای تهیه و تنظیم فونت وردپرس
با یاری ویرایشگر بلوک‌وار، تنظیماتی مثلا تغییر‌و تحول ظواهر فونت‌ها، گزینش رنگ متن و پس‌موضوع (۱ و ۲) و تهیه و تنظیم سایز فونت‌ها (۳) قابلیت و امکان‌پذیر طراحی سایت در مشهد است.

مورد appearance معمولاً مشتمل بر انتخاباتی مانند font-weight مبتنی بر فونت انتخابی میباشد.

قسمت‌هایِ متنی بلوک‌ها دربردارنده پیکربندیِ بیشتری مانند ایفا bold و italic بر روی متن یا این که تهیه و تنظیم ترتیب قرارگیری متن می‌باشند.

using the block editor

آپشن‌های مازاد دربرگیرنده پر رنگ کردن متن، قراردادن کد و تصویر در متن و strikethrough می گردد. همینطور اضافه کردن موقعیت‌های subscript و superscript به متن نیز ممکن میباشد.

using the block editor

اضافه کردن دستی فونت سفارشی به سایت وردپرس
اضافه کردن دستی فونت به وبسایت وردپرس خلل بزرگی ساخت نخواهد کرد، صرفا نیاز به دستکاری پوشه‌های تم خواهید داشت. خوب میباشد این تغییرات را روی یک child theme ایفا دهید تا از بروز اشتباهات احتمالی خودداری فرمائید.

اعتنا داشته باشید که‌این فعالیت آپشن‌های متعددی را برای شما مهیا نخواهد کرد البته از عملکردهای کاهش دهنده سرعت تارنما دوری می‌نماید. این برای اشخاصی که صرفا به چندین فونت محصور نیاز دارا‌هستند مطلوب میباشد. برای اضافه کردن فونت متبوع فرآیند پایین را دنبال فرمائید:

قدم اولیه: تعیین فونت
آغاز به وب سایت Google Fonts بروید و فونت Roboto را کاوش فرمائید. بعداز آن، مدل متبوع خویش از این فونت را که مایلید در وبسایت خویش به کار گیری فرمائید، تعیین فرمائید.

font selection

قدم دوم: نسخه برداری پیوند فونت
پیوند مرتبط با فونت Roboto را اسکن نمائید، لینک و پیوند به صورت ذیل خواهد بود:

https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap
قدم سوم: اتصال با FileZilla
– FileZilla را گشوده نمائید و با به کار گیری از پروتکل FTP به وب سایت خویش متصل گردید. به مسیر تحت در وب سایت خویش بروید:

public-html/wp-content/themes/yourthemechild/functions.php
مطمئن گردید که yourthemechild را با اسم ظریف child theme خویش جایگزین کرده باشید.

connect with filezilla

قدم چهارم: بازنویسی پوشه functions.php
فولدر functions.php را گشوده کرده و کد پایین را به کدهای جان دار اضافه نمائید:

function add_my_font()

wp_enqueue_style( ‘add_my_font’, ‘https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap’, false );

add_action( ‘wp_enqueue_scripts’, ‘add_my_font’ )

قدم پنجم: تعریف و تمجید جای به کار گیری فونت در وردپرس
برای انتخاب جای ‌های به کارگیری از فونت Roboto در وب سایت، کد CSS تحت را به فولدر style.css وابسته به child theme خویش اضافه نمایید:

body, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: ‘Roboto’, sans-serif; }
این کد وردپرس را پند می‌نماید که فونت Roboto در بدنه متن و تیتر‌ها به شغل رود. اعتنا داشته باشید که پوسته‌های متفاوت ممکن میباشد نیاز به پیکربندی خاص خویش داشته باشند. در شرایطی‌که پیکربندی فوق با تم شما مطابقت ندارد، با گسترش‌دهنده تم خویش تماس بگیرید یا این که از ابزار پژوهش مرورگر خویش برای شناسایی راهبرد CSS ما یحتاج برای فونت‌هایتان استعمال نمایید.

تغییر‌و تحول فونت وردپرسی با استعمال از افزونهFonts Plugin | Google Fonts Typography
برای یوزرها سایت‌های وردپرسی که از تم‌های همگانی و مجانی به کار گیری می‌نمایند، قابلیت تغییر‌و تحول فونت از روش پلاگین‌هایی مانند فونت به یاد ماندنی یا این که Fonts Plugin | Google Fonts Typography وجود دارااست. این مقاله نحوه نصب، پیکربندی و نهایتا به کار گیری از پلاگین برای تغییر‌و تحول فونت‌ها را به شما یادگرفتن میدهد.

در داشبورد وردپرس به نصیب Plugins بروید و روی Add New کلیک فرمایید.

changing the wordpress font using a plugin

در بخش کاوش، عبارت Fonts Plugin | Google Fonts Typography را تایپ نمائید.

بعد از یافتن پلاگین (۴) روی دکمه Install Now کلیک نمایید.

برای فعال سازی پلاگین، دکمه activate را فشار دهید.

changing the wordpress font using a plugin

به قسمت Appearance و بعد Customize بروید تا ورقه لود گردد. به‌دنبال یک منوی تازه به اسم Fonts Plugin ظواهر گردد که شما می بایست وارد آن گردید.

changing the wordpress font using a plugin

در پیکربندی پلاگین، نصیب‌های font loading، advanced settings، basic settings و debugging را خواهید مشاهده کرد.

در basic settings از در میان بیش تر از ۱۴۰۰ فونت گوگل می توانید فونت پیش‌فرض را گزینش نمائید. همینطور قابلیت گزینش فونت برای هدینگ‌ها، دکمه‌ها و ورودی‌ها وجود داراست.

changing the wordpress font using a plugin

در نصیب Advanced Settingsمی‌توانید فونت تیتر و شعار وبسایت، فونت منوی ناوبری، فونت بدنه اساسی متن‌ها و هدینگ‌ها را منقطع تهیه و تنظیم نمایید.

changing the wordpress font using a plugin

در قسمت Content و نصیب Content Typography می توانید فونت بدنه اساسی متن ها (۱) و تیتر و هدینگ‌ها (۲) را بصورت جدا از هم تعیین فرمایید.

changing the wordpress font using a plugin

زبانه‌های Sidebar و Footer اذن تغییر تحول فونت هدینگ‌ها و بدنه متن این نصیب‌ها را می دهند. در بخش Load Fonts Only، می توانید فونت‌های متفاوت را فارغ از تغییر و تحول فونت تارنما بار گذاری و ملاحظه کنید.

changing the wordpress font using a plugin

بخش Debugging به شما امداد می‌نماید تا در شکل عدم اکران درست فونت‌ها، انگیزه را شناسایی و رفع فرمایید.

با فعال کردن مورد disable editor controlsکنترل‌های فونت از صفحه ها ویرایشگر حذف می گردند.

در منوی Font displayبا چهار مورد optional، fallback، block و swap روبرو میباشید که بسته به ذوق و سلیقه و نیاز خویش میتوانید یکی آنها را گزینش نمائید. با تعقیب کردن این قدم‌ها می توانید به سادگی و فارغ از نیاز به بازنویسی کد، فونت‌های وب سایت وردپرسی‌تان را تغییر و تحول دهید.

به کار گیری از ویرایشگر بلوکی برای تهیه و تنظیم فونت وردپرس
با یاری ویرایشگر بلوک‌وار، تنظیماتی مثلا تغییر‌و تحول ظواهر فونت‌ها، گزینش رنگ متن و پس‌موضوع (۱ و ۲) و تهیه و تنظیم سایز فونت‌ها (۳) قابلیت و امکان‌پذیر طراحی سایت در مشهد است.

مورد appearance معمولاً مشتمل بر انتخاباتی مانند font-weight مبتنی بر فونت انتخابی میباشد.

قسمت‌هایِ متنی بلوک‌ها دربردارنده پیکربندیِ بیشتری مانند ایفا bold و italic بر روی متن یا این که تهیه و تنظیم ترتیب قرارگیری متن می‌باشند.

using the block editor

آپشن‌های مازاد دربرگیرنده پر رنگ کردن متن، قراردادن کد و تصویر در متن و strikethrough می گردد. همینطور اضافه کردن موقعیت‌های subscript و superscript به متن نیز ممکن میباشد.

using the block editor

اضافه کردن دستی فونت سفارشی به سایت وردپرس
اضافه کردن دستی فونت به وبسایت وردپرس خلل بزرگی ساخت نخواهد کرد، صرفا نیاز به دستکاری پوشه‌های تم خواهید داشت. خوب میباشد این تغییرات را روی یک child theme ایفا دهید تا از بروز اشتباهات احتمالی خودداری فرمائید.

اعتنا داشته باشید که‌این فعالیت آپشن‌های متعددی را برای شما مهیا نخواهد کرد البته از عملکردهای کاهش دهنده سرعت تارنما دوری می‌نماید. این برای اشخاصی که صرفا به چندین فونت محصور نیاز دارا‌هستند مطلوب میباشد. برای اضافه کردن فونت متبوع فرآیند پایین را دنبال فرمائید:

قدم اولیه: تعیین فونت
آغاز به وب سایت Google Fonts بروید و فونت Roboto را کاوش فرمائید. بعداز آن، مدل متبوع خویش از این فونت را که مایلید در وبسایت خویش به کار گیری فرمائید، تعیین فرمائید.

font selection

قدم دوم: نسخه برداری پیوند فونت
پیوند مرتبط با فونت Roboto را اسکن نمائید، لینک و پیوند به صورت ذیل خواهد بود:

https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap
قدم سوم: اتصال با FileZilla
– FileZilla را گشوده نمائید و با به کار گیری از پروتکل FTP به وب سایت خویش متصل گردید. به مسیر تحت در وب سایت خویش بروید:

public-html/wp-content/themes/yourthemechild/functions.php
مطمئن گردید که yourthemechild را با اسم ظریف child theme خویش جایگزین کرده باشید.

connect with filezilla

قدم چهارم: بازنویسی پوشه functions.php
فولدر functions.php را گشوده کرده و کد پایین را به کدهای جان دار اضافه نمائید:

function add_my_font()

wp_enqueue_style( ‘add_my_font’, ‘https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap’, false );

add_action( ‘wp_enqueue_scripts’, ‘add_my_font’ )

قدم پنجم: تعریف و تمجید جای به کار گیری فونت در وردپرس
برای انتخاب جای ‌های به کارگیری از فونت Roboto در وب سایت، کد CSS تحت را به فولدر style.css وابسته به child theme خویش اضافه نمایید:

body, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: ‘Roboto’, sans-serif; }
این کد وردپرس را پند می‌نماید که فونت Roboto در بدنه متن و تیتر‌ها به شغل رود. اعتنا داشته باشید که پوسته‌های متفاوت ممکن میباشد نیاز به پیکربندی خاص خویش داشته باشند. در شرایطی‌که پیکربندی فوق با تم شما مطابقت ندارد، با گسترش‌دهنده تم خویش تماس بگیرید یا این که از ابزار پژوهش مرورگر خویش برای شناسایی راهبرد CSS ما یحتاج برای فونت‌هایتان استعمال نمایید.

تغییر‌و تحول فونت وردپرسی با استعمال از افزونهFonts Plugin | Google Fonts Typography
برای یوزرها سایت‌های وردپرسی که از تم‌های همگانی و مجانی به کار گیری می‌نمایند، قابلیت تغییر‌و تحول فونت از روش پلاگین‌هایی مانند فونت به یاد ماندنی یا این که Fonts Plugin | Google Fonts Typography وجود دارااست. این مقاله نحوه نصب، پیکربندی و نهایتا به کار گیری از پلاگین برای تغییر‌و تحول فونت‌ها را به شما یادگرفتن میدهد.

در داشبورد وردپرس به نصیب Plugins بروید و روی Add New کلیک فرمایید.

changing the wordpress font using a plugin

در بخش کاوش، عبارت Fonts Plugin | Google Fonts Typography را تایپ نمائید.

بعد از یافتن پلاگین (۴) روی دکمه Install Now کلیک نمایید.

برای فعال سازی پلاگین، دکمه activate را فشار دهید.

changing the wordpress font using a plugin

به قسمت Appearance و بعد Customize بروید تا ورقه لود گردد. به‌دنبال یک منوی تازه به اسم Fonts Plugin ظواهر گردد که شما می بایست وارد آن گردید.

changing the wordpress font using a plugin

در پیکربندی پلاگین، نصیب‌های font loading، advanced settings، basic settings و debugging را خواهید مشاهده کرد.

در basic settings از در میان بیش تر از ۱۴۰۰ فونت گوگل می توانید فونت پیش‌فرض را گزینش نمائید. همینطور قابلیت گزینش فونت برای هدینگ‌ها، دکمه‌ها و ورودی‌ها وجود داراست.

changing the wordpress font using a plugin

در نصیب Advanced Settingsمی‌توانید فونت تیتر و شعار وبسایت، فونت منوی ناوبری، فونت بدنه اساسی متن‌ها و هدینگ‌ها را منقطع تهیه و تنظیم نمایید.

changing the wordpress font using a plugin

در قسمت Content و نصیب Content Typography می توانید فونت بدنه اساسی متن ها (۱) و تیتر و هدینگ‌ها (۲) را بصورت جدا از هم تعیین فرمایید.

changing the wordpress font using a plugin

زبانه‌های Sidebar و Footer اذن تغییر تحول فونت هدینگ‌ها و بدنه متن این نصیب‌ها را می دهند. در بخش Load Fonts Only، می توانید فونت‌های متفاوت را فارغ از تغییر و تحول فونت تارنما بار گذاری و ملاحظه کنید.

changing the wordpress font using a plugin

بخش Debugging به شما امداد می‌نماید تا در شکل عدم اکران درست فونت‌ها، انگیزه را شناسایی و رفع فرمایید.

با فعال کردن مورد disable editor controlsکنترل‌های فونت از صفحه ها ویرایشگر حذف می گردند.

در منوی Font displayبا چهار مورد optional، fallback، block و swap روبرو میباشید که بسته به ذوق و سلیقه و نیاز خویش میتوانید یکی آنها را گزینش نمائید. با تعقیب کردن این قدم‌ها می توانید به سادگی و فارغ از نیاز به بازنویسی کد، فونت‌های وب سایت وردپرسی‌تان را تغییر و تحول دهید.