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

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

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

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

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

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

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

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

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

  افزودن 18 بلوک کاربردی در گوتنبرگ وردپرس با افزونه Advanced Gutenberg

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

Gecko Grid Layout- بلوک متنی در گوتنبرگ

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

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

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

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

culomns- ستون محتوایی

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

add block- ستون بندی محتوا در گوتنبرگ

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

width- بلوک های محتوایی

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

block- ساخت ستون در گوتنبرگ

نتیجه نهایی

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

دانلود افزونه Gecko Grid Layout

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

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

313,342 نفر

پاسخی بگذارید

مطالب زیر را حتما بخوانید

دوره‌های آموزشی