شما اینجا هستید: 🏠 فهرست انجمن 
نیازمندی ها کامپیوتر نرم افزار و بازی آموزش تغییر فونت قالب وردپرس با حفظ ساختار و بدون بهمریختگی
نیازمندی ها کامپیوتر نرم افزار و بازی آموزش تغییر فونت قالب وردپرس با حفظ ساختار و بدون بهمریختگی|
خوش آمديد,
مهمان
|
بخش نرم افزار و بازی انجمن، فضایی است برای تبادل اطلاعات و دانش در زمینههای مختلف نرمافزار و بازی کامپیوتری. کاربران میتوانند سوالات، مشکلات و چالشهای خود در زمینه برنامهنویسی، بازیهای کامپیوتری، کار با نرمافزارهای مختلف، مشکلات کامپیوتر، شبکه و طراحی سایت را مطرح کنند.
موضوع: آموزش تغییر فونت قالب وردپرس با حفظ ساختار و بدون بهمریختگی
آموزش تغییر فونت قالب وردپرس با حفظ ساختار و بدون بهمریختگی 7 ماه 3 هفته قبل #1
 تجربه موفق تغییر فونت قالب وردپرس بدون بهمریختگیدرود فراوان در حال طراحی یک سایت وردپرسی برای دوستان بودم که با مشکل ناسازگاری فونتها در بخشهای مختلف قالب و افزونهها مواجه شدم. بعضی متنها فونت دلخواه رو نمیگرفتن، مخصوصاً داخل ویجتها، فرمها یا بخشهایی که توسط افزونهها ساخته شده بودن. بعد از کلی آزمون و خطا، به این کد رسیدم که واقعاً مؤثر بود. با همین چند خط تونستم فونت کل سایت رو به فونت دلخواه (Vazir) تغییر بدم، بدون اینکه قالب بهم بریزه یا استایلهای پیشفرض افزونهها خراب بشن. مزیت این روش اینه که: فونت بهصورت سراسری روی همه المنتهای متنی اعمال میشه. هم داخل افزونهها و قالبهای پیچیده هیچ تداخلی با ساختار قالب یا چیدمان عناصر ایجاد نمیکنه هر متنی که در هر جای سایت نمایش داده بشه، فونت جدید رو میگیره نیازی به ویرایش فایلهای افزونه یا قالبهای فرعی نیست برای اینکه این تجربه بمونه و شاید به درد دیگران هم بخوره، اینجا آموزش کاملش رو مینویسم: مسیر آپلود فونتها:در پوشه قالب وردپرسی، یک پوشه با نام fonts بسازید و ۳ فایل فونت که ضمیمه شده را داخلش آپلود کنید:
کد CSS برای تعریف فونت:در انتهای فایل style.css قالب وردپرس، این کد رو اضافه کنید: اعمال فونت به تمام المنتهای متنی، حتی داخل افزونهها و قالبهای پیچیده @font-face {
font-family: 'Vazir';
src: url('fonts/Vazir.woff2') format('woff2'),
url('fonts/Vazir.woff') format('woff'),
url('fonts/Vazir.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* اعمال فونت به تمام المنتهای متنی، حتی داخل افزونهها و قالبهای پیچیده */
*,
*::before,
*::after {
font-family: 'Vazir', sans-serif !important;
}
یا اگر مشکل نمایش آیکون داشتین کد قبل را حذف و این کد قرار بدین اعمال فونت فقط به المنتهای متنی عمومی @font-face {
font-family: 'Vazir';
src: url('fonts/Vazir.woff2') format('woff2'),
url('fonts/Vazir.woff') format('woff'),
url('fonts/Vazir.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* اعمال فونت فقط به المنتهای متنی عمومی */
body,
p, span, div:not([class*="icon"]):not(.fa):not(.fab):not(.fas):not(.far):not(.dashicons):not(.material-icons):not(.flaticon):not(.et-icon):not(.wp-menu-image):not(.nav-search):not(.social-profiles):not(.dash-search-toggle),
h1, h2, h3, h4, h5, h6,
li, a, td, th, input, textarea, button,
blockquote, cite, label, strong, em {
font-family: 'Vazir', Tahoma, sans-serif !important;
}✅ نتیجه:
اگر سوالی داشتید یا خواستید فونت دیگهای استفاده کنید، خوشحال میشم کمک کنم.
این پیام دارای یک فایل پیوست است.
|
|
|
✅ از اینکه این انجمن را برای بحث و تبادل نظر انتخاب کردهاید، سپاسگزارم. / حسین صباغی
قوانین انجمن | ثبت نام در انجمن |
🔔 آخرین ارسال های انجمن:
|
|
استفاده یا کپی برداری از محتوا، قالب، ایده ها و سایر عناصر مرتبط با این انجمن، چه به صورت الکترونیکی، چاپی، فتوکپی یا هر روش دیگری، ممنوع است. این ممنوعیت شامل استفاده، تکثیر یا انتقال این موارد است. باید توجه داشت که مطالب منتشر شده در این انجمن گفتگو لزوما نظر حسین صباغی نیست و مسؤولیت آن به عهده نویسنده مطلب است.
