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

یک ستارهدو ستارهسه ستارهچهار ستارهپنج ستاره
۹۷/۰۹/۲۶ 21 بازدید
آموزش گوتنبرگ

آموزش گوتنبرگ | ویرایشگر جدید وردپرس ، کار با gutenberg فارسی ، قابلیت و امکانات جدید وردپرس برای کاربران ، استفاده از بلاک های مختلف

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

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

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

گوتنبرگ چیست

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

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

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

این تکنولوژی جدید از تعداد زیادی جاوا اسکریپت مانند فرم ورک react تشکیل شده است و افزونه های زیادی از جمله افزونه Advanced Custom Fields یا CMB2 را در جعبه ی متا نگهداری می کند و کار کردن با آن دقیقا شبیه صفحه ساز گرافیکی  visual composer است و شما با کلیک بر روی هر بلاک آن را به نوشته ی خود اضافه می کنید .

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

برخی از کاربران شاید حس کنند که بلاک بودن ویژگی های این ویرایشگر سخت و آن را پیچیده ساخته است ولی باید بگوییم که جای هیچ گونه نگرانی نیست چرا که نه تنها چیزی سخت نشده است بلکه کار برای کاربران نیز ساده تر و سریع تر گشته است . همچنین کلیه ی بلاک های گوتنبرگ قابلیت تکثیر یا ویرایش به عنوان HTML را در اختیار شما قرار میدهند و حتی برخی از بلاک ها می توانند به بلاک های دیگری تبدیل شوند و یا حتی بلاکی را که ایجاد کرده اید را نیز می توانید در بین مطالب دیگر خود به اشتراک بگذارید .

کار با گوتنبرگ فارسی

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

کار با گوتنبرگ فارسی

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

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

  • پاراگراف‌ها
  • لیست‌ها
  • نقل قول
  • تیترها
  • کدها
  • تصاویر
  • گالری تصاویر
  • شورت‌کدها
  • ستون‌ها
  • دکمه‌ها
  • ابزارک‌ها
  • محیط قطعه‌ کدها

افزودن عنوان نوشته و تصویر و پاراگراف

برای قرار دادن عنوان نوشته تنها کافی است شما بلاک مورد نظر برای نوشتن عنوان را انتخاب کرده و متن مورد نظر را در عنوان نوشته تایپ کنید سپس از ساید بار سمت چپ هر یک از قابلیت های دیگر را که برای عنوان نیاز دارید را تغییر داده و در نوشته قرار دهید . زمانی که از بلاک متنی در نوشته استفاده می کنید تنظیمی با عنوان “راس افتادن” (!) در ساید بار سمت چپ نشان داده می شود که در صورت انتخاب آن ، حرف اول متن به صورت بزرگ نمایش داده خواهد شد .

برای قرار دادن تصویر نیز باید بر روی بلاک تصویر کلیک کرده و عکس مد نظر خود را آپلود و انتخاب کنید سپس در قسمت قابلیت ها و تنظیمات دیگر تصویر از جمله سایز ، برچسب ، متن جایگزین و … را تغییر دهید .

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

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

نکته : در صورتی که مایل به مخفی سازی ساید بار سمت چپ باشید می توانید بر روی دکمه ی چرخ دنده در بالای صفحه کلیک کنید . همچنین در بالا سمت راست یک دکمه کوچک به شکل i (معادل info یا اطلاعات) وجود دارد که در صورت کلیک بر روی آن می توان اطلاعات نوشته و همچنین ساختار کلی متن را مشاهده نمایید .

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

 

افزودن ستون ها، page break، دکمه ، بیشتر، جدا کننده، spacer

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

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

بیشتر نیز بخشی است که در ویرایشگر کلاسیک قبلی نیز دیده می شود و برای قرار دادن ادامه مطالب مورد استفاده قرار می گیرد . جدا کننده یا همان hr تنها برای شما یک خط قرار می دهد . spacer نیز فاصله ای بین بلاک ها ایجاد می کند .

افزودن استایل دستی css

شما ۴ سایز مختلف را در اختیار دارید که با کلاس های زیر می توانید به راحتی آنها را تغییر دهید .

  • gutenberg
  • .is-small-text : کلاس نوشته کوچک
  • .is-regular-text : کلاس نوشته معمولی
  • .is-large-text : کلاس نوشته بزرگ
  • .is-larger-text : کلاس نوشته خیلی بزرگ
  • .wp-block کل بلاک های نوشته
  • قابلیت wp-block-{namespace}-{block-name} به شکلی است که می توانید آنرا شخصی سازی کنید
  • .wp-block-table بلاک جدول
  • .wp-block-quote نقل قول
  • .wp-block-columns کلاس ستون ها
  • wp-block-verse کلاس شعر
  • wp-block-pullquote بلاک نقل قول کشیده
  • wp-block-code بلاک کد ها

کد های css گوتنبرگ

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

افزودن شبکه های اجتماعی

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

عملکرد Yoast SEO در ویرایشگر گوتنبرگ

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

با تشکر از همراهی شما – شادباشید

دیدگاه بگذارید

avatar
  اشتراک در  
اطلاع از