آموزش وردپرس

راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس

آیا می خواهید یاد بگیرید که چگونه از الگوهای بلاک وردپرس در وب سایت خود استفاده کنید؟

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

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

راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 21

در اینجا موضوعاتی هستند که در این راهنما به آنها خواهیم پرداخت.

نوشته های مشابه
  • الگوهای بلاک وردپرس چیست؟
  • نحوه استفاده از الگوهای بلاک در وردپرس
  • پیدا کردن الگوهای بلوک بیشتر برای استفاده در وب سایت شما
  • چگونه الگوهای بلوک خود را ایجاد و به اشتراک بگذارید
  • ایجاد الگوهای بلاک وردپرس به صورت دستی
  • حذف الگوی بلوک در وردپرس
  • تفاوت بین بلوک های قابل استفاده مجدد و الگوهای بلوک چیست؟

الگوهای بلاک وردپرس چیست؟

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

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

ویرایشگر بلوک وردپرس
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 22

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

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

بلاک کردن الگوها در وردپرس
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 23

تم های محبوب وردپرس نیز الگوهای خود را ارائه می دهند که می توانید هنگام نوشتن محتوا از آنها استفاده کنید.

این الگوها شامل مواردی مانند طرح‌بندی‌های چند ستونی از پیش ساخته شده، الگوهای رسانه و متن، الگوهای فراخوان، هدرها، دکمه‌ها و موارد دیگر است.

حتی می توانید الگوهای بیشتری را در وب سایت WordPress.org پیدا کنید و حتی می توانید الگوهای خود را ایجاد کرده و به اشتراک بگذارید.

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

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

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

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

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

اضافه کردن الگوی بلوک
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 24

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

همچنین می‌توانید الگوهای بلوک را در دسته‌های مختلف مانند برجسته، دکمه‌ها، ستون‌ها، هدر و موارد دیگر مشاهده کنید.

الگوهای بلوک را بر اساس دسته بندی مرتب کنید
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 25

همچنین می‌توانید روی دکمه Explore کلیک کنید تا الگوهای بلوک را مشاهده کنید.

در اینجا می توانید پیش نمایش های بزرگتر را در یک پنجره بازشو ببینید.

پیش نمایش الگوهای بلوک
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 26

هنگامی که الگویی را که می خواهید امتحان کنید پیدا کردید، می توانید به سادگی کلیک کنید تا آن را در قسمت محتوای پست یا صفحه خود وارد کنید.

ویرایش الگوی بلوک
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 27

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

شما همچنان تمام گزینه هایی را که به طور معمول برای هر بلوک دارید، خواهید داشت. به عنوان مثال، اگر یک بلوک پوششی است، می توانید رنگ جلد یا تصویر پس زمینه را تغییر دهید.

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

بلوک پوشش را بردارید
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 28

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

در نهایت، الگوهای بلوک به شما کمک می‌کنند تا زمانی را که در غیر این صورت برای مرتب کردن دستی بلوک‌ها صرف می‌کنید، هر بار که نیاز به اضافه کردن سرصفحه، گالری، دکمه‌ها و موارد دیگر داشته باشید، صرفه‌جویی کنید.

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

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

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

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

دایرکتوری الگو را مسدود کنید
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 29

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

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

کپی الگوی بلوک
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 30

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

در صفحه ویرایش پست، به سادگی کلیک راست کرده و Paste را در منوی مرورگر انتخاب کنید یا CTRL + V (Command + V در Mac) را فشار دهید.

چسباندن الگوی بلوک
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 31

چگونه الگوهای بلوک خود را ایجاد و به اشتراک بگذارید

آیا می خواهید الگوهای بلاک وردپرس خود را ایجاد و به اشتراک بگذارید و آنها را با جهان به اشتراک بگذارید؟

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

به سادگی از وب سایت دایرکتوری الگوهای وردپرس دیدن کنید و روی پیوند “ایجاد الگوی جدید” کلیک کنید.

الگوی بلوک ایجاد کنید
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 32

توجه داشته باشید: برای ذخیره الگوهای خود باید وارد شوید یا یک حساب رایگان WordPress.org ایجاد کنید.

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

ایجاد کننده الگوی بلوک
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 33

به سادگی بلوک ها را برای ایجاد طرح بندی الگوی خود اضافه کنید.

می‌توانید از بلوک‌های چیدمان مانند گروه، جلد، گالری و موارد دیگر برای سازماندهی طرح‌بندی خود استفاده کنید.

ویرایش طرح الگوی بلوک
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 34

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

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

save submit pattern راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 35

قبل از اینکه بتوانید الگوی بلوک خود را برای دایرکتوری قالب ارسال کنید، مطمئن شوید که دستورالعمل های دایرکتوری الگوی بلوک را خوانده اید.

