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

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

سعی کنید gutenberg.png

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

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

اما گوتنبرگ دسته ای از بهینه سازی ها را به ارمغان می آورد. و او یک ویژگی دارد که واقعاً مرا به فکر دو بار انداخت. این ویژگی چیست؟ این بلوک های تکراری و مشترک هستند.

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

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

اما ابتدا یک آغازگر سریع روی بلوک ها.

بلوک ها چه هستند؟

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

یک مقاله در مورد Gutenberg.png بنویسید

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

  • بلوک های متنی - پاراگراف ها ، لیست ها ، عناوین ، کد ، نقل قول ها ، جداول
  • بلوک های رسانه ای - تصویر ، گالری ، صوتی ، تصویری
  • عناصر طرح بندی - دکمه ها ، فاصله ها ، تقسیم کننده ها ، شکست صفحه
  • بلوک های ابزارک - دسته ها ، آخرین ارسال ها ، کد کوتاه
  • بلوک ها را ادغام کنید - YouTube، Soundcloud، Spotify، توییتر همکاران به علاوه

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

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

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

بلوک های تکراری

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

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

برای تکثیر یک بلوک .png

کپی این بلوک مستقیماً بعد از بلوک اصلی در همان مقاله ایجاد می شود.

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

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

هنگامی که یک بلوک تکراری را ویرایش می کنید ، تغییراتی که ایجاد می کنید هیچ تأثیری بر بلوک اصلی ندارد - این دو بلوک غیر مرتبط هستند.

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

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

بلوک های مشترک

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

یک بلوک مشترک ایجاد کنید

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

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

یک block.png قابل استفاده مجدد ایجاد کنید

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

block gutenberg.png

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

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

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

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

اکنون تمام بلوک های مشترکی را که در سایت خود ایجاد کرده اید مشاهده خواهید کرد. مال من کمی کثیف به نظر می رسد - من بلوک های مشترکی را در این سایت محلی آزمایش کردم و بهترین نام را به آنها ندادم.

استفاده از blocks.png reutilisable

اکنون روی بلوک اشتراکی که می خواهید استفاده کنید کلیک کنید و به مقاله شما اضافه می شود.

در حال ویرایش بلوک های مشترک

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

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

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

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

حذف بلوک reutilizable.png

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

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

  1. همانطور که در بالا توضیح داده شد ، اولین بلوک مشترک خود را ایجاد کنید.
  2. بلوک مشترک را به مقاله جدید اضافه کنید
  3. آن را تبدیل به یک بلوک عادی کنید و آن را تغییر دهید.
  4. مانند اولین بار آن را به یک بلوک مشترک تبدیل کنید.
  5. نامی متفاوت از نام اصلی بگذارید - نامی که به شما کمک می کند تا تفاوت های بین دو بلوک را به راحتی تشخیص دهید. ذخیره کنید

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

ذخیره بلوک های مشترک

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

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

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

بلوک های تکراری و مشترک ، مدیریت محتوا را کارآمد تر می کند

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

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

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