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





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

ایجاد ستون‌ های محتوایی در ویرایشگر گوتنبرگ وردپرس با افزونه 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 به راحتی حل می‌کند. با استفاده از این افزونه می‌توانید به راحتی انواع بلوک‌های گوتنبرگ را در ستون بندی‌های مختلف به نمایش بگذارید که به آموزش استفاده از آن در این مقاله پرداختیم.

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

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

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

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

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

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=43498
کلمات کلیدی پست :
مطالب مرتبط
10,312بهترین روش سفارشی‌ سازی ویرایشگر گوتنبرگ با افزونه Atomic Blocks تاریخ : 2019/02/24
9,600افزودن امکانات جدید به گوتنبرگ با Advanced Gutenberg تاریخ : 2019/03/23
6,680لذت ویرایش سریع محتوا با Shortcut های وردپرس تاریخ : 2019/06/29
11,096آیا می‌دانید گوتنبرگ وردپرس چیست و چه کارایی دارد؟ تاریخ : 2018/12/30
6,464بررسی عملکرد افزونه Yoast SEO در وردپرس ۵ تاریخ : 2019/01/26
5,708۲ ویژگی جالب در نسخه جدید افزونه گوتنبرگ تاریخ : 2019/04/3
8,136آیا گوتنبرگ می‌تواند جایگزین خوبی برای صفحه‌ساز وردپرس باشد؟ تاریخ : 2018/12/25
9,212توسعه ویرایشگر گوتنبرگ در وردپرس با افزونه Kadence Blocks تاریخ : 2019/05/7
8,608قالب وبلاگی وردپرس Carrino مخصوص گوتنبرگ تاریخ : 2020/01/24
7,904افزایش امکانات ویرایشگر گوتنبرگ وردپرس با افزونه Pro Icons تاریخ : 2019/04/3
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب