14 افزونه برای اضافه کردن بلوک های بیشتر به ویرایشگر گوتنبرگ وردپرس
در این مقاله بهترین افزونه های بلوک های گوتنبرگ وردپرس برای اضافه کردن بلوک های بیشتر به ویرایشگر گوتنبرگ وردپرس را معرفی می کنیم.
ویرایشگر گوتنبرگ وردپرس ویرایشگری است که با وردپرس 5 عرضه شده و جایگزین ویرایشگر قبلی TinyMCE گردید. این ویرایشگر با ارائه ویژگی های فراوان، روش کاملاً جدیدی را برای تولید محتوا ایجاد کرده است.
در ویرایشگر گوتنبرگ وردپرس، هر تکه از محتوا یک بلوک است. شما می توانید بلوک ها را در محتوای خود اضافه یا حذف کنید. به عبارت دیگر ویرایشگر گوتنبرگ وردپرس بیشتر شبیه صفحه سازی است که می توانید بلوک های مختلف را در آن کشیده و رها کنید.
بلوک های مختلفی در ویرایشگر گوتنبرگ وردپرس عرضه شده است که می توان به بلوک تصویر، پاراگراف، عنوان، ستون، گفتاورد و کشیدن نقل قول و بسیاری بلوک های دیگر اشاره کرد. هر بلوک تنظیمات و گزینه های ویرایش مخصوص به خود را دارد.
بهترین ویژگی گوتنبرگ این است که توسعه دهندگان می توانند بلوک های مختلفی ساخته و به آن اضافه کنند. این بلوک ها قابلیت ویرایشگر گوتنبرگ را به میزان قابل ملاحظه ای افزایش می دهند.
در این مقاله 16 افزونه کاربردی که جزء بهترین افزونه های بلوک های گوتنبرگ هستند را به شما معرفی می کنیم. این افزونه ها با اضافه کردن بلوک های کاربردی قابلیت ویرایشگر گوتنبرگ را گسترش داده و به شما امکان می دهند از این ویرایشگر بهترین نتیجه را کسب کنید.
معرفی بهترین افزونه های بلوک های ویرایشگر گوتنبرگ وردپرس
Ultimate Blocks (بهترین افزونه های رایگان بلوک های گوتنبرگ وردپرس)
Ultimate Blocks یکی از بهترین افزونه های وردپرس برای اضافه کردن بلوک های گوتنبرگ است که بلوک های مفید متعددی را به این ویرایشگر اضافه کرده و به شما کمک می کند محتوای بهتر و جذاب تری را با آن ایجاد کنید. این افزونه برای وبلاگ نویسان و بازاریابان محتوا بسیار مناسب می باشد.
افزونه Ultimate Blocks در حال جاضر دارای 18 بلوک زیر است:
- Table Of Contents (فهرست مطالب)
- Content Filter (فیلتر محتوا)
- Content Toggle
- Tabbed Content (محتوای تب بندی شده)
- Star Ratings (رتبه بندی ستاره)
- Social Share (اشتراک گذاری در شبکه های اجتماعی)
- Review (Schema Markup Enabled) (بررسی محصول همراه با نشانه گذاری اسکیما)
- Call To Action (فراخوان عمل)
- Feature Box (باکس شاخص)
- Notification Box (باکس نوتیفیکیشن)
- Number Box (باکس عدد)
- Testimonial (توصیه محصول)
- Click to Tweet (کلیک برای توئیت)
- Countdown (شمارش معکوس)
- Progress Bar (نوار پیشرفت)
- Star Rating
- Button (Improved) (دکمه)
- Divider (تقسیم کننده)
افزونه Ultimate Blocks به شما امکان می دهد بلوک ها را به صورت مجزا فعال یا غیرفعال کنید تا سرعت سایت شما حفظ شود. این افزونه به صورت رایگان در دسترس بوده و بلوک های جدیدی نیز در حال ساخت هستند. اگر یک وبلاگ نویس یا یک بازاریاب محتوا هستید، افزونه Ultimate Blocks انتخاب مناسبی برای شما است.
Ultimate Addons for Gutenberg (بهترین افزونه های رایگان بلوک های گوتنبرگ وردپرس)
Ultimate Addons for Gutenberg از محبوب ترین افزونه های بلوک های گوتنبرگ در مخزن وردپرس است که توسط تیم Brainstorm Force، تیم توسعه دهنده قالب Astra، افزونه های Convert Pro، Schema Pro، Ultimate addons for Beaver Builder و افزونه Ultimate Addons for Elementor ، طراحی شده است.
این افزونه مجموعه ای از بلوک های کاربردی را به ویرایشگر گوتنبرگ وردپرس اضافه می کند. بلوک های ارائه شده در این افزونه بسیار منحصر به فرد و ساده هستند. 17 بلوک در این افزونه ارائه شده است که عبارتند از:
- Section (بخش)
- Multi Buttons (چند دکمه ای)
- Advanced Heading (عنوان پیشرفته)
- Post Grid (شبکه بندی نوشته)
- Post Masonry (کاشی بندی نوشته)
- Infobox (باکس اطلاعات)
- Google Map (نقشه گوگل)
- Team (تیم)
- Content Timeline (تایم لاین محتوا)
- Social Share (اشتراک گذاری شبکه های اجتماعی)
- Testimonial (توصیه محصول)
- Post Timeline (تایم لاین نوشته)
- Restauran Menu (منوی رستوران)
- Call To Action (فراخوان عمل)
- Advanced Columns (ستون های پیشرفته)
- Icon List (لیست آیکون)
- Price List (لیست قیمت)
بلوک های ارائه شده در افزونه Ultimate Addons for Gutenberg بسیار منحصر به فرد و خاص هستند و به شما کمک می کنند صفحات جذابی در وب سایت خود بسازید. رابط کاربری آسان و گزینه های شخصی سازی متعدد ساخت صفحات را بسیار آسان کرده و شما می توانید بدون نوشتن یک خط کد، وب سایت کاملی داشته باشید.
نقطه ضعف افزونه Ultimate Addons for Gutenberg این است که بسیاری از طرح بندی های پیش ساخته آن با قالب Astra گره خورده است.
این افزونه به صورت رایگان عرضه شده است و بهینه سازی شده برای عملکرد سایت هستند. بنابراین نگرانی بابت سرعت وب سایت خود نداشته باشید.
Getwid Gutenberg blocks
Getwid یک کتابخانه گسترده از بلوک های محتوای چند منظوره است که آن را برای هر نوع وب سایتی شامل وب سایت های شرکتی، صفحات فرود، ای کامرس (تجارت الکترونیک)، وبلاگ ها، وب سایت های تجاری کوچک قابل اجرا است.
این افزونه توسط MotoPress ، تیمی با بیش از 6 سال تجربه در طراحی و توسعه صفحه سازهایی با کاربری آسان و ابزارهای ویرایش محتوا برای وردپرس، ایجاد شده است.
Getwid با ارائه بیش از 24 بلوک، تاکنون یکی از بزرگترین مجموعه بلوک ها را برای ویرایشگر گوتنبرگ عرضه کرده است. این افزونه با تمام قالب های وردپرس کار می کند زیرا هر یک از بلوک های گوتنبرگ ساخته شده با Getwid به طور خودکار سبک قالب مورد استفاده شما را به ارث می برد و از نظر ارگانیک با سایر مطالب شما تناسب پیدا می کند.
مهمترین مزایای استفاده از Getwid عبارت است از:
- کتابخانه بزرگ قالب های پیش ساخته که با یک کلیک می توانید از آن استفاده کنید.
- بلوک های بسیار سبک وزن برای بالا نگه داشتن متریک های کارایی سایت شما
- بلوک قدرتمند Section که به شما اجازه تولید طرح بندی های پیچیده را با هر بلوکی می دهد.
- بلوک Instagram ادغام شده که نیاز شما به دیگر افزونه های اینستاگرام وردپرس را از بین می برد.
- نقشه گوگل درون ساخته
- پشتیبانی طرح بندی های تمام صفحه و عریض
- فاصله گذاری قابل تنظیم برای دستگاه های مختلف
- و بسیاری ویژگی های دیگر
این افزونه به صورت رایگان عرضه شده است.
Atomic blocks: Addons for Gutenberg editor
Atomic Blocks یکی دیگر از بهترین و محبوب ترین افزونه های بلوک های گوتنبرگ است که توسط تیم Array Themes عرضه شده است. این افزونه شامل 11 بلوک مختلف برای ویرایشگر گوتنبرگ است که کنترل بیشتری را روی این ویرایشگر می دهد.
- Post Grid (شبکه بندی نوشته)
- Container (کانتینر)
- Testimonial (توصیه محصول)
- Inline Notice (اعلامیه درون خطی)
- Accordion (آکاردئون)
- Share Icons (آیکون های اشتراک گذاری در شبکه های اجتماعی)
- Call-to-action (فراخوان عمل)
- Customizable Button (دکمه قابل سفارشی سازی)
- Space & Divider (فضاساز و مقسم)
- Author Profile (پروفایل نویسنده)
- Drop Cap
بلوک های عرضه شده توسط این افزونه به شما کمک می کنند بتوانید نوشته ها و برگه های بسیار زیبایی ایجاد کنید. اکثر بلوک های این افزونه مشابه دیگر افزونه های معرفی شده در این مقاله است اما بلوک هایی مانند خبرنامه ایمیل و ستون قیمت گذاری دارد که آن را متفاوت می کند. افزونه Atomic Blocks با هر قالبی کار می کند.
Advanced Gutenberg
Advanced Gutenberg یکی از بهترین افزونه های بلوک های گوتنبرگ وردپرس است که توسط تیم JoomUnited عرضه شده است. این افزونه بلوک های گوتنبرگ بسیار جذابی را ارائه می دهد. بعضی از بلوک ها واقعاً منحصر به فرد هستند و در دیگر افزونه های مشابه نمی توان نظیر آن را پیدا کرد.
افزونه Advanced Gutenberg 19 بلوک مختلف شامل موارد زیر را ارائه می دهد.
- Latest Post Slider (اسلایدر آخرین نوشته ها)
- Latest WooCommerce Product Slider (اسلایدر آخرین محصولات ووکامرس)
- Advanced Button (دکمه پیشرفته)
- Contact Form (فرم تماس)
- Advanced List (لیست پیشرفته)
- Map (نقشه)
- Advanced Table (جدول پیشرفته)
- Accordion (آکاردئون)
- Tabs (تب ها)
- Testimonial (توصیه ها)
- Counter (شمارنده)
- Advanced Image (تصویر پیشرفته)
- Advanced Video (ویدئو پیشرفته)
- Separator (جدا کننده)
- Social Links (لینک های شبکه های اجتماعی)
- Lightbox Effect (افکت لایت باکس)
- Image Information In A Lightbox (اطلاعات تصویر در یک لایت باکس)
- Gutenberg Post Summary (خلاصه نوشته های گوتنبرگ)
این افزونه تنها بلوک های مختلف را عرضه نمی کند. شما با استفاده از افزونه Advanced Gutenberg می توانید پروفایل ایجاد کرده و کاربران یا گروه ها را به آن پروفایل اختصاص دهید. همچنین به شما امکان می دهد رنگ آیکون های گوتنبرگ را انتخاب کرده و استایل سفارشی CSS که به بلوک های پاراگراف اعمال می شود را تعریف کنید.
مجموع ویژگی های افزونه Advanced Gutenberg به شما در افزایش قابلیت های ویرایشگر گوتنبرگ کمک می کند. این افزونه به صورت رایگان در دسترس است.
Advanced Gutenberg Blocks
Advanced Gutenberg Blocks یکی از بهترین افزونه های بلوک های گوتنبرگ است که می توانید از آن استفاده کرده و ویرایشگر گوتنبرگ خود را ارتقا دهید.
این افزونه دارای 16 بلوک مختلف است و همچنین به شما امکان می دهد بلوک های ویرایشگر گوتنبرگ را غیرفعال کنید. همچنین گزینه هایی وجود دارد که به شما امکان سفارشی سازی ویرایشگر را می دهد.
بلوک های موجود در افزونه Advanced Gutenberg Blocks عبارتند از:
- Notice (اطلاع)
- Post (نوشته)
- WooCommerce Product (محصولات ووکامرس)
- WooCommerce Add To Cart Button (دکمه افزودن به سبد خرید ووکامرس)
- Banner Ad (بنر تبلیغاتی)
- Text + Rectangle Ad (تبلیغ مستطیلی و متن)
- WordPress Plugin Card (کارت افزونه وردپرس)
- Website Card Preview (پیش نمایش کارت وب سایت)
- Testimonial (توصیه محصولات)
- Google Map (نقشه گوگل)
- Click to tweet (کلیک برای توئیت)
- Table of Contents (فهرست مطالب)
- Intro (معرفی)
- Giphy
- Unsplash
- Code
این افزونه رایگان و بسیار سبک است. یک نکته جالب در مورد این افزونه این است که قابل گسترش است. این بدان معنی است که می توانید بلوک های خود را ایجاد کرده و آنها را ثبت کنید.
CoBlocks
CoBlocks یکی از بهترین افزونه های بلوک های ویرایشگر گوتنبرگ است که ادعا می کند افزونه صفحه ساز بلوک های گوتنبرگ است. این افزونه بلوک های جذابی را به همراه ویژگی های سفارشی سازی مختلف ارائه می دهد.
11 بلوک مختلف که توسط این افزونه ارائه شده است عبارتند از:
- Resizable Rows/Columns (ستون ها/ردیف های قابل تنظیم)
- Accordion (آکاردئون)
- Alert (هشدار)
- Author Profile (پروفایل نویسنده)
- Click to tweet (کلیک برای توئیت کردن)
- Dynamic separator (جدا کننده دینامیکی)
- Gif
- Github Gist
- Highlight (هایلایت)
- Pricing Table (جدول قیمت گذاری)
- Social Sharing (اشتراک گذاری شبکه های اجتماعی)
در مقایسه با سایر افزونه های بلوک های گوتنبرگ که در این مقاله ارائه شد، CoBlocks تعداد بلوک های زیادی را ارائه نمی دهد. اما این افزونه کنترل های تایپوگرافی بسیار خوبی را ارائه می دهد که به شما امکان تنظیم فونت ها، اندازه و وزن آنها و موارد دیگر را می دهد.
افزونه CoBlocks به صورت رایگان در دسترس است
Stackable
Stackable یکی دیگر از بهترین افزونه های بلوک های گوتنبرگ است که با بلوک های محتوای عالی اش به شما در ساخت صفحات فرود زیبا برای وب سایت وردپرسی تان کمک می کند.
این فزونه بیش از 20 بلوک محتوا شامل موارد زیر را ارائه می دهد:
- Container (کانتینر)
- Posts (نوشته ها)
- Feature Grid (شبکه ویژگی)
- Accordion (آکاردئون)
- Image Box (باکس تصویر)
- Feature (ویژگی)
- Icon List (لیست آیکون)
- Call To Action (فراخوان عمل)
- Card (کارت)
- Header (عنوان)
- Divider (تقسیم کننده)
- Count Up (جمع بندی)
- Video Popup (پاپ آپ ویدئو)
- Pricing (قیمت گذاری)
- Testimonial (توصیه محصول)
- Team Members (اعضا تیم)
- Notification (نوتیفیکیشن)
- Number Box (باکس عدد)
- Expand/Show More Box (باکس نمایش بیشتر)
- Button (دکمه)
- Blockquote (نقل قول بلاک)
- Spacer (فاصله گذار)
این افزونه رایگان است و بلوک های ارائه شده توسط آن کاملاً رسپانسیو بوده و قابل نمایش در دستگاه های تلفن همراه و تبلت است.
Otter Blocks
Otter Blocks یکی از بهترین افزونه های بلوک های گوتنبرگ است که به شما امکان می دهد تقریباً برای هر بلوکی به عمق طرح بندی و استایل دهی بروید. بنابراین اگر به یک ابزار طراحی پیشرفته وردپرس احتیاج دارید ، Otter برای شما بسیار مناسب است. اگرچه تعداد بلوک های موجود در این افزونه در مقایسه با سایر افزونه ها کمتر است اما قابلیت های سفارشی سازی و رویکرد کلی طراحی در این افزونه از دیگر افزونه ها برجسته تر است.
Otter یک راهنمای گام به گام در اختیار شما قرار می دهد که به شما کمک می کند با پیکربندی تنظیمات اصلی، بسیار سریعتر و آسان تر با Otter Blocks شروع به کار کنید.
برخی از مزایای استفاده از این افزونه عبارت است از:
- طرح بندی های از پیش ساخته برای ایجاد یک ساختار حرفه ای وب سایت.
- کتابخانه ای از چندین صفحه از پیش طراحی شده برای اهداف مختلف.
- پانل پیکربندی ساختار یافته برای طرح بندی، استایل ها و سبک های پیشرفته.
- یک بلوک آیکون Font Awesome با قابلیت تنظیم بالا.
- مجموعه ای از گزینه های انیمیشن برای همه بلوک ها.
- تنظیمات تایپوگرافی عالی.
- ادغام شده با Google Maps
همانطور که ذکر شد تعداد بلوک های این افزونه محدود است.
Kadence Blocks
افزونه هایی که تاکنون در این مقاله معرفی شدند، بلوک های جدیدی را به ویرایشگر گوتنبرگ اضافه می کنند. اما Kadence Blocks با این افزونه ها بسیار متفاوت است. این افزونه بلوک هایی را ارائه می دهد که به شما امکان می دهد به راحتی طرح بندی های سفارشی را طراحی کنید ، بنابراین نیازی به بهترین صفحه سازهای وردپرس ندارید.
برخلاف بسیاری از رقبا، Kadence Blocks به شما اجازه شروع کار با یک ساختار طرح بندی پیش ساخته را می دهد و از این لحاظ بسیار به افزونه Elementor شباهت دارد.
ویژگی خاص دیگر افزونه Kadence Blocks این است که یک کتابخانه طرح بندی های از پیش ساخته دارد که اگر نیاز به ساخت سریع یک صفحه حرفه ای با گوتنبرگ را داشته باشید می توانید از آن استفاده کنید.
بلوک های ارائه شده در این افزونه به شما امکان می دهد ستون های خود را کنترل کنید و حتی با ویرایش پیش زمینه آنها، اضافه کردن پوشش gradient و موارد دیگر، آنها را سفارشی کنید.
بلوک های ارائه شده توسط افزونه Kadence Blocks عبارتند از:
- Row Layout (طرح بندی ردیف)
- Advanced Heading (عنوان پیشرفته)
- Advanced Button (دکمه پیشرفته)
- Tabs (تب ها)
- Icons (آیکون ها)
- Spacer / Divider (فضا ساز/تقسیم کننده)
این افزونه به صورت رایگان عرضه شده است و راهی عالی برای گسترش قابلیت های ویرایشگر گوتنبرگ است.
The Map Gutenberg block
افزونه The Map Gutenberg block یک نقشه گوگل به وب سایت شما اضافه می کند. این افزونه به هیچ پیکربندی و تنظیمات خاصی نیاز ندارد. بنابراین اگر بلوک دیگری غیر از نقشه گوگل نیاز ندارید می توانید از این افزونه استفاده کنید. به این ترتیب نیازی به دیگر افزونه های نقشه گوگل وردپرس نخواهید داشت.
WooCommerce Product block Gutenberg addon (بهترین افزونه های رایگان بلوک های گوتنبرگ وردپرس)
افزونه WooCommerce یکی از بهترین افزونه های ای کامرس وردپرس است که به کاربران کمک می کند تا ویژگی های تجارت الکترونیک را در وب سایت وردپرسی خود ادغام کنند. ویرایشگر گوتنبرگ به کاربران اجازه می دهد تا محتواها را با فایل های متنی و چندرسانه ای ایجاد کنند.
افزونه WooCommerce Product block Gutenberg addon کمک می کند تا کاربران بتوانند با اضافه کردن یک بلوک جدید در ویرایشگر گوتنبرگ، هر محصولی را در صفحه خود نمایش دهند.
همچنین کاربر با استفاده از فیلترهای مناسبی که توسط این افزونه تهیه شده است، می تواند یک یا چند محصول را شاخص کند. افزونه WooCommerce Product block Gutenberg addon داده های نمونه را ارائه کرده است تا کاربران بتوانند از نحوه نمایش و ظاهر محصول خود آگاهی پیدا کرده و بفهمند که با گزینه های موجود در این افزونه چه کاری انجام دهند تا محصول آنها جذاب تر و کاربر پسند تر شود.
TinyMCE Advanced (بهترین افزونه های رایگان بلوک های گوتنبرگ وردپرس)
TinyMCE Advanced یک افزونه محبوب است که ویرایشگر قدیمی کلاسیک را با ارائه گزینه های قالب بندی بیشتر بهبود می بخشد. این افزونه برای پشتیبانی از ویرایشگر گوتنبرگ وردپرس بروزرسانی شده است.
در حال حاضر افزونه TinyMCE Advanced گزینه های فرمت بندی و استایل دهی بیشتری را در بلوک های پیش فرض گوتنبرگ ارائه می دهد. به عنوان مثال دکمه های فرمت بندی جدیدی را در نوار ابزار با امکان انتخاب فونت قرار داده است. همچنین می توانید دکمه های مورد نظر خود را در نوار ابزار تنظیم کنید.
برای کسب طلاعات بیشتر درباره این افزونه و نحوه استفاده از آن مقاله آموزش افزونه TinyMCE Advanced را مطالعه کنید.
Toolset block (بهترین افزونه های پرمیوم بلوک های گوتنبرگ وردپرس)
Toolset تنها افزونه ای است که با استفاده از آن می توانید بدون برنامه نویسی، محتوای پویا را در گوتنبرگ ایجاد کنید. محتوای دینامیکی به وردپرس اجازه می دهد تا اطلاعات صحیح را برای هر نوشته جمع آوری کند. بدون این محتوا، وردپرس صرف نظر از پستی که روی آن کلیک کرده اید، یک مطالب یکسان را نمایش می دهد.
به عنوان مثال ، اگر در مورد تعطیلات به مقصد های مختلف پست دارید، انتظار دارید که با کلیک بر روی هر مکان، به جای اینکه اطلاعات یکسان و مشابه نشان داده شود، اطلاعات مربوط به آن مکان به معرض نمایش گذاشته شود.
در تصویر زیر مشاهده می کنید که بلوک “Heading” پویا است. به این معنی که هر سالن ورزشی نام خود را نشان می دهد.
Toolset مجموعه ابزارهای دینامیکی زیر را ارائه می دهد:
- Heading (عنوان)
- Single field (فیلد تکی)
- Image (تصویر)
- View (چشم انداز)
- Button (دکمه)
- Content template (قالب محتوا)
- Form (فرم)
- Map (نقشه)
- Audio (صوت)
- Conditional (شرطی)
- Container (کانتینر)
- Countdown (شمارش معکوس)
- Fields and Text (فیلدها و متن)
- Progress indicator (شاخص پیشرفت)
- Repeating field/gallery (تکرار فیلد/گالری)
- Social share (اشتراک گذاری در شبکه های اجتماعی)
- Star rating (رتبه بندی ستاره دار)
- Video (ویدئوها)
Toolset بلوک های منحصر به فردی را ارائه می دهد. بلوک Container این افزونه به شما امکان می دهد تا گروه های مختلف بلوک ها از جمله فونت، پس زمینه و حتی استایلینگ را استایل دهی کنید. علاوه بر این، بلوک شرطی به شما امکان می دهد بلوک ها را بر اساس شرایطی که تنظیم می کنید نمایش دهید یا مخفی کنید.
شما با استفاده از بلوک های این افزونه می توانید قالب ها، جستجوهای سفارشی، بایگانی ها و موارد دیگر را با محتوای پویا طراحی کنید. این افزونه به صورت پرمیوم عرضه شده است.
امیدواریم این مقاله مورد توجه و استفاده شما قرار گرفته باشد. دیدگاه های خود را با ما در میان بگذارید.
دیدگاه ها