استفاده از بلوک گوتنبرگ روی مقالات و سایت‌های دیگر

3.5 / 5. تعداد رای: 2

استفاده از بلوک گوتنبرگ روی مقالات و سایت‌های دیگر

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

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

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

ذخیره بلاک‌ها برای استفاده مجدد روی سایت‌های دیگر

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

برای این کار ابتدا باید از پیشخوان وردپرس > نوشته‌ها > افزودن، به ویرایشگر گوتنبرگ بروید.

افزودن نوشته جدید
افزودن نوشته جدید

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

اضافه کردن بلاک‌ها
اضافه کردن بلاک‌ها

در پنجره جدید بلاک‌های محتوایی مختلفی را می‌بینید که می‌توانید هر کدام را انتخاب کنید.

انواع بلاک‌های گوتنبرگ
انواع بلاک‌های گوتنبرگ

ما در این مقاله بلاک “بند” را انتخاب می‌کنیم تا محتوای متنی خود را درباره دوره جامع سایت برتر وارد این قسمت کنیم.
در قسمتی که مشخص کردیم، متن خود را قرار دهید و یا در صورت تمایل، تغییرات نمایشی را هم بر روی آن اعمال کنید.

جایگذاری متن
جایگذاری متن

از نوار بالایی قسمت قرارگیری متن، دکمه‌ایی که مشخص کردیم را انتخاب کنید تا باکس کوچکی برای شما نمایش داده شود. سپس گزینه “افزودن به بلوک‌های قابل ‌استفاده دوباره” را انتخاب نمایید.

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

نام بلاک سفارشی خود را وارد و ذخیره کنید. حالا بلاک ساخته ‌شده را می‌توانید در بخش بلاک‌های “قابل ‌استفاده دوباره” ببینید.

ایجاد کردن بلاک
ایجاد کردن بلاک

دریافت بلاک‌ها برای استفاده روی سایت دیگر

همان‌طور که میدانید از بلاک‌های ویرایشگر گوتنبرگ می‌توانید در وب‌سایت‌های دیگر هم استفاده کنید. برای این کار باید بلاک‌های موردنظر خود را برون‌بری کنید. ابتدا وارد پیشخوان وردپرس شوید > نوشته‌ها > افزودن نوشته جدید را کلیک کنید و به صفحه مدیریت بلاک‌های گوتنبرگ وارد شوید. از دکمه سه نقطه بالا-چپ کلیک کنید و گزینه “همه بلاک‌های قابل ‌استفاده مجدد را مدیریت کنید” تا وارد صفحه مدیریت بلاک‌ها شوید.

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

تنظیمات مدیریت بلاک‌های قابل استفاده مجدد
تنظیمات مدیریت بلاک‌های قابل استفاده مجدد

بک آپ گیری از بلوک‌های گوتنبرگ

وارد پیشخوان وردپرس شوید، نوشته‌ها > افزودن نوشته جدید را کلیک کنید. از سمت چپ-بالای صفحه دکمه “بیشتر” که به شکل سه نقطه ایجادشده است را کلیک کنید. از منوی بازشده گزینه “مدیریت تمام بلوک‌های قابل ‌استفاده مجدد” را کلیک کنید تا وارد صفحه جدیدی شوید.
در این صفحه بلاک‌هایی که ایجاد کرده‌اید را می‌بینید. زمانی که روی هر بلاک ماوس خود را قرار دهید گزینه‌هایی زیر آن نمایش داده می‌شود. از گزینه‌های زیرین بلاک موردنظرِ خود گزینه “برون‌بری به‌صورت JSON” را انتخاب کنید.

مدیریت تمام بلاک‌ها
مدیریت تمام بلاک‌ها

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

برون‌بری بلاک با فرمت جیسون
برون‌بری بلاک با فرمت جیسون

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

در این قسمت می‌خواهیم نحوه وارد کردن بلاک‌ها را آموزش دهیم. مثل مرحله قبل از پیشخوان > نوشته‌ها > نوشته جدید، از سمت چپ-بالا صفحه دکمه سه نقطه را انتخاب کنید. بعد از وارد شدن به صفحه بلوک‌های قابل استفاده مجدد، دکمه “وارد کردن از JSON” را انتخاب کنید. در نهایت با استفاده از دکمه “انتخاب فایل” بلاکی که در سیستم خود دارید را انتخاب و از طریق دکمه “درون‌ریزی” انتخاب کنید. پس از اتمام این کار شما می‌توانید بلاک‌های اضافه شده را در سایت خود استفاده کنید.

