• صفحه اصلی
  • نرم افزارها
    • اسکچاپ
      • دانلود اسکچاپ
      • رندر گرفتن در اسکچاپ
    • اتوکد
      • مقالات آموزشی اتوکد
      • دانلود اتوکد
    • راینو
    • 3دی‌مکس
      • آموزش انیمیشن سازی در 3d max
    • فتوشاپ
    • مایا
  • دکوراسیون
  • محصولات
    • ابزارها
    • آموزش ها
  • تماس با ما
  • درباره ما
  • صفحه اصلی
  • نرم افزارها
    • اسکچاپ
      • دانلود اسکچاپ
      • رندر گرفتن در اسکچاپ
    • اتوکد
      • مقالات آموزشی اتوکد
      • دانلود اتوکد
    • راینو
    • 3دی‌مکس
      • آموزش انیمیشن سازی در 3d max
    • فتوشاپ
    • مایا
  • دکوراسیون
  • محصولات
    • ابزارها
    • آموزش ها
  • تماس با ما
  • درباره ما
پنل کاربری

مهاجرت به ویرایشگر گوتنبرگ وردپرس (Gutenberg): ویرایشگر جدید وردپرس

مرداد 23, 1397
ارسال شده توسط سجاد ابوالحسنی
آموزش وردپرس
786 بازدید
گوتنبرگ وردپرس

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

[wpsm_box type=”gray” float=”none” text_align=”justify”]
  • گوتنبرگ چیست؟
  • نحوه نصب گوتنبرگ
  • بررسی گوتنبرگ Gutenberg
  • گوتنبرگ را امتحان کنید
[/wpsm_box]

گوتنبرگ Gutenberg چیست؟

گوتنبرگ ویرایشگر جدید وردپرس است. این اسم از جاناتان گوتنبرگ Johannes Gutenberg کسی حروف چاپی قابل جابجایی و ماشین چاپ را حدود 500 سال پیش اختراع کرد، برگرفته شده است. ویرایشگر فعلی همه ما را مجبور کرده است تا از شورتکدها و کدهای HTML فراوانی استفاده کنیم تا چیزی که می خواهیم را به دست بیاوریم. هدف این ویرایشگر این است که این کار آسان تر شود، مخصوصاً برای افرادی که تازه کار با وردپرس را شروع می کنند. این توسعه دهنده ها بلاک های کوچکی را آماده کرده اند و به دنبال ساخت امکانات لایه بندی صفحات هستند.

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

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

نحوه نصب گوتنبرگ Gutenberg

زمانی که این مقاله را آماده می کنیم، افزونه گوتنبرگ به تعداد نصبی که موسس آن توقع دارد،رسیده است و بیش از 100،000 نصب فعال دارد و امتیاز آن 2.5 از 5 است. این پلاگین به وردپرس ورژن 4.8 نیازمند است.

  پلاگین gutenberg

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

نصب افزونه گوتنبرگ

بررسی افزونه Gutenberg

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

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

  ویرایشگر کلاسیک وردپرس

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

منوی گوتنبرگ در وردپرس  

اگر به طور همزمان به ویرایشگر فعلی وردپرس و ویرایشگر گوتنبرگ نگاه کنید (بر روی عکس کلیک کنید تا بزرگ شود) می بینید که Gutenberg فضای بسیار بیشتری برای نوشتن دارد مخصوصاً در صفحه های کوچکتر. برای افرادی که از لپ تاپ برای نوشتن استفاده می کنند، گوتنبرگ تغییری مثبت است. این ویرایشگر واقعاً بر روی “نوشتن” تمرکز کرده است و المان های مزاحم کمتری دارد.

مقایسه گوتنبرگ با ویرایشگر قدیمی وردپرس  

در ویرایشگر Gutenberg وردپرس شما می توانید بر روی دکمه تنظیمات (Settings) کلیک کنید تا منوی سمت چپ به طور کامل مخفی شود. با این کار شما فضای بیشتری برای نوشتن در فضای وردپرس دارید، البته این بخش مشابه “حالت نوشتن بدون مزاحم” در ویرایشگر فعلی وردپرس است. ما سعی کردیم همانند ویرایشگر فعلی از دکمه های Shift + Alt + W برای مخفی کردن استفاده کنیم که متاسفانه کار نکرد. ممکن است این امکان را هنوز اضافه نکرده باشند. ولی جیزی که مشخص است آن ها این امکان را اضافه خواهند کرد. تعداد زیادی از کاربران از این کلیدها استفاده می کنند.

مخفی کردن منوی گوتنبرگ

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

[wpsm_codebox style=”2″]
<!-- wp:core/text --> <!-- /wp:core/text -->
[/wpsm_codebox]

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

ویرایشگر دیداری و متنی در Gutneberg

وقتی که بر روی بلاک ها Hover می کنید (موس را روی آن ها می برید)، انتخاب هایی برای جابجایی آن ها به بالا و یا پایین،پاک کردن آن و یا ورود به تنظیمات بلاک نمایش داده می شود. این امکانات بسیار مشابه برگه سازهای موجود و رایج است.

ویرایشگر بلاک در گوتنبرگ

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

گوتنبرگ در موبایل

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

  دکمه insert در گوتنبرگ  

در این بخش از مقاله به تعدادی از این بلاک ها و امکانات آن ها اشاره می کنیم:

بلاک جدول و بلاک ستون متنی

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

جدول در گوتنبرگ

همچنین امکان اضافه کردن ستون های متنی ریسپانسیو نیز وجود دارد. در حال حاضر شما می توانید بین 2،3 و یا 4 ستون را انتخاب نمایید. ستون های ریسپانسیو همیشه در وردپرس مساله مهمی بوده است و همواره به افزونه اضافه برای کارکرد نیاز دارد.

بلاک ستون ها در گوتنبرگ

بلاک HTML پویا (Live)

از جمله امکانات دیگری که نام آن را Live HTML block می نامند است. شما می توانید کدی را وارد کنید و ظاهر آن را ببینید. این ویژگی فوق العاده ایست که ما را از سردر گمی میان کدها برای ویرایش نجات می دهد. بلاک Live Html

Drag & Drop عکس ها در گوتنبرگ

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

بلاک های پر استفاده

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

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

امکانات ویرایش متن

در گوتنبرگ وردپرس 0.9.0 امکانات دیداری مناسبی برای ویرایش رنگ،سایز،رنگ پس زمینه و … برای بلاک ها وجود دارد: امکانات ویرایش متنی گوتنبرگ وردپرس

اضافه کردن یک بلاک با زدن SLASH

یکی از ویژگی های جذابی که در ورژن 1.1.0 گوتنبرگ وردپرس اضافه شد،این است که شما تنها با زدن یک Slash (/) لیست بلاک های کاربردی را می بینید که این کار امکان سریع تر آوردن بلاک ها را راحت تر می کند:

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

فهرست محتوا(طرح اسناد)،تعداد کلمات و بلاک ها در گوتنبرگ وردپرس

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

  طرح اسناد در گوتنبرگ

بیشتر ما عادت داشتیم تعداد کل واژه ها را در پایین ویرایشگر WYSIWYG  بینیم. در گوتنبرگ 1.2.1 به بعد این امکان به صورت پاپ آپ در کنار فهرست محتوا آورده شده است.شما هم اکنون می توانید تعداد کل واژه ها، تیترها، پاراگراف ها و بلاک ها را ببینید. (تصویر بالا)

لینک دهی Sectionها و بلاک ها

ویژگی دیگر جالب در بلاک ها، لینک ها (Anchor) هستند. شما به وسیله این امکان فوق العاده می توانید به یک Section یا تیتر لینک بدهید . در واقع شما به بلاک آن لینک می دهید که این ویژگی مدت ها است که در هسته وردپرس مورد نیاز بود.

لنگرها در گوتنبرگ

ساخت دکمه در گوتنبرگ وردپرس

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

دکمه ها در گوتنبرگ وردپرس  

گوتنبرگ را امتحان کنید

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

  [wpsm_box type=”info” float=”none” text_align=”justify”]

کلام آخر…

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

آیا گوتنبرگ را نصب کرده اید؟ خوشحال میشیم نظرات و تجربه استفاده از ویرایشگر گوتنبرگ وردپرس را با ما در میان بگذارید.
[/wpsm_box]

[wpsm_button color=”red” size=”small” link=”https://wordpress.org/plugins/gutenberg/” icon=”download” class=”” border_radius=”3px” target=”_blank”] دانلود گوتنبرگ وردپرس[/wpsm_button]

اشتراک گذاری:

مطالب زیر را حتما مطالعه کنید

پایگاه داده در وردپرس
رفع خطای برقرای اتصال پایگاه داده در وردپرس
فوتر وردپرس
ایجاد فوتر وردپرس با visual composer و سایر سازندگان صفحه
امنیت
اموزش کامل امنیت در سایت وردپرس
تیتر
ابزاری که کمک می‌کند تا تیتر هایی برای افزایش کلیک‌ها بسازید
پلاگین وردپرس
چگونه آپدیت پلاگین وردپرس را غیرفعال کنیم؟
آکیسمت وردپرس
افزونه اکیسمت (Akismet) یا ضدهرزنامه چیست؟
قدیمی تر افزونه اکیسمت (Akismet) یا ضدهرزنامه چیست؟
جدیدتر ساخت بسته نصب آسان وردپرس با dupliucator

6 دیدگاه

به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.

  • امیر مجذوب گفت:
    مرداد 25, 1397 در 7:35 ق.ظ

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

    پاسخ
  • اشکان گفت:
    مرداد 25, 1397 در 12:41 ب.ظ

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

    پاسخ
    • سجاد ابوالحسنی گفت:
      شهریور 1, 1397 در 10:46 ب.ظ

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

      پاسخ
  • سالار گفت:
    مرداد 29, 1397 در 9:25 ق.ظ

    آقا تاریخ دقیق عرضه اش کی هستش؟

    پاسخ
    • سجاد ابوالحسنی گفت:
      شهریور 1, 1397 در 10:50 ب.ظ

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

      پاسخ
  • علی محمد مفتاحی گفت:
    اردیبهشت 16, 1399 در 8:52 ق.ظ

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

    پاسخ

دیدگاهتان را بنویسید لغو پاسخ

آموزش اتوکد برای شروع
استخدام اتوکد
آخرین مطالب
  • باز کردن درب ضد سرقت با سنجاق | 2 روش آسان و تست شده
  • لذت قدم زدن کنار آب با کفپوش دور استخر چوب پلاست | مدآوری
  • حفاظ پنجره مدرن یا حفاظ پنجره کلاسیک | مشاهده محصولات
  • چسب ممبران؛ راهکاری موثر برای نصب کابینت‌های ممبران
  • کاربرد چوب روسی در معماری و دکوراسیون داخلی | چرا بسیاری از طراحان از چوب روسی استفاده می‌کنند؟
  • روف گاردن اوا سنتر: تجربه ای متفاوت از فضای سبز شهری
  • صفر تا صد تفاوت سبک مدرن و مینیمال که باید بدانید
  • پارچه های روپوش پزشکی و پرستاری کدامند؟
دسته‌ها
  • آبجکت های تری دی مکس
  • آموزش اتوکد دو بعدی
  • آموزش اتوکد سه بعدی
  • آموزش اسکچاپ
  • آموزش اسکیس
  • آموزش تری دی مکس
  • آموزش رویت
  • آموزش فتوشاپ
  • آموزش وردپرس
  • ابزار نقاشی
  • اتوکد
  • اسکچاپ
  • اکسل
  • اینفوگرافی
  • پروژه معماری
  • پلاگین های اسکچاپ
  • پلاگین های رویت
  • پلاگین های وردپرس
  • تری دی مکس
  • تکنیک نقاشی
  • جی آی اس
  • دکوراسیون
  • دکوراسیون اتاق خواب
  • دکوراسیون منزل
  • راینو
  • رپورتاژ
  • رندر اسکچاپ
  • رندر در تری دی مکس
  • رندرگیری در رویت
  • رنگ در دکوراسیون
  • رویت
  • سایر
  • طراحی چهره
  • طراحی دکوراسیون
  • طراحی رزومه
  • طراحی شهری
  • طرح تفصیلی
  • فتوشاپ
  • قالب های وردپرس
  • کامپوننت های اسکچاپ
  • گرافیک
  • لوگو
  • لومیون
  • مایا
  • متریال های اسکچاپ
  • معماری
  • نقاشی
  • هنر
  • وردپرس
برچسب‌ها
آموزش دستورات اتوکد دستورات اتوکد سه بعدی دستور اتوکد سه بعدی شهر شهرسازی طراحی طراحی پلان معماری طرح تفصیلی تهران مدل سازی معماری داخلی نرم افزار

پشتیبانی از ساعت ۹ تا ۱۶ | شماره تماس: ۲۸۴۲۶۲۰۲-۰۲۱

تماس با ما

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

 

لینک‌ها

انجام پروژه اتوکد

تولید محتوا

مقالات

تماس با ما

درباره ما

ارتباط با ما

آدرس: خیابان ابن سینا، روبروی پمپ بنزین، پلاک ۸۸

۰۲۱-۲۸۴۲۶۲۰۲

۰۹۱۲۰۶۷۸۹۶۲