0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

آموزش ویرایشگر گوتنبرگ (قسمت دوم)

نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد بازدید 1402
تاریخ بروزرسانی ۱۳ مهر ۱۳۹۹

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

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

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

گوتنبرگ

گوتنبرگ

 

 

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

 

گوتنبرگ

گوتنبرگ

 

 

 

همین طور که می بینید ویرایشگر ما با همون شکل و شمایل ظاهر میشه و ما میتونیم متنمون رو ویرایش کنیم مثل قبل.

گوتنبرگ

گوتنبرگ

 

 

در این ویرایشگر المان های زیادی وجود داره و تواین محتوا نمی شه تک به تک توضیح بدم چون این محتوا به گونه ای درباره آشنایی شما با ویرایشگر گوتنبرگ هست.

المان دیگر گزینه ی table رو براتون میگم که به راحتی می تونید جدول بکشید.

 

گوتنبرگ

گوتنبرگ

 

و تعیین می کنید که تعداد سطر و ستون ها چقدر باشه و گزینه ی ایجاد جدول رو می زنید.

 

گوتنبرگ

 

به این ترتیب جدول شما آماده است.

 

 

گوتنبرگ

 

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

 

گوتنبرگ

 

 

گوتنبرگ

 

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

 

 

گوتنبرگ

 

برای مثال تصویر شاخص را به این ترتیب قرار می دهیم:

 

گوتنبرگ

گوتنبرگ

 

 

در قسمت چکیده یک توضیح مختصر در مورد این مقاله قرار میدیم.

 

گوتنبرگ

 

 

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

 

گوتنبرگ

 

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

 

گوتنبرگ

 

گوتنبرگ

 

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

 

گوتنبرگ

 

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

 

گوتنبرگ

 

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

 

 

گوتنبرگ

 

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

 

گوتنبرگ

 

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

 

گوتنبرگ

 

 

هرموقع نیازی به ویرایشگر کلاسیک نداشتید غیر فعالش کنید و از ویرایشگر گوتنبرگ استفاده کنید.

 

گوتنبرگ

 

امیدوارم توضیحات در مورد ویرایشگر گوتنبرگ مفید بوده باشه و بهره و لذت کافی را از این آموزش برده باشید. و به راحتی بتونید با این ویرایشگر کار کنید.

اگه در مورد این ویرایشگر سوالی براتون پیش اومد حتما بپرسید  تیم طراحی سایت اصفهان پاسخ همه ی سوالات شمارو با صبوری میده.

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

شاد و سربلند باشید…

 

0/5 (0 Reviews)
مطالب مرتبط
menu-css-html
مطالعه :

همانطور که می دانید یکی از مهم ترین بخش های وب سایت که منوی ناوبری می باشد. این قسمت جز بخش های بسیار تزئینی و تعاملی صفحه است. در این مقاله شما را با نحوه ی ایجاد منو و زیر منو آشنا خواهیم کرد. به طوریکه در پایان این آموزش شما می ­توانید یک منوی ناوبری تعاملی ایجاد نمایید. با تیم طراحی سایت اصفهان وب یار همراه باشید. مرحله اول-ایجاد یک منوی ساده در مرحله ی اول باید کد های html مربوط به منوی اصلی در یک فایل با پسوند html نوشته و ذخیره شود. برای نوشتن منو در html تگ های ul و li مورد استفاده قرار می گیرد. <!DOCTYPE html> <head> <title>DropDown Menu with HTML and CSS</title> </head> <body> <nav> <ul> <li><a href=”#”>طراحی سایت </a></li> <li><a href=”#”>سئوسایت </a></li> <li><a href=”#”>طراحی فروشگاه اینترنتی </a></li> <li><a href=”#”>درباره وب یار</a></li> <li><a href=”#”>تماس با وب یار</a></li> </ul> </nav> </body> </html> کد بالا یک فهرست توسط ul ایجاد می کند. آیتم­ های منو در درون این فهرست و در تگ li قرار می گیرند. کد های بالا لیستی از منوی ساده ی عمودی فاقد زیر منو را نمایش می دهد.این کد ها شامل 5 منوی اصلی می باشد. مرحله دوم- ساخت زیر منو تا اینجا تنها منو های اصلی طراحی شده است، حال برای این که منو هایی با زیر منو داشته باشیم […]

دریافت رایگان ساب اسکرایب یوتیوب free youtube subscribe
مطالعه :