درون‌ریزی بلاک‌ها
درون‌ریزی بلاک‌ها

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

شما می‌توانید برای درون‌ریزی و برون‌بری بلاک‌ها از پلاگین استفاده کنید. اما استفاده از پلاگین برای این کار دارای یک مشکل است که بلاک‌های درون‌ریزی شده، نمی‌توانند به فهرست بلاک‌های قابل استفاده مجدد اضافه شوند و باید از طریق تنظیم دستی این کار را انجام دهید.
به وسیله افزونه Block Export Import می‌توانید به راحتی بلاک‌های گوتنبرگ را برون‌بری کنید. برای این کار باید از پیشخوان > افزونه‌ها > افزودن را انتخاب کنید.

افزودن پلاگین
افزودن پلاگین

افزونه Block Export Import را نصب و فعال کنید.

نصب پلاگین Block Export Import
نصب پلاگین Block Export Import

بعد از نصب افزونه به ویرایشگر گوتنبرگ بروید. در صفحه ویرایشگر گوتنبرگ از قسمت بالا-راست محتوای بلاک کلیک کنید و از منوی باز شده گزینه “برون‌ریزی از جیسون” را کلیک کنید. به وسیله این افزونه با این کار شما بلاک موردنظر خود را با فرمت جیسون در سیستم‌تان ذخیره می‌کنید و درون‌ریزی این بلاک نیز بدون نیاز به مدیریت بلاک‌ها انجام می‌شود.

Export as JSON 2 1
گزینه Export as JSON

در مرحله بعد بلاکی برای آموزش رایگان وردپرس می‌سازیم و دکمه اضافه کردن را از سمت راست-بالا کلیک کنید. بخش “ابزارک‌ها” را انتخاب و از منوی باز شده گزینه Import Block From JSON و دکمه “بارگذاری” را کلیک کنید. حالا وارد پرونده‌های سیستم عامل خود می‌شوید. فایلی را که در مرحله قبلی برون‌بری کردید را انتخاب و تأیید کنید تا درون‌ریزی انجام شود و بلاک‌ها به راحتی در گوتنبرگ درج شوند.

Import Block From JSON
گزینه Import Blocks From JSON

موفق باشید.

نظر شما در این مورد چیه؟

  1. U36305 ۷ اسفند ۱۳۹۹

    سلام خسته نباشید یه سوال داشتم که به این پست مربوط نمیشه

    این عکس هایی که برای تصویر شاخص مقالات اموزشی تون میزارید رو چطوری درست میکنید ؟ یا منبع خاصی داره ؟ میشه معرفی کنید؟

  2. U27765 ۲۸ بهمن ۱۳۹۹

    خیلی عالی مثل همیشه 🙂

  3. U28063 ۲۸ بهمن ۱۳۹۹

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

    • Reza Rad رضا راد ۲۸ بهمن ۱۳۹۹

      درود بر شما خیر به هیچ عنوان. از سال ۱۳۹۰ این قضیه منسوخ شده.

      • U28063 ۲۸ بهمن ۱۳۹۹

        با سلام خدمت شما بزارید اول این نوع سرویس رو خدمتتتون عرض کنم این یک سایتی است کاملا رایگان و بدون ثبت نام و بصورت اتو ماتیک میری توش لینک سایت رو میزارم اگر خواستید توی نظرم نمایش ندید https://doubleadvertise.com/
        این سایت میگه لینک سایت خودمون رو بدیم بعدش که دادیم میریم تو لیست آنلاین و اتوماتیک و سرتاسر جهان تو این سایت میان
        بعدش ما میریم تو سایت اونا و اون ها هم میان تو سایت ما بصورت خودکار و اینطوری بازدید کننده افزایش پیدا میکنه مثل حالت بک لینک هم میشه به نظر شما بازم این کار غلطه؟

  4. U34212 ۲۸ بهمن ۱۳۹۹

    سلام خسته نباشید آقای حسینی
    من توی قالب وودمارت می‌خوام که در دسته بندی محصولات کنار متنش آیکون کوچیک بگذارم( مثل دیجی کالا ) ولی چطوری بگذارم ؟

    • Reza Rad رضا راد ۲۸ بهمن ۱۳۹۹

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