سفارشی‌ سازی ویرایشگر گوتنبرگ با Atomic Blocks

بازدید : 668
نویسنده : مرتضی براتی
به این مطلب امتیاز بده
مطالعه در 1 دقیقه
انتشار : بهمن ۸, ۱۳۹۷
بروزرسانی : تیر ۱۶, ۱۳۹۸
سفارشی‌ سازی ویرایشگر گوتنبرگ با Atomic Blocks

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

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

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

ویژگی ها و امکانات افزونه ی  Atomic Block

امکانات افزونه عبارت اند از:

  1. جعبه ی call to action : با استفاده از چنین قابلیتی می توان یک جعبه ی جذاب و زیبا با عنوان و متن اضافه کرده و دکمه آن را نیز شخصی سازی کنیم .
  2. بلوک container : شما می توانید چندین بلوک را با هم ادغام کرده و برای آن رنگ ، تصویر زمینه و … را نیز انتخاب کنید .
  3. نمایش شبکه ای آخرین پست ها : آخرین پست ها و نوشته های خود را در یک قالب زیبا به همراه جزییات کامل در معرض دید کاربران بگذارید .
  4. اشتراک گذاری در شبکه های اجتماعی : آیکون های شبکه های مجازی را به همراه رنگ بندی ، سایز و شکل دلخواه خود به متون اضافه کنید .
  5. جعبه ی هشدار : می توان جعبه ای را که دارای یک پیام و یا هشدار است را به همراه عنوان ، متن و رنگبندی به محتوا خود اضافه کرد .
  6. المان های نقل قول : نظرات و کامنت های کاربران خود را در قالب یک جعبه به همراه عکس و متن به نمایش بگذارید .
  7. دکمه با طرح خاص و دلخواه : دکمه های جذاب با رنگبندی و شکل و سایز مد نظر خود طراحی کرده و به آنها لینک دهید .
  8. لیست آکاردئونی : لیست آکاردئونی باز شونده به همراه عنوان و سایز فونت ها به صورت دلخواه ایجاد کنید .
  9. جعبه اطلاعات نویسنده : اطلاعات نویسنده یا نویسندگان خود را به همراه عکس ، بیوگرافی ، شبکه های اجتماعی و … در نوشته ی خود جای دهید .
  10. ایجاد فاصله و جدا کننده : بین المان ها فاصله قرار دهید و یا از یک خط جداکننده در بین طرح های خود بهره مند شوید .
  11. حروف بزرگ اول پاراگراف : به همراه سه طرح مختلف و زیبا می توان خیلی راحت اولین حرف پاراگراف ها را بزرگ و درشت نوشت .

 

نصب افزونه Atomic Blocks

 

سفارشی‌ سازی ویرایشگر گوتنبرگ با Atomic Blocks

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

نحوه استفاده از افزونه Atomic Blocks

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

 

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

Profile Box

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

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

 

 

Font Size: انتخاب سایز فونت متن جعبه
Avatar Shape: تعیین شکل عکس جعبه (مربعی یا دایره‌ای)
Background Color: انتخاب رنگ پس زمینه جعبه
Text Color: انتخاب رنگ متن جعبه
Social Link Color: انتخاب رنگ شبکه‌های اجتماعی
Social Links: لینک شبکه‌های اجتماعی شخص مورد نظر

دوباره میتوان علامت + را بزنید تا المان بعدی را  جهت سفارشی‌ سازی ویرایشگر گوتنبرگ، اضافه کنید.

 

Testimonial

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

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

Call To Action

با این المان میتوانید یک جعبه فراخوان عمل که برای ثبت ایمیل کاربران یا دعوت آن ها به یک لینک خاص استفاده نمود.

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

 

Text Options: انتخاب سایز عنوان و متن جعبه
Text Color: انتخاب رنگ متن
Background Options: انتخاب رنگ پس‌زمینه
Button Options: تنظیمات لینک وارد شده و همچنین رنگ و سایز دکمه لینک

Button

با این المان میتوانید یک دکمه در نوشته متن خودتان داشته باشید. با کلیک روی دکمه متن را درج کنید و در قسمت پایینی هم لینک دکمه را وارد کنید.

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

Drop Cap

این المان وقتی که شما نوشتارتان به انگلیسی است کاربرد دارد و میتوانید حرف اول را به نسبتی که مورد نیازتان است بزرگ کنید.در اینجا هم میتوان در قسمت Block تنظیمات را سفارشی کرد و عبارت اند از:

Font Size: انتخاب سایز فونت نوشته‌های این جعبه
Notice Display: با Dismissable کاربر می‌تواند با زدن دکمه ضربدر کنار  جعبه آن را مشاهده نکند و با Always Show همیشه قابل مشاهده است. با گزینه‌های بعدی میتوان رنگ‌ جعبه، عنوان و متنرا تغییر داد.

Sharing

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

در بالا شبکه اجتماعی را انتخاب میکنید.و در Sharing Button Options  تنظیمات اصلی را خواهیم داشت.

Button Shape: انتخاب شکل دکمه
Button Size: انتخاب سایز نمایش دکمه‌ها
Button Color: انتخاب رنگ دکمه‌ها

Accordion

ساخت یک لیست آکاردئونی در محتوا.

 

گوتنبرگ

در قسمت بالای کادر عنوان لیست آکاردئونی را وارد کنید و در قسمت توضیحات میتوانید علاوه بر متن از دیگر المان های گوتنبرگ یا المان های خود افزونه استفاده کنید.

در قسمت Block نکته ای که وجود دارد در قسمت Open by default میتوانید لیست آکاردئونی را به صورت پیش فرض باز بگذارید.

در Font Size نیز میتوان سایز فونت را تعیین نمود.

Spacer

میتوانید یک فضای خالی در بین محتوایتان ایجاد کنید.

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

 

Container

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

 

در شخصی سازی این المان میتوان فاصله داخلی را از ۴جهت تغییر داد همچنین میتوانید فاصله خارجی را از بالا و پایین نیز تغییر داد.

Post Grid

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

قسمت Block این المان نیز به صورت زیر است:

Order by: نحوه نمایش پست‌ها
Category: دسته‌بندی پست‌های قابل نمایش
Numbers of items: تعداد پست‌های قابل نمایش
Columns: انتخاب تعداد ستون‌ها برای نمایش پست‌ها

Display Featured Image: تصویر شاخص
Featured Image Style: نحوه نمایش تصویر شاخص

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

Customize Read More Link: جایگزین کردن عبارت Continue Reading  با یک عبارت فارسی

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


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

avatar
  Subscribe  
Notify of
قالب فروشگاهی دیجی کالا

ایمیلت رو وارد کن ، قالب و افزونه جایزه بگیر

Scroll Up
کانال آپارات ما اینستاگرام مبنای وردپرس