در روش آموزش دریافت subscribe YouTube ساب اسکرایب رایگان یوتیوب ابتدا در پنل زیر عضو میشوید و با کلیک بروی گزینه پنل رایگان ساب اسکرایب یوتیوب های خود را دریافت می کنید.   پنل جدید اضافه شد نمایی از تست پنل جدید دریافت رایگان ساب اسکرایب یوتیوب free youtube subscribe سامانه بروز شد و رفرال گیری جهت افزایش دوبرابری ساب اسکرایب ها اضاهه شد   پنل نسخه 1.3 قبل از بروز رسانی دریافت رایگان ساب اسکرایب یوتیوب free youtube subscribe   http://youtube.socialnetserv.com آموزش دریافت ممبر کانال یوتیوب و subscribe YouTube ساب اسکرایب رایگان یوتیوب free subscribe افزایش ساب اسکرایب دریافت ساب اسکرایب ساب اسکرایب رایگان آموزش دریافت ساب اسکرایب دریافت subscribe youtube آموزش دریافت ساب اسکرایب رایگان آموزش دریافت subscribe ازسایت youtube ساب اسکرایب یوتیوب subscribe youtube free subscribe youtube get subscribe youtube site get youtube subscribe pannel افزایش subscribe یوتیوب فروش subscribe youtube خرید ساب اسکرایب یوتیوب خرید subscribe youtube subscribe youtube رایگان طبق فیلم آموزش ساب اسکرایب رایگان جلو بروید. سخن آخر YouTube یکی از وب سایت های می باشد برای کسب درآمد می توان در آن ویدئو ها را آپلود کنید. با آپلود ویدئو ها در سایت یوتیوب ، یوتیوب در میان ویدئو های شما تبلیغاتی را به نمایش می‌گذارد که این امر باعث افزایش درآمد شما به دلار می‌شود.یوتیوب در ازای هر ویدئو می‌تواند به شما […]

بوت استرپ 5
مطالعه :

سلام در سپتامبر سال 2020 یک خبر توجه همه را به خودش جلب کرد. کمپانی توییتر پنجمین ورژن از فریمورک محبوب بوت استرپ را ارائه کرد. در این نسخه تغییرات بسیار زیادی ایجاد شده است که در ادامه آن ها را خواهیم نوشت. می خواهیم به سوالاتی که در این باره برای شما پیش می آید پاسخ دهیم. بوت استرپ چیست؟ چرا باید از بوت استرپ بلد باشیم؟ بوت استرپ 5 چه ویژگی هایی دارد؟ چه تفاوتی بین ورژن 4 و 5 وجود دارد؟ چگونه از بوت استرپ 4 به 5 کوچ کنیم؟   بوت استرپ چیست؟ بوت استرپ یک فریمورک سی اس اس، محصول کمپانی توییتر می باشد. این محصول علاوه بر ریسپانسیو کردن وبسایت شما به یک سری کلاس آماده برای زیبا سازی و چینش سایت شما مجهز است. این محصول در 5 ورژن عرضه شده که نسخه 5 آن هنوز آزمایشی است. و تا اصلاح شدن آن زمان زیادی لازم است.     ویژگی ها و تفاوت های بوت استرپ 5 : تغییرات در این نسخه از بوت استرپ بسیار زیاد و وسیع بوده به گونه ای که باعث تعجب عموم شده است. در نسخه بتا 1 این تغییرات عبارت اند از: اضافه کردن کلاس جدید شبکه بندی: در این نسخه یک کلاس شبکه بندی برای نمایش گر های بزرگ تر از 1400 پیکسل تحت عنوان col-xxl- […]

نرخ کلیک (CTR) چیست و چگونه آن را افزایش دهیم ؟
مطالعه :

