آموزش کار با ویرایشگر گوتنبرگ به سبک حرفه‌ای‌ها

3.7 / 5. تعداد رای: 6

آموزش کار با ویرایشگر گوتنبرگ به سبک حرفه‌ای‌ها
آموزش کار با ویرایشگر گوتنبرگ به سبک حرفه‌ای‌ها

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

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

آموزش ویرایشگر گوتنبرگ

خب در ابتدای کار پیشنهاد می‌کنم با استفاده از آموزش افزودن سی اس اس دلخواه به پنل وردپرس، حتماً یک فونت فارسی مثل ایران سنس یا ایران یکان را به پنل وردپرسی خود اضافه کنید؛ تا مثل ما از تایپ در محیط گوتنبرگ لذت ببرید. به‌صورت زیر:

محیط گوتنبرگ با فونت ایران سنس
محیط گوتنبرگ با فونت ایران سنس

آموزش کار با ویرایشگر گوتنبرگ

اکنون کار با گوتنبرگ را آغاز می‌کنیم. برای این کار شما نیازی به نصب افزونه جدید ندارید. فقط کافی است وردپرس شما نسخه ۵ به بالا باشد، در این صورت می‌توانید از گوتنبرگ بهره ببرید. سپس وقتی وارد بخش نوشته‌ها > افزودن شوید؛ با این صحنه روبرو خواهید شد:

شروع کار با گوتنبرگ

ابتدا اجازه دهید بخش‌های مختلف صفحه جدید را به شما معرفی کنیم.

  • بخش Add Title برای نوشتن عنوان پست است.
  • بخش Document برای مدیریت دسته‌بندی‌ها و انتشار و برچسب‌ها و تصویر شاخص و … است. یعنی همان ستونی که قبلا در نوشتن پست وردپرس داشتیم.
  • و بخش Block هم تنظیمات بلاکی است که شما در حال کار کردن روی آن هستید.

خیلی ساده! اکنون از بخش Start writing or type می‌توانید شروع به نوشتن پاراگراف اول نوشته خود کنید. پس یک مقدمه برای مطلب خود بنویسید.

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

add block

روی هر بلاک کلیک کنید تا بلاک موردنظر شما به بخش نوشته اضافه شود؛ به‌این‌ترتیب می‌توانید از سمت چپ صفحه با کلیک روی تب Block به تنظیمات آن دسترسی داشته باشید.

آپلود تصویر در ویرایشگر گاتنبرگ

برای اضافه کردن تصویر به گوتنبرگ، باید روی + کلیک کنید، و از بلاک‌ها روی Image یا تصویر کلیک کنید. سپس باکس تصویر به این شکل در انتهای گوتنبرگ شما نمایان خواهد شد:

add image to gutenberg 1

سپس روی بارگذاری یا Upload کلیک کنید تا بتوانید تصویر را از سیستم خود آپلود کنید؛ و یا روی Media Library کلیک کنید تا بتوانید از بخش رسانه وردپرس، تصویر موردنظرتان را انتخاب کنید.

راستی! یه راه ساده‌تر برای اضافه کردن بلاک دارید.

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

توجه داشته باشید که برای اضافه کردن باکس‌هایی مثل ویدیو، تنها کافی است با یک اسلش / باکس را اضافه کنید. به این شکل:

راه ساده تر

سپس با یک اینتر، می‌توانید بلاک موردنظر خود را سریع‌تر به گوتنبرگ اضافه کنید. مثلاً بلاک اینستاگرام به این شکل اضافه خواهد شد:

https://www.instagram.com/p/Bn-pB1fFE95/

چه خبر از یواست سئو؟

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

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

نتیجه گیری کلی

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

