تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
تبلیغات
تبلیغات تبلیغات

حل مشکل جاستیفای در وردپرس و justify کردن متن در گوتنبرگ

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

سلام خب بدون مقدمه بریم سر اصل مطلب. اگر سایت وردپرسی داشته باشید که به نسخه ۵ وردپرس آپدیت شده قطعا دیگه نمی‌تونید از ویرایشگر قدیمی وردپرس استفاده کنید مگر اینکه افزونه Disable Gutenberg رو نصب کرده باشید. شاید هم مثل من دوست دارید با گوتنبرگ تولید محتوا کنید. پس مشکلی خواهید داشت که هر طور فکرش رو کنید قابل حل نیست! البته هیچ مشکلی بدون راه حل نیست پس امروز قصد دارم به شما نحوه justify کردن متن در گوتنبرگ رو توضیح بدم و بگم چطور جاستیفای کردن متن در وردپرس رو انجام بدید.

 

حل مشکل جاستیفای در وردپرس

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

 

یک راه حل جامع: حل مشکل با CSS

برای حل این مشکل کافیست یک قطعه کد CSS به قالب سایت اضافه کنیم. اگر با CSS آشنایی ندارید مقالات آموزش طراحی سایت ما رو بخونید اما خیلی هم مهم نیست. چون فقط کافیه یک تکه کد ساده به قالب اضافه کنیم.

 

از بخش نمایش > ویرایشگر رو کلیک کنید.

حل مشکل جاستیفای در وردپرس و justify کردن متن در گوتنبرگ

حالا کافیست فایل style.css رو از منوی سمت چپ صفحه کلیک کنید تا بتونید استایل قالب رو تغییر بدید.

و این کد رو به انتهای این فایل اضافه کنید:

p{text-align:justify}

بعد از اضافه کردن کد بالا به style.css قالب سایت، باید روی گزینه ذخیره تغییرات کلیک کنید.

به همین راحتی! حالا کافیست سایتتون رو ببینید و مشاهده کنید که تمام پاراگراف‌های سایت در نوشته و برگه و غیره جاستیفای شدند. راستی! اگر این تغییرات رو مشاهده نکردید حتما کش سایت رو خالی کنید و با یک سیستم دیگه هم تست کنید.

موفق باشید.

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 2.3 / 5. تعداد رای : 3

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=46757
کلمات کلیدی پست :
مطالب مرتبط
11,868سئو وردپرس با متا تگ های Open Graph تاریخ : 2018/04/11
4,668نمایش تعداد کلمات محتوا در وردپرس تاریخ : 2021/04/18
9,433آموزش ساخت منوهای ریسپانسیو در وردپرس Burger Menu تاریخ : 2017/11/27
5,428نمایش عنوان پست با طول محدود در وردپرس تاریخ : 2018/06/6
8,249کد نمایش تبلیغات در بین متن در ادامه مطالب وردپرس تاریخ : 2017/01/16
3,632غیرفعال سازی انتخاب رنگ نوار ابزار در پیشخوان وردپرس تاریخ : 2019/05/2
5,316غیرفعال کردن جستجوی برگه‌ها در وردپرس تاریخ : 2018/06/10
6,608افزونه ووکامرس برای بارگذاری محصولات Load More Products تاریخ : 2018/11/13
6,840حل مشکل واکنش گرایی ویدئو پلیر وردپرس تاریخ : 2015/07/16
4,588Long Scrolling چیست و چه مزایایی دارد؟ تاریخ : 2019/01/24
4,212حل خطای Serve Scaled Images در GTMetrix تاریخ : 2019/06/18
8,356ارسال پوش نوتیفیکیشن یا Push Notification در وردپرس تاریخ : 2019/05/20
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
سئو سایت
تبلیغات