٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

افزونه وردپرس بلوک های پیشرفته بوت استرپ

شرح این افزونه بلوک‌های انعطاف‌پذیر Bootstrap 4 را به ویرایشگر وردپرس برای ایجاد طرح‌بندی صفحه سفارشی با شبکه Bootstrap اضافه می‌کند. آیا از بلوک های پیشرفته بوت استرپ استفاده می کنید؟ یک نظر بنویس! بلوک ها Advanced Bootstrap Blocks بلوک…

محمد یوسفی

12 نوامبر 2021

شرح

این افزونه بلوک‌های انعطاف‌پذیر Bootstrap 4 را به ویرایشگر وردپرس برای ایجاد طرح‌بندی صفحه سفارشی با شبکه Bootstrap اضافه می‌کند.

آیا از بلوک های پیشرفته بوت استرپ استفاده می کنید؟ یک نظر بنویس!

بلوک ها

Advanced Bootstrap Blocks بلوک های Bootstrap 4 زیر را به ویرایشگر وردپرس اضافه می کند:

ظرف (با عرض ثابت یا سیال، با تنظیمات تصویر پس‌زمینه)
ردیف
ستون
گروه دکمه و دکمه
کارت با هدر، بدنه، پاورقی
جامبوترون
قالب ها را مسدود کنید

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

مثال زیر ممکن است شما را شروع کند. برای کسب اطلاعات بیشتر در مورد اضافه کردن مضامین وردپرس با قالب های بلوک، از کتاب راهنمای ویرایشگر بلوک WordpPress دیدن کنید.

<?php
if(in_array(‘advanced-bootstrap-blocks/advanced-bootstrap-blocks.php’, application_filters(‘active_plugins’, get_option(‘active_plugins’)))){
// فقط در صورتی کارها را انجام دهید که افزونه Advanced Bootstrap Blocks فعال باشد
add_action(‘init’, ‘advancedbootstrapblocks_register_page_template’ );
تابع advancedbootstrapblocks_register_page_template() {
$post_type_object = get_post_type_object( ‘page’ );
$isFluid = get_theme_mod( ‘understrap_container_type’ ) === ‘container-fluid’;
$post_type_object->قالب = [
[‘advanced-bootstrap-blocks/container’,
[‘className’=>’py-5’, ‘isWrapped’ => $isFluid, ‘isFluid’ => false ],
[
[‘advanced-bootstrap-blocks/row’,
[]،
[
[‘advanced-bootstrap-blocks/column’,
[‘className’=>’col-md-8 offset-md-2 text-center’]،
[
[‘core/heading’,
[ ‘className’ => ‘display-4’, ‘level’ => 1, ‘placeholder’ => ‘سلام، جهان!’, ],
[]

[ ‘هسته/بند’،
[‘className’ => ‘lead’, ‘placeholder’ => ‘Lorem ipsum dolor sit amet.’, ],
[]

]
]
]
]
]


}
}

 

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها