نحوه ایجاد یک بلوک سفارشی گوتنبرگ در وردپرس (راه آسان)

مرحله 1: شروع کنید h4>

اولین کاری که باید انجام دهید نصب و فعال سازی افزونه Block Lab .

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

برای نصب افزونه ، می توانید راهنمای مبتدیان ما را در نحوه نصب افزونه وردپرس .

پس از فعال شدن افزونه ، می توانید به مرحله بعدی ایجاد اولین بلوک سفارشی خود بروید.

مرحله 2: یک بلوک جدید ایجاد کنید h4>

به خاطر این آموزش ، ما یک بلوک “توصیفات” ایجاد خواهیم کرد.

ابتدا از نوار کناری سمت چپ پنل سرپرست خود به Block Lab »Add New بروید.

در این صفحه ، باید نامی را به بلوک خود اختصاص دهید. می توانید هر نام دلخواه خود را در جعبه متن “نام بلوک را اینجا وارد کنید” بنویسید.

بلوک سفارشی خود را به این نام می گذاریم: توصیفات.

در سمت راست صفحه ، ویژگی های بلوک را پیدا خواهید کرد. در اینجا می توانید یک نماد برای بلوک خود انتخاب کنید و یک دسته بلوک را از کادر کشویی Category انتخاب کنید.

حلزون حرکت کردن بر اساس نام بلوک شما به طور خودکار پر می شود ، بنابراین لازم نیست آن را تغییر دهید. با این حال ، ممکن است حداکثر 3 کلمه کلیدی در قسمت متن Keywords بنویسید ، تا بتوانید به راحتی بلوک خود را پیدا کنید.

حالا بیایید برخی از زمینه ها را به بلوک خود اضافه کنیم. می توانید زمینه های مختلفی مانند متن ، شماره ، ایمیل ، URL ، رنگ ، تصویر ، کادر تأیید ، دکمه های رادیو و موارد دیگر را اضافه کنید.

ما 3 قسمت به بلوک توصیفات سفارشی خود اضافه خواهیم کرد: یک قسمت تصویر برای تصویر بازبینی کننده ، یک جعبه متن برای نام بازرس ، و یک قسمت منطقه متن برای متن گواهی.

برای درج قسمت اول روی دکمه + افزودن فیلد کلیک کنید.

 


">>


   h4>
  

 

. Test-Test-Block {
عرض: 100٪
margin-bottom: 25px؛
}

.testimonial-image {
شناور به سمت چپ؛
عرض: 25٪
padding-right: 15px؛
}

.testimonial-box {
شناور به سمت چپ؛
عرض: 75٪؛
}

.clearfix :: بعد از {
محتوا: ""؛
روشن: هر دو؛
نمایش: جدول؛
}