موفق و پیروز و وردپرسی باشید. ‌:)

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

  1. U34212 ۲۹ اسفند ۱۳۹۹

    سلام ، خسته نباشید چطور دور تصاویر رو گرد کنم ؟
    قالب اهورا تصویر شاخص رو گرد می‌کنه ولی بقیۀ تصاویر را نمی‌تونم !
    توی تنظیمات میشه گرد کرد ولی خیلی گرد میشه.
    چیکار کنم ؟

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

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

  3. U8310 ۱۵ آذر ۱۳۹۹

    Title تگ h1 نمی خوره راهی هست واسه این کار یا باید یه پاراگراف ایجاد کرد دلیل این سوال اینه که
    واسه سئو مشکلی پیش نمیاد ؟؟
    چون نوشته ای که ایجاد میشه تگ h1 نداره بجاش تایتل داره که اونم تگ h1 نیست ؟؟؟

    • تیم پشتیبانی تیم پشتیبانی ۱۶ آذر ۱۳۹۹

      اگر عنوان شما h2 یا h3 هست پیشنهاد میشود عنوان را تغییر دهید و تگ h1 درون h2 ایجاد نکنید. ۲. بستگی دارد. مقاله ما درباره ساب دامین یا فولدر را مشاهده بفرمایید . ۳. مشکلی ایجاد نمی شود

  4. U23034 ۲۲ تیر ۱۳۹۹

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

    • تیم پشتیبانی تیم پشتیبانی ۲۳ تیر ۱۳۹۹

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

  5. کاربر مهمان ۷ اسفند ۱۳۹۸
  6. U5807 ۳ مرداد ۱۳۹۸

    با سلام و عرض ادب
    کد مربوط به ویدیو آپارات را باید در کلام بلوک در گوتنبرگ قرار دهیم؟
    آیا باید در بلوک کد کوتاه باشد یا اچ تی ام ال یا ….؟
    با تشکر

  7. U6469 ۴ تیر ۱۳۹۸

    سلام
    وقتی یک متن مینویسیم. مثلاً
    1- سلام. این یک تست است
    وقتی که رنگ عدد یک را میخواهم تغییر دهم ، رنگ همه متن تغییر میکند. راهی وجود داره که بتونم فقط رنگ عدد یک را تغییر دهم؟

  8. U19838 ۳ تیر ۱۳۹۸

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

  9. U5807 ۲۰ اسفند ۱۳۹۷

    سلام
    در ویرایشگر گوتنبرگ، آدرس را از کجا می توان ویرایش کرد؟

  10. U5807 ۱۹ اسفند ۱۳۹۷

    با سلام و عرض ادب
    در ویرایشگر کلاسیک یک گزینه وجود داشت که می توانستیم متن را بصورت ساده کپی پیست کنیم.
    چگونه می توانیم در گوتنبرگ متن را بصورت ساده paste کنیم؟
    با تشکر

    • Reza Rad رضا راد ۱۹ اسفند ۱۳۹۷

      درود متن رو توی نوار مرورگر کپی کنید سپس توی محتوا کپی پیست کنید.

      • U5807 ۲۰ اسفند ۱۳۹۷

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

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

        سوال دوم: آیا امکان دیدن مطالب بصورت html که قبلا در قسمت متنی ویرایشگر کلاسیک بود در گوتنبرگ وجود ندارد؟

        • Reza Rad رضا راد ۲۰ اسفند ۱۳۹۷

          سپاس
          خیر متاسفانه فعلا وجود ندارد
          ۲. باید منتظر نسخه جدید قالب باشیم اما می‌توانید از شورت‌کدهایی که قبلا ساختید استفاده کنید یعنی کپی کنید
          ۳. بله از کلید‌های M + ctrl+ alt +shift استفاده کنید.

  11. U15531 ۱۷ بهمن ۱۳۹۷

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

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

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

  12. U14365 ۲۹ دی ۱۳۹۷

    خوب بود ای کاش بصورت فیلم آموزش می دادید.

  13. U11141 ۲۷ دی ۱۳۹۷

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

    • Reza Rad رضا راد ۲۷ دی ۱۳۹۷

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

  14. کاربر مهمان ۲۷ دی ۱۳۹۷

    با درود
    بنده به شخصه از طرفداران گوتنبرگ هستم مخصوصا اینکه افزونه هایی هم که برایش نوشته شده را اضافه کنیم. امانکته ای که سایت خودم و برخی دیگر با آن مواجه شدند رو شایسته دیدم اضافه کنم:
    اول اینکه وقتی سایتم از نسخه 4.9.8 به 5.02 بروز رسانی شد بسیاری از پلاگینها از جمله بکری و یواست با مشکل مواجه شدند در ویرایشگر گوتنبرگ مثلا یواست سایت من اصلا چک لیست ویا فیلد کلمه کلیدی و… را نمایش نمیدهد فقط باکس یواست هست و لینک راهنمایش البته ارتقا هم دادم یواست را و با اینکه نسخه 5.6 ویژوال کمپوزر رو هم بروز رسانی کردم ولی متاسفانه وقتی گوتنبرگ فعال است پیدایش نمیکنی ولی وقتی روی کلاسیک سوئیچ میکنی درست میشود و بلاک گوتنبرگ به ویژوال کمپوزر اضافه میشود و از طریق ویژوال کمپوزر میشود با بلاکهای گوتنبرگ کار کرد
    ولی به همه توصیه میکنم از این ویرایشگر استفاده کنند
    فقط ای کاش مثل المتور صفحات و قالبهایی که می سازی را بتوانی ذخیره کنی و بعد استفاده کنی

    • Reza Rad رضا راد ۲۷ دی ۱۳۹۷

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