می توانید با کلیک بر روی پیوند My Patterns، تمام الگوهای بلوک خود را مدیریت کنید. تمام الگوهای بلوکی که به اشتراک گذاشته اید، الگوهای پیش نویس و الگوهایی که مورد علاقه شماست را نشان می دهد.

الگوهای شما
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 36

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

ایجاد الگوهای بلاک وردپرس به صورت دستی

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

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

به ویرایشگر کد بروید
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 37

پس از آن، به حالت ویرایشگر کد بروید و تمام محتوایی را که در ویرایشگر کد می بینید کپی کنید.

بلوک های کد خام را کپی کنید
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 38

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

اکنون آماده هستید تا بلوک های خود را به عنوان قالب ثبت کنید.

برای انجام این کار، به سادگی کد زیر را کپی و در فایل functions.php تم خود یا یک افزونه مخصوص سایت قرار دهید.

function wpb_my_block_patterns() {
    register_block_pattern(
        'my-plugin/my-awesome-pattern',
        array(
            'title'       => __( 'Two column magazine layout', 'my-theme'),
            'description' => _x( 'A simple magazine style two-column layout with large image and stylized text', 'my-theme' ),
            'categories'  => array( 'columns' ),
            'content'     => ' Your block content code goes here'
            )
    );
}
add_action( 'init', 'wpb_my_block_patterns' );

اکنون داده‌های بلوک‌های خام را که قبلاً کپی کرده‌اید به عنوان مقدار پارامتر محتوا کپی و جای‌گذاری کنید. به عبارت دیگر، باید متنی را که می گوید «کد محتوای بلوک شما اینجا می رود» را با کد بلاک خود جایگزین کنید. مطمئن شوید که نقل قول های تکی اطراف متن را در جای خود بگذارید.

در آخر فراموش نکنید که عنوان و توضیحات را به عنوان خود تغییر دهید و تغییرات خود را ذخیره کنید.

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

الگوی بلوک سفارشی را به پست خود اضافه کنید
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 39

حذف الگوی بلوک در وردپرس

شما به راحتی می توانید هر الگوی بلوکی را در وردپرس حذف یا لغو ثبت کنید. فرض کنید می خواهید الگوی بلوکی را که در مثال بالا ایجاد کرده اید حذف کنید.

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

function wpb_unregister_my_patterns() {
  unregister_block_pattern( 'my-plugin/my-awesome-pattern' );
}
add_action( 'init', 'wpb_unregister_my_patterns' );

در این مثال، 'my-plugin/my-awesome-pattern' نام الگویی است که هنگام ثبت آن استفاده می کنیم.

می‌توانید از این کد برای لغو ثبت هر الگوی بلوک ایجاد شده توسط طرح زمینه یا یک افزونه استفاده کنید. تنها چیزی که باید بدانید نامی است که برای ثبت قالب استفاده می شود.

الگوهای اصلی وردپرس را حذف کنید

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

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

برای حذف تمام الگوهای اصلی وردپرس، باید کد زیر را به فایل توابع تم خود یا یک افزونه مخصوص سایت اضافه کنید.

remove_theme_support( 'core-block-patterns' );

تفاوت بین بلوک های قابل استفاده مجدد و الگوهای بلوک چیست؟

الگوهای بلوک و بلوک‌های قابل استفاده مجدد هر دو به دنبال حل یک مشکل مشابه هستند: گزینه‌هایی را در اختیار کاربران قرار دهید تا به راحتی بلوک‌های پرکاربرد را اضافه کنند.

با این حال، آنها کاملاً با یکدیگر متفاوت هستند.

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

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

بلوک قابل استفاده مجدد در وردپرس
راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس 40

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

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

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

امیدواریم این راهنما به شما کمک کند تا نحوه استفاده از الگوهای بلاک وردپرس را در وب سایت خود یاد بگیرید. همچنین ممکن است بخواهید راهنمای ما در مورد نحوه انتخاب بهترین نرم افزار طراحی وب یا انتخاب تخصصی ما از بهترین خدمات بازاریابی ایمیلی برای مشاغل کوچک را ببینید.

اگر این مقاله را دوست داشتید، لطفا در کانال یوتیوب ما برای آموزش های ویدئویی وردپرس مشترک شوید. شما همچنین می توانید ما را در توییتر و فیس بوک

پست راهنمای مبتدیان: نحوه استفاده از الگوهای بلاک وردپرس اولین بار در روشا وب ظاهر شد.

نمایش بیشتر

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

نشانی ایمیل شما منتشر نخواهد شد.

دکمه بازگشت به بالا