خانه / وردپرس / آموزش وردپرس / آموزش ویرایش فونت قالب وردپرس
آموزش ویرایش فونت قالب وردپرس
آموزش ویرایش فونت قالب وردپرس

آموزش ویرایش فونت قالب وردپرس

آموزش ویرایش فونت قالب وردپرس رو میخواهی در اینجا مورد بررسی قراردهیم که میتونه آموزش وردپرس عالی و کاربردی برای شما وردپرس کاران باشد تا بتونید کنترل خود رو بر روی فونت متن , سایز متن و … داشته باشید و پیشنهاد می کنم که حتما با ما تا انتها همراه باشید

آموزش ویرایش فونت قالب وردپرس

دوستان در اموزش قبلی به شما ویرایش قالب وردپرس با استفاده از افزونه فایر باگ رو گفتیم که در اینجا هم پیشنهاد می کنم برای انجام استایل قالب این افزونه رو حتما دانلود و نصب کنید حالا ما گفتیم فونت قالب که در اینجا باید حتما فایل های style.css , rtl.css رو ویرایش نماییم با فارسی سازی قالب ممکنه کسی که فارسی سازی کرده است براش فایل rtl.css رو قرار داده باشه و شاید شما چندین فایل استایل داشته باشید که در پوشه های مختلف باشد

حالا یک متن میتونه خاصیت های مختلفی رو در css به خود بگیرید به صورت زیر :

font-family: Byekan , tahoma , arial;
font-size: 13px;
color: #333333;
letter-spacing: 2px;
text-align: right;
direction: rtl;
text-decoration: none;
text-transform: lowercase;
text-indent: 30px;
text-shadow: #FF6600 8px;
font-style: italic;
font-weight: 300px;

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

خاصیت font-family : دوستان برای این بوده است که شما فونت رو مشخص نمایید که در اینجا Byekan  بوده است و اگه نگاه کنید دو فونت دیگر هم پشت سرش با کامل قرار گرفته شده است و این برای زمانی بوده است که اگه اولی رو پیدا نکرد با دومی نمایش داده شود

خاصیت font-size : برای مشخص نمودن فونت سایز بوده است

خاصیت color : برای مشخص نمودن رنگ فونت بوده است

خاصیت letter-spacing : برای فاصله کاراکتر ها از سمت چپ بوده است

خاصیت text-align : برای تراز بندی متن به صورت راست , وسط و چپ بوده است

خاصیت direction : همانند قبلی برای تراز بندی می باشد که این مورد بیشتر در فارسی سازی استفاده می شود

خاصیت text-decoration : دوستان حتما لینک ها رو دیده اید که در زیرشون خط دارند در کد بالا  text-decoration به صورت none بوده است تا این خط حذف گردد

خاصیت text-transform : جهت کوچپ و یا بزرگ کردن حرف های انگلیسی بوده است

خاصیت text-indent : برای مشخص نمودن تو رفتگی متن بوده است

خاصیت text-shadow : سایه دار کردن متن

خاصیت font-style : برای استایل فونت بوده است که برای مثال italic کمی کج می کند

خاصیت font-weight : برای عرض کاراکتر بوده است

افزودن فونت دلخواه به قالب یا صفحه ی وب

جهت انجام اینکه فونت رو در صفحه فونت قرار دهید باید ابتدا در css معرفی شوند با 3 فرمت مختلف که در زیر مابرای مثال Byekan رو قرار دادیم  که باید این فونتها رو هم در دسترسی داشته باشید که میتونید با سرچ در گوگل آنها رو داشته باشید

BYekan.eot
BYekan.ttf
BYekan.woff

همانطور که گفتیم مثال ما بی یکان بود که ما برای مثال در پوشه font قرار داده و در قالب وردپرس خود قرار دهیم بعد این کار باید style.css رو باز و آدرس فونتها رو بهش بدیم

معرفی فونت دلخواه به فایل استایل

دوستان به فایل style.css مراجعه نمایید و بعد کد کاربردی وردپرس زیر رو در بعد از اطلاعات قالب یعنی همون ابتدای صفحه نام قالب , طراح , ورژن و …. قرار دهید

@font-face {
font-family: 'BYekan';
src: url('font/BYekan.eot?#') format('eot'),  /* IE6?8 */
url('font/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('font/BYekan.ttf') format('truetype');  /* Saf3?5, Chrome4+, FF3.5, Opera 10+ */
}

نکته : دوستان گفتیم که Byekan  رو در پوشه فونت font جهت معرفی به صورت بالا است که اگه بیش از یکی بود باید کدش رو در زیر کد بالا قرار بدید

حالا میتونید به سراغ افزونه فایر باگ رفته و فونتها رو پیدا و تغییر بدید

منبع : قالب وردپرس

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *