هذه الإضافة لم يتم تحديثها وتجربتها لأكثر من 3 إصدارات ووردبريس رئيسية. قد لا تكون خاضعة للصيانة أو تقدم الدعم والمساعدة بالوقت الحالي وقد تكون بها مشاكل في التوافق عند إستخدامها مع إصدارات حديثة من ووردبريس.

تنزيل

Gutenstrap Blocks

بواسطة Vitaly Kasymov

الوصف

This plugin adds Bootstrap 4 components and grid layout to Gutenberg WordPress editor. It enhances editing experience focusing on making the most of library’s documented features. Combine power of Gutenberg and Bootstrap to create a layout of any complexity with ease!

Supported Bootstrap blocks and formats:

  • Container – includes fluid container
  • Row – includes flexbox vertical and horizontal alignment classes and no gutters class
  • Column – allows to set equal sized columns, auto size, number column size and offset
  • Button – theme color selector, outline and block styles, small and large sizes
  • Alert – theme color selector, includes dismissible alerts and allows to nest other blocks
  • Badge – theme color selector, includes pill style

You can even nest rows!

Bootstrap library

CSS is included in the admin area to make editing in Gutenberg easier and styles are prefixed with .bootstrap-styles class. You can choose if you want to include to Bootstrap 4.3.1 on the front-end if you aren’t using Bootstrap based theme.

Requirements

  • WordPress >= 5.2
  • PHP >= 5.6

لقطات الشاشة

  • Easily create your grid layout however complex you need.
  • Button component.
  • Alert component built in line with Bootstrap 4 documentation.

التنصيب

Using CMS:
1. Go to “Plugins” → “Add New”
1. Search “Gutenstrap Blocks”
1. Click “Install Now”
1. Activate the plugin

Manual:
1. Go to “Plugins” → “Add New”
1. Click “Upload Plugin”
1. Select plugin file
1. Click “Install Now”
1. Activate the plugin

الأسئلة المتكررّة

Can I customize Bootstrap styles in the editor?

Yes. Prefix your styles with .bootstrap-styles class and include prefixed Bootstrap 4 css on admin side.

Example of how to prefix styles using SASS:
.bootstrap-styles {
@import '~bootstrap/scss/bootstrap';
}

Will there be more blocks?

Yes! Anything is possible with your support.

المراجعات

إقرأ جميع المراجعات 2

المساهمون والمطوّرون

“Gutenstrap Blocks” هو برنامج مفتوح المصدر. وقد ساهم هؤلاء الأشخاص بالأسفل في هذه الإضافة.

المساهمون

لقد تم ترجمة ”Gutenstrap Blocks“ إلى لغة واحدة. شكراً إلى جميع المُترجمين لمُساهماتهم.

ترجمة ”Gutenstrap Blocks“ إلى لغتك.

مُهتم بالتطوير؟

تصفّح الشفرة، تحقق من مستودع SVN، أو الاشتراك في سجل التطوير بواسطة RSS.

سجل التغييرات

1.0

  • Initial release.

ميتا Meta

التقييم

شاهد الكل
تسجيل الدخول لتقديم مراجعة.

المساهمون

الدعم

لديك شيء لتقوله؟ بحاجة الى مساعدة؟

عرض منتدى الدعم

تبرع

هل ترغب في تقديم دعم متقدم لهذه الإضافة؟

تبرع لهذه الإضافة