در این مقاله از وب یار قصد داریم به بررسی نرخ کلیک بپردازیم و راه های افزایش آن را بیان کنیم. پس با ما همراه باشید. نرخ کلیک (CTR) چیست ؟     CTR که به نرخ کلیک معروف است، مخفف “Click Through Rate” ،به معنای درصدی از کاربران است که بر روی لینک سایت شما کلیک می کنند. نرخ کلیک از تقسیم تعداد افرادی که بر روی یک لینک کلیک کرده اند ، بر تعداد نمایش آن محاسبه می شود. حال سوال مهم اینجاست آیا نرخ کلیک بر روی سئو سایت تاثیر دارد ؟ رتبه شما در موتورهای جستجو تا حدی بر اساس محبوبیت وب سایت شما است و میزان محبوبیت آن با بازدید از صفحه اندازه گیری می شود. هرچه کلیک صفحه شما بیشتر شود – یا به عبارت دیگر CTR بالاتر باشد – موتور جستجوگر ارزش آن را بالاتر می داند. بنابراین صفحه شما به طور طبیعی رتبه بالاتری خواهد داشت. در نتیجه می توان گفت CTR بالاتر برابر با SEO بهتر است. چه راه هایی برای افزایش نرخ کلیک سایت وجود دارد ؟ در جهت افزایش نرخ کلیک توضیحات متا (meta description) موثر بنویسید متا تگ های توضیحات بیشترین ورودی SERP شما را تشکیل می دهند. آنها به بازدیدکنندگان بالقوه می گویند هنگام کلیک کردن روی پیوند چه انتظاری باید داشته باشند. نوشتن توضیحات متا موثر […]

تبلیغات و آگهی در اصفهان
مطالعه :

تبلیغات در اصفهان با تیم حرفه ای و با سابقه ی وب یار ، با ارائه ی خدمات خود به بهترین نحو ممکن و با عالی ترین نتایج در استان اصفهان مشغول فعالیت است. به کارگیری بهترین‌های دیجیتال مارکتینگ و تبلیغات توانسته است سابقه ی درخشانی را برای این تیم به ارمغان بیاورد. در ادامه به معرفی گوشه ای از فعالیت های این تیم در زمینه ی تبلیغات در اصفهان می‌پردازیم. می‌توان فعالیت های ارزشمند تیم آگهی و تبلیغات اصفهان را در زمینه های زیر دسته بندی کرد. رسته مشاوره رسته خدمات رسانه رسته خدمات تبلیغ در ادامه به معرفی هر یک  از این موارد می پردازیم. رسته مشاوره این رسته حرفه ای‌ترین و تخصصی ترین نوع رسته کانون‌ها و شرکت‌های تبلیغاتی می‌باشد. فعالیت در این رسته مستلزم داشتن تحصیلات عالی مرتبط و سوابق تجربی است. چرا که تعیین هدف، تهیه پیام، انتخاب رسانه، تعیین بودجه و ارزیابی از جمله مراحل اجرایی آن است و انجام هر یک از آنها تخصص خاص خود را می طلبد. فعالیت مرتبط برنامه نویسی (کمپین) برای معرفی کالا و خدمات به همراه تحقیقات بازار و ارزیابی اثربخشی تبلیغات. رسته خدمات رسانه فعالیت در حوزه ای که کانون صاحب رسانه می باشد یا رسانه ای را در اجاره دارد. فعالیت‌های مرتبط در ادامه فعالیت های مرتبط با این رسته را به صورت مفصل برای شما […]

مطالعه :

breadcrumb چیست؟ Breadcrumb ( بردکرامب ) یک مسیر نوشتاری کوچک است  که اغلب در بالای صفحه قرار دارد و محل کاربر را در سایت نشان می دهد. هر مرحله از این مسیر راهنما تا بازگشت به صفحه اصلی قابل کلیک است. برای مثال به تصویر زیر دقت کنید که به طور واضح مکان این محتوا را نشان می دهد.     جالب است بدانید breadcrumb به معنای خرده نان است و از داستان هانسل و گرتل سرچشمه می گیرد. وقتی هانسل و گرتل به جنگل رفتند ، هانسل تکه های نان را روی زمین انداخت تا در صورت گم شدن بتوانند به خانه راه پیدا کنند. این مسیر راهنما سرانجام الگویی برای مواردی شد که این روزها در وب سایت ها می بینیم. مزایای استفاده از breadcrumb چیست ؟ 1. گوگل آنها را دوست دارد! بردکرامب ها روش دیگری را برای پی بردن به چگونگی ساختار وب سایت شما به گوگل ارائه می دهند ، اما گوگل ممکن است از آنها در نتایج جستجوی واقعی نیز استفاده کند ، که نتیجه شما را برای کاربران بسیار جذاب تر می کند. 2. آنها تجربه کاربر را افزایش می دهند. همه از گم شدن متنفرند و این در مورد وب سایت ها نیز صدق می کند. بردکرامب ها می توانند به تجربه کاربری شما کمک کنند ، زیرا آنها یک عنصر مشترک رابط […]

دیدگاه ها

یک پاسخ به “آموزش ویرایشگر گوتنبرگ (قسمت دوم)”

  1. علی طیاری گفت:

    بسیار عالی و کارآمد

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *