وردپرس 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 استفاده کنیم ؟
درباره این سایت