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

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

• Block Patterns در وردپرس چیست؟
• دلیل اهمیت Block Patterns
• نحوه استفاده از Block Patterns در وردپرس
• نحوه یافتن الگوهای آماده Block Patterns
• نحوه ایجاد Block Patterns دلخواه
• نحوه ایجاد Block Patterns با استفاده از افزونه های وردپرس

اگر مدیر یک سایت هستید، بهتر است از ویژگی های جذاب وردپرس مانند Block Pattern، در سایت خود استفاده کنید.

تصویر(1)

Block Patterns در وردپرس چیست؟

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

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

دلیل اهمیت Block Patterns چیست؟

دلایل اهمیت Block Patterns در وردپرس عبارتند از:

• هر مالک سایتی که دانش فنی لازم برای ساخت طرح های موردنظر خود را ندارد، با استفاده از Block Patterns می تواند طراحی زیبایی ایجاد کند. در واقع، با این قابلیت به راحتی صفحات، بخش‌ها و نوشته‌ها را طراحی کنید.
•  Block Patterns انعطاف پذیر است. در واقع توسط بلوک پترن‌های ذخیره شده، می‌توانید طرح‌های مختلفی ایجاد نمایید و هر زمان که خواستید مجدداً از آنها استفاده کنید. به عنوان مثال، می توانید یک Block Pattern را با تغییرات متفاوت (رنگ ها و تایپوگرافی های مختلف) ذخیره نمایید و به دلخواه شخصی سازی کنید.
• همچنین می توانید ترکیب های مختلفی از بلوک ها را ایجاد نموده و در آینده برای پروژه‌ها و کمپین‌های مختلف استفاده نمایید. این ویژگی در بلند مدت مفید است. زیرا، باعث صرفه جویی در زمان شده و از انجام تنظیمات تکراری جلوگیری خواهد کرد. 

نحوه استفاده از Block Patterns در وردپرس

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

تصویر(2)

سپس مطابق با تصویر زیر، باید روی نماد "+" در بخش بالا سمت راست ویرایشگر بلوک وردپرس، کلیک نمایید.

تصویر(3)

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

تصویر(4)

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

تصویر(5)

بعد از شخصی سازی، الگو نهایی شما آماده خواهد بود. 

نحوه یافتن الگوهای آماده Block Patterns

معمولاً، الگوهای آماده بلوک در مخزن رسمی وردپرس قابل دسترس هستند. اگر به دنبال ایده برای طراحی وب‌سایت خود می باشید، می توانید بدون هیچ گونه محدودیتی از این نمونه الگوها استفاده کنید.در ادامه می‌توانید مجموعه‌ای بسیار جذاب از الگوهای بلوک که در دسته‌بندی‌های مختلفی شامل دکمه‌ها، ستون‌ها، گالری، هدر، تصاویر، متن و ویژه قرار دارند را بیابید. به دلیل وجود گزینه‌های زیاد برای انتخاب، پیدا کردن الگوی مناسب ممکن است کمی زمانبر باشد. پس از یافتن الگوی موردنظر می توانید اقدام به شخصی سازی آن نمایید. بدین منظور، روی الگوی مربوطه کلیک کرده و آن را در یک صفحه جدید باز کنید. سپس مطابق با تصویر زیر، گزینه "Copy Pattern" را برگزینید.

تصویر(6)

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

نحوه ایجاد Block Patterns دلخواه

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

ایجاد الگوهای بلوک از طریق مخزن رسمی وردپرس

برای ایجاد الگوی جدید، وارد سایت WordPress.org شده و از قسمت "Download & Extend" به "Patterns" مراجعه نمایید.

تصویر(7)

البته برای ایجاد الگوی موردنظر خود باید در این سایت عضو شوید. سپس مطابق با تصویر زیر روی گزینه "Create a new pattern" کلیک کنید.

تصویر(8)

در صفحه بعد، وارد ویرایشگر بلوک در مخزن رسمی وردپرس می شوید و می توانید الگوهای بلوک موردنظر خود را ایجاد نمایید. امکان تایپ اسامی بلوک های مدنظرتان به عنوان مثال، پاراگراف، تصویر، عنوان، ستون‌ها، رسانه، متن و … را نیز خواهید داشت. علاوه بر این، مطابق با تصویر زیر، از طریق آیکون "+" در گوشه سمت چپ بالا، بلوک های جدید خود را بیفزاید. پس از درج بلوک های موردنظر، شخصی سازی آنها و ایجاد نسخه نهایی، می توانید دو کار زیر را انجام دهید:

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

تصویر(9)

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

تصویر(10)

بعد از آن، باید مطابق با تصویر زیر، دسته بندی موردنظر را انتخاب نمایید. سپس، روی گزینه "Finish" کلیک کنید تا الگوی شما توسط تیم اصلی وردپرس بررسی گردد و بعد از تایید، در مخزن رسمی منتشر شود. این بدان معنا است که سایر کاربران وردپرس می‌توانند از الگوی شما در سایت خودشان استفاده کنند.

تصویر(11)

2. ذخیره الگو به عنوان پیش نویس

اگر قصد انتشار عمومی الگوی خود را ندارید، آن را به صورت پیش نویس ذخیره نمایید. بدین منظور، مطابق با تصویر زیر روی گزینه "Save draft" کلیک کنید.

تصویر(12)

الگوی ذخیره شده در پیش نویس را می توانید از بخش "Patterns>My patterns" مشاهده نمایید.

تصویر(13)

نحوه ایجاد Block Patterns با استفاده از افزونه های وردپرس

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

تصویر(14)

بعد از نصب و فعالسازی افزونه، از طریق پیشخوان وردپرس به بخش "Block Patterns" مراجعه نموده و روی گزینه "Add New" کلیک کنید.

تصویر(15)

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

تصویر(16)

در نهایت مطابق با تصویر زیر، الگوی ایجاده شده را از بخش "Block Patterns>All Patterns" مشاهده کنید.

تصویر(17)

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

تصویر(18)

در نتیجه، با کلیک روی الگوی انتخابی می توانید آن را در پست یا صفحه موردنظر خود قرار داده و بنا به نیاز خود، شخصی سازی کنید. سپس امکان استفاده در هر بخش دیگر از سایت نیز وجود خواهد داشت. اگر می‌خواهید نسخه‌ای دیگر از همان الگوی شخصی سازی شده را با تغییراتی جدید ایجاد کنید، می‌توانید روی الگو کلیک کرده و گزینه "Add to Block Patterns" را برگزینید.

تصویر(19)

در نهایت، باید یک نام جدید برای الگوی خود تعیین کرده و روی گزینه "Create Pattern" کلیک کنید.

تصویر(20)

جمع بندی

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