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

ایجاد عناصر در ویرایشگر گوتنبرگ

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

برای ایجاد عناصری غیر از پاراگراف، روی دکمه مثبت (+) قرار گرفته در نوار بالایی ویرایشگر کلیک کنید.

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

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

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

بخش "بیشترین استفاده" در ویرایشگر گوتنبرگ

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

بخش "بلوک های عمومی" در ویرایشگر گوتنبرگ

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

عناصر قابل استفاده در این گروه به شرح زیر هستن:

• بند
  این عنصر همان پاراگراف یا تگ p است که به طور پیش فرض با زدن کلید enter یک عنصر جدید از این جنس برای شما ایجاد می‌شود.
• فهرست
  با به کارگیری فهرست‌ها از تگ‌های ul، ol و li استفاده می‌کنید. امکان ایجاد لیست‌های شمارشی و غیر شمارشی با استفاده از این گزینه امکان پذیر است.
• تصویر
  برای به کارگیری تگ img از این عنصر استفاده کنید. بعد از درج تصویر، امکان آپلود تصویر و یا استفاده از فایل‌های موجود در کتابخانه برای شما فراهم می‌شود.
• تیتر
  تیترها همون تگ های h1 تا h6 هستند که برای ایجاد عنوان و زیرعنوان‌ها از آن‌ها استفاده می‌شود.
• گالری
  این عنصر نمونه ای از عنصر تصویر است با این تفاوت که امکان نمایش چندین تصویر به صورت یکجا برای شما فراهم می‌شود.
• گفتاورد
  منظور از گفتاورد همان نقل قول‌هایی است که در اکثر سایت‌ها مشاهده می کنید. برای ایجاد گفتاورد از تگ blockquote استفاده می‌شود.
• صوت
  برای ایجاد و پخش موزیک و فایل‌های صوتی از این گزینه استفاده کنید.
• رویه
  با به کارگیری این عنصر، می‌توانید تصویری را به عنوان پس زمینه به کار بگیرید و متنی را روی آن به نمایش بگذارید.
• پرونده
  این عنصر دقیقا شبیه به لینک‌ها یا تگ a عمل می‌کند و با به کارگیری آن می‌توانید فایلی را برای دانلود، در دسترس بازدیدکننده‌ها قرار بدهید.
• ویدئو
  برای ایجاد و پخش فایل‌های ویدئویی از این گزینه استفاده کنید.

بخش "قالب بندی" در ویرایشگر گاتنبرگ

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

عناصر قابل استفاده در این گروه به شرح زیر هستند:

• کلاسیک
  با به کارگیری این عنصر امکان استفاده از ویرایشگر قدیمی وردپرس یعنی ویرایشگر کلاسیک، برای شما فراهم می‌شود.
• دستور
  اگر قصد نمایش html و css را در نوشته یا صفحه سایتتان دارید، این عنصر باعث می‌شود کدهای شما به شکل مناسبی به کاربران نمایش داده بشوند.
• HTML سفارشی
  اگر شما با زبان HTML آشنایی دارید، می‌توانید با استفاده از این عنصر، بخش‌های سفارشی صفحه را ایجاد کنید.
• از پیش قالب بندی شده
  این عنصر با استفاده از تگ pre ایجاد می‌شود و دقیقا همان متنی که تایپ می‌کنید را به کاربران نمایش می‌دهد.
• کشیدن نقل قول
  این گزینه، حالت پیشرفته تر گفتاورد است که تنظیمات بیشتر و نمایش متفاوتی را به شما ارائه می‌دهد.
• جدول
  برای ایجاد جداول با استفاده از تگ‌های table، tr و td، از این گزینه استفاده کنید.
• شعر
  این گزینه با استفاده از تگ pre ایجاد می‌شود که فقط کمی تفاوت در حالت نمایش تگ دارد.

بخش " عناصر طرح " در ویرایشگر گاتنبرگ

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

عناصر قابل استفاده در این گروه به شرح زیر هستند:

• دکمه
  این گزینه نمونه ای از تگ a را برای شما ایجاد می‌کند که با به کارگیری css، حالت نمایشی آن به شکل دکمه در امده است. می‌توانید به هر دکمه لینکی را اختصاص بدهید تا کاربر را به آن لینک انتقال بدهد.
• ستون ها
  این عنصر، کاربردی شبیه به جدول دارد. با استفاده از این گزینه می‌توانید محتوای صفحه را در ستون‌های هم اندازه به نمایش بگذارید.
• رسانه و متن
  این  گزینه امکان نمایش رسانه‌هایی مثل تصویر و ویدئو را همراه با متنی مرتبط برای آن رسانه را فراهم می‌کند.
• بیشتر
  با به کارگیری این گزینه می‌توانید قسمتی از متن را به صورت خلاصه، به کاربران نمایش بدهید تا زمانی که کاربر روی دکمه بیشتر، کلیک می‌کند به صفحه داخلی مطلب منتقل بشود
• برش صفحه
  با به کارگیری این گزینه می‌توانید محتوای خودتان را به صورت صفحه بندی شده به نمایش بگذارید. محتوای قرار گرفته بعد از هر "برش صفحه" به صفحه بعد انتقال داده می‌شود.
• جدا کننده
  استفاده از این عنصر در صفحه، باعث نمایش یک خط افقی بین محتوای قبلی و محتوای جدید می‌شود که می‌توانید هر بخش از محتوا را به صورت متمایز به نمایش بگذارید.
• فاصله
  گاهی اوقات برای نمایش بهتر نوشته ها، نیاز است که یک فضای خالی بین هر بخش از نوشته ایجاد کنید. این گزینه وظیفه ایجاد فضای خالی بین بخش‌های مختلف نوشته را بر عهده دارد.

بخش "ابزارک ها" در ویرایشگر وردپرس

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

بخش "جاسازی ها" در ویرایشگر وردپرس

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

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

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

در صورتی که ابهام یا سوالی داشتید، می‌توانید آن سوال را در قسمت نظرات همین صفحه مطرح کنید تا در اولین فرصت شما را راهنمایی کنیم.