تبلیغات
طراحی و بهینه سازیمشاهده
هاست

ایجاد ستون‌ های محتوایی در ویرایشگر گوتنبرگ وردپرس با افزونه Gecko Grid Layout

افزونه ها , افزونه وردپرس

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

 

ستون های محتوایی در گوتنبرگ

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

 

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

 

اما خوشبختانه باز هم افزونه‌های وردپرس نجاتمان دادند! افزونه Gecko Grid Layout یکی از افزونه‌های کارآمدی است که به ما امکان ستون بندی محتوا در گوتنبرگ را می‌دهد. اما اینکه چگونه این کار را انجام می‌دهد، در ادامه با بیست اسکریپت همراه باشید تا این افزونه جالب را به شما آموزش دهیم.

 

ستون بندی محتوا در گوتنبرگ با افزونه Gecko Grid Layout

یکی از افزونه‌هایی که به ما کمک می‌کند صفحات جذاب‌تری در وردپرس با استفاده از گوتنبرگ بسازیم، افزونه Gecko Grid Layout است. این افزونه به راحتی بلوکی را به گوتنبرگ اضافه می‌کند که این بلوک، ستون‌هایی را به صفحه شما اضافه خواهد کرد و با استفاده از آن می‌توانید هر نوع بلوکی را در این ستون‌ها قرار دهید. این قابلیت باعث می‌شود بتوانید صفحات مورد نظر خود را به راحتی بصورت ستون های محتوایی در گوتنبرگ پیاده سازی کنید.

نصب و راه اندازی افزونه Gecko Grid Layout

ایجاد ستون‌ های محتوایی در ویرایشگر گوتنبرگ وردپرس با افزونه Gecko Grid Layout

ابتدا افزونه را از انتهای این آموزش دانلود کنید. سپس وارد پیشخوان وردپرس شده و از قسمت افزونه‌ها، روی “افزودن” کلیک کنید. در صفحه باز شده، دکمه “بارگذاری” را بزنید و پس از انتخاب فایل دانلود شده و آپلود آن، افزونه را فعال کنید.

 

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

ایجاد ستون‌ های محتوایی در ویرایشگر گوتنبرگ وردپرس با افزونه Gecko Grid Layout

حال وقتی بلوک به صفحه شما اضافه شد، می‌توانید ۲ ستون یا ۳ ستون را به صفحه اضافه کنید، یا اینکه طرح مورد نظر خود را بسازید.

ایجاد ستون‌ های محتوایی در ویرایشگر گوتنبرگ وردپرس با افزونه Gecko Grid Layout

ما برای شروع کار، ۳ ستون را به صفحه اضافه می‌کنیم. اکنون ۳ ستون اضافه می‌شود که هر یک دکمه + را دارند که با استفاده از آن می‌توانید هر یک از بلوک‌هایی که گوتنبرگ داراست را در هر یک از این ستون‌ها قرار دهید.

ایجاد ستون‌ های محتوایی در ویرایشگر گوتنبرگ وردپرس با افزونه Gecko Grid Layout

هر یک از ستون‌ها را که انتخاب کنید، در سمت چپ در قسمت بلوک، می‌توانید عرض آن ستون را تغییر دهید.

ایجاد ستون‌ های محتوایی در ویرایشگر گوتنبرگ وردپرس با افزونه Gecko Grid Layout

حال می‌توانید به تعداد نامحدود از این ستون‌ها اضافه کنید و محتوای خود را زیباتر نمایش دهید. ما برای مثال یک صفحه با این افزونه ساختیم که می‌توانید آن را مشاهده کنید. صفحه‌ای که ما با استفاده از افزونه Gecko Grid Layout ساختیم به شکل زیر است:

ایجاد ستون‌ های محتوایی در ویرایشگر گوتنبرگ وردپرس با افزونه Gecko Grid Layout

نتیجه نهایی

قرار دادن بلوک‌های گوتنبرگ در ستون بندی محتوا در گوتنبرگ یکی از استراتژی‌های کاربران وردپرس بوده است که این مشکل را افزونه Gecko Grid Layout به راحتی حل می‌کند. با استفاده از این افزونه می‌توانید به راحتی انواع بلوک‌های گوتنبرگ را در ستون بندی‌های مختلف به نمایش بگذارید که به آموزش استفاده از آن در این مقاله پرداختیم.

دانلود نسخه : 1.1.6


59 افزونه فارسی اورجینال فقط 59 هزارتومان ! ( در جشنواره تابستانی )


مطلب مفیدی بود ؟
نویسنده : mohammad 0 افزونه ها , افزونه وردپرس

لینک کوتاه مطلب : https://www.20script.ir/?p=43498

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
608۲ ویژگی جالب در نسخه جدید افزونه گوتنبرگ تاریخ : 1398/01/14
1,616آیا می‌دانید گوتنبرگ وردپرس چیست و چه کارایی دارد؟ تاریخ : 1397/10/9
936بررسی عملکرد افزونه Yoast SEO در وردپرس ۵ تاریخ : 1397/11/6
804افزودن امکانات جدید به گوتنبرگ با Advanced Gutenberg تاریخ : 1398/01/3
252لذت ویرایش سریع محتوا با Shortcut های وردپرس تاریخ : 1398/04/8
532توسعه ویرایشگر گوتنبرگ در وردپرس با افزونه Kadence Blocks تاریخ : 1398/02/17
732افزایش امکانات ویرایشگر گوتنبرگ وردپرس با افزونه Pro Icons تاریخ : 1398/01/14
1,056بهترین روش سفارشی‌ سازی ویرایشگر گوتنبرگ با افزونه Atomic Blocks تاریخ : 1397/12/5
1,284آیا گوتنبرگ می‌تواند جایگزین خوبی برای صفحه‌ساز وردپرس باشد؟ تاریخ : 1397/10/4
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب