051 3894 5808
0915 435 6018
دهکده وب
طراحی سایت » آموزش وردپرس » همه چیز درباره ی ویرایشگر گوتنبرگ در وردپرس 5
همه چیز درباره ی ویرایشگر گوتنبرگ در وردپرس 5
آموزش وردپرس, افزونه های وردپرس, طراحی سایت, قالب های وردپرس 11 دسامبر 2018

همه چیز درباره ی ویرایشگر گوتنبرگ در وردپرس 5

پرستو بخشی پرستو بخشی

همه چیز درباره ی ویرایشگر گوتنبرگ در وردپرس 5

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

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

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

ادیتور قدیمی وردپرس یعنی ادیتور کلاسیک فقط یک پنجره متنی ساده بود . به خوبی کار می کرد . اما هر بخش جدیدی مثل گالری، کد کوتاه، ویدئو و … که می خواستیم قرار دهیم، از روش های مختلف باید استفاده می شد . اما این ویرایشگر جدید، شما را با تجربه ای جدید از نوشتن در ” cms “ آشنا می کند .

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

ویژگی بلاک ها

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

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

بلوک ها همچنین پست های غنی محتوا را بسیار جذاب تر و راحت تر ایجاد می کنند . وبلاگ نویسان و نویسندگان محتوا باید بدانند که هم زمان با نوشتن محتوا، می توانند ساختار قرار گیری محتوا را نیز ببینند . با انتخاب هر بلاک می‌ توانید در بخش سمت چپ ویرایشگر گوتنبرگ تنظیمات مربوط به آن را ببینید . برای مثال اگر یک بلاک کاور ” تصویر پس زمینه “ انتخاب کرده باشید و روی آن کلیک کنید، در سمت چپ تنظیماتی مثل فیکس شدن پس زمینه، روکش رنگی، opacity و … برای تصاویر شما ظاهر می‌ شوند .

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

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

ساخت تم های سفارشی توسط بلاک ها

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

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

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

ویرایش تصویری و بلوک استاندارد خواهد بود

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

ویژگی های ویرایشگر گوتنبرگ

یکی از ویژگی های جذاب در این ویرایشگر این لاست که بسیاری از امکانات وردپرس همه در یک صفحه گنجانده شده اند .

ابزارک ها در گوتنبرگ

ابزارک ها

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

یکی دیگر از ویژگی های ویرایشگر گوتنبرگ این است که جاسازی و قرار دهی ”  embed “بخش های هر پست بسیار ساده تر شده است .

جاسازی ابزارک ها

ویژگی مهم و جالب دیگری در مورد جاسازی ابزارک ها در وردپرس 5 است . در واقع این مسأله باعث می شود که اضافه کردن فیلم، توییتر و فیسبوک بسیار آسان تر شود . هر ” جاسازی “ بلاک مخصوص به خودش را دارد . بنابراین درست مثل بقیه بلاک ها می توانید تنظیمات بلاک را پیاده کنید .

حالت تمام صفحه

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

اضافه کردن دسته، تگ و …

اضافه کردن دسته، تگ و …

تمام ویژگی هایی که برای ویرایش پست هایتان نیاز دارید، زیر نوار کناری می توانید پیدا کنید . این مسأله شامل انتشار و ذخیره، دسته ها، برچسب ها، نوع نوشته و … است .

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

اگر در برخی بخش های سایت، از استایل همسان استفاده می کنید، می توانید برخی بلوک ها را به صورت ” استفاده مجدد “ ذخیره کنید . ان وقت هر زمان که نیاز داشته باشید می توانید از ان ها استفاده کنید . تنها کافی است روی سه نقطه که همان ویرایش بلاک هست کلیک کنید . بعد گزینه ی ”  Add to reusable blocks  “ را انتخاب کنید .

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

برای مثال بنده یک بلاک با اسم ” تست “ ذخیره کرده بودم . حالا وقتی بخواهم یک بخش جدید به محتوا اضافه کنم، در بخش جستجو، تست را سرچ می کنم . اینجا است که می توانم در صفحه از ” بلوک تست “ استفاده کنم .

ویرایش محتوای موجود بعد از اپدیت وردپرس

عده ای این سوال برایشان پیش امده است که ایا بعد از به روز رسانی، وردپرس 5 محتوا های قبلی ما را نیز تحت تاثیر قرار می دهد یا خیر ؟ باید به شما بگوییم که وردپرس 5 محتوای قبلی شما را تحت تأثیر قرار نمی دهد . در واقع همچنان می توانید به راحتی آن ها را ویرایش کنید . به این صورت که مقاله های قدیمی را در یک بلاک ویرایشگر ” کلاسیک “ پیچیده می بینید .

نحوه ی کار با ویرایشگر گوتنبرگ

اگر چه در نگاه اول ممکن است کار کردن با ویرایشگر گوتنبرگ کمی دشوار و گیج‌ کننده باشد اما استفاده از این ویرایشگر با امکانات جدیدش بسیار تجربه‌ ی خوبی است .
ویرایشگر جدید وردپرس 5 بسیار شبیه به افزونه‌ ی صفحه ساز و گرافیکی ” ویژوال کامپوزر “ است . دلیل این شباهت به خاطر این است که برای درج مطلب یا هر آیتم دیگر باید از بخش سمت راست با کلیک بر روی (+) یک بلاک جدید باز کرده و تنظیمات دلخواه را روی آن انجام دهید .

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

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

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

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

وردپرس 5 با ارائه ی ویرایشگر گوتنبرگ چند مزیت کاربردی را برای توسعه‌ دهنده‌ ها ایجاد کرده است .

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

توسعه دهندگان وب از مجموعه ی وسیعی از API و اجزای رابط کاربری برای ایجاد بلاک‌ ها و کنترل‌ های بصری سود می‌ برند . نتیجه ی استفاده از این رابط‌ ها و API ها به رابط کاربری یکپارچه و سازگار تر، افزایش سرعت توسعه سایت و در دسترس‌ پذیری بیشتر منجر می‌ شود .

طراحی بلاکی محتوا ها و رابط کاربری باعث می‌شود توسعه‌ دهنده‌ ها سراغ API پیچیده و سخت نروند و بتوانند مهارت‌ ها و دیدگاه‌ های طراحی خود را به‌ روز رسانی و مدرن‌ تر کنند تا طراحی‌ های غنی‌ تر و یکپارچه‌ تری به دست آید .

ویرایشگر گوتنبرگ چگونه تجارت الکترونیک را تحت تاثیر قرار می دهد ؟

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

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

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

افزونه هایی وجود دارند که در زمینه ی ویرایشگر گوتنبرگ فعالیت می کنند و اکثر آن ها نیز جدید هستند . زیرا این ویرایشگر نیز جدید است . ما یکی از این افزونه ها را انتخاب کردیم . برای پیش رفتن آموزش کافیست افزونه ” Advanced Gutenberg ”  را نصب و فعال کنید . این افزونه به شما در موارد زیر کمک خواهد کرد :

  • در این صورت نسخه ی بهتری نسبت به بلاک های پیش فرض ویرایشگر گوتنبرگ به حساب می آید
  • بلاک های جدیدی را پشتیبانی می کند که به صورت پیش فرض در ویرایشگر گوتنبرگ موجود نیست

پیشرفته کردن گوتنبرگ

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

 پیشرفته کردن گوتنبرگ

یکی از دلایلی که ما این افزونه را برای شما توضیح دادیم این بوده است که این پلاگین نسبت به بلاک های پیش فرض ویرایشگر گوتنبرگ افزونه ی بهتر و نسخه ی بهتری می باشد . برای باز کردن این دلیل و توضیحات می توانید برای مثال بر روی گزینه ” Advance Image ”  کلیک کنید . اگر شما گزینه  ” Action on click ”  را باز کنید، سپس گزینه ی جدیدی با نام ” Open image in lightbox ”  مشاهده خواهید کرد .

در تصویر زیر می توانید مقایسه ای از list پیش فرض ویرایشگر گوتنبرگ و Advance List مربوط به افزونه معرفی شده را ببینید . در واقع تنظیمات پیشرفته تری را می توانید ببینید .

پیشرفته کردن گوتنبرگ

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

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

یکی از این ویژگی ها قابلیت نظرات مشتریان یا ” Testimonial “ می باشد که باز نیز در تصویر زیر قابل مشاهده است .

 پیشرفته کردن گوتنبرگ

پس از وارد کردن نظرات مد نظر خود می توانید دموی آن را مشاهده کنید :

پیشرفته کردن گوتنبرگ

یکی دیگر از ویژگی های داخلی این افزونه، قابلیت نوشته های اخیر یا ” Advance Post Recent “ است . به کمک این ویژگی می توانید نوشته های اخیر خود را در نوشته یا برگه مدنظر خود نمایش دهید .

 پیشرفته کردن گوتنبرگ

همچنین شما میتوانید چیدمان بلاک را به صورت اختصاصی تنظیم کنید ( چپ چین ، راست چین و وسط چین ) . امیدوارم که از این مطلب استفاده کافی برده باشید . خوشحال میشویم نظرات خود را با ما در میان بگذارید .

ازادی در ساختن و نوشتن با ویرایشگر گوتنبرگ

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

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

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

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

ویژگی  ها و امکانات وردپرس 5

سوالات رایج درباره ی وردپرس 5

وردپرس 5 با تغییرات جدید

 

 

 

به اشتراک بگذارید!
پرستو بخشی

پرستو بخشی

پیشنهاد میکنیم مطالب زیر را هم بخوانید.

هنوز دیدگاهی ثبت نشده!

دیدگاه خود را درباره این مطلب ارسال کنید!

خبرنامه دهکده وب

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