1 رای2 رای3 رای4 رای5 رای

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

بازدید : 722
نویسنده : ابوالفضل نوروزی
7 دقیقه برای مطالعه
تاریخ انتشار : ۸ بهمن , ۱۳۹۷
سفارشی‌ سازی ویرایشگر گوتنبرگ با 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
  اشتراک در  
اطلاع از

مطالب مرتبط

بررسی صفت های افزونه گوتنبرگ در نسخه جدید

بررسی صفت های افزونه گوتنبرگ در نسخه جدید

همه ما تا امروز راجع به گوتنبرگ اطلاعاتی پیدا کرده ایم یا اگر با آن

مطالعه بیشتر
آموزش گوتنبرگ

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

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

مطالعه بیشتر
پاک کردن تمام دیدگاه ها در وردپرس با افزونه Delete All Comments

پاک کردن تمام دیدگاه ها در وردپرس با افزونه Delete All Comments

سلام ! قطعا دلایل مختلفی برای پاک کردن دیدگاه های سایت وجود دارد  و در

مطالعه بیشتر
افزونه توصیه می کنم I Recommend This

افزونه توصیه می کنم I Recommend This

افزونه I Recommend This پلاگینی است برای توضیه مطالعه بیشتر در هنگام خوانده شدن مطلب

مطالعه بیشتر

پر بازدید ترین مطالب وردپرس

ویرایش پیشخوان وردپرس با ساخت افزونه سفارشی داشبورد من

ویرایش پیشخوان وردپرس با ساخت افزونه سفارشی داشبورد من

شاید شما هم از دسته از افرادی هستید که پروزه های سفارشی با وردپرس انجام

مطالعه بیشتر
معرفی قالب های برتر سال ۲۰۱۸

معرفی قالب های برتر سال ۲۰۱۸

معرفی قالب های برتر سال ۲۰۱۸ ، پوسته های وردپرسی ، بهترین قالب های رایگان

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

پیدا کردن کد های مخرب وردپرس و آموزش رفع آن

پیدا کردن کد های مخرب وردپرس و آموزش رفع آن | شناسایی و یافتن کدهای

مطالعه بیشتر
آموزش سرچ کنسول | بخش دوم | Search Console

آموزش سرچ کنسول | بخش دوم | Search Console

آموزش سرچ کنسول ، تنظیمات و نکات پیشرفته و حرفه ای در گوگل وبمستر ،

مطالعه بیشتر
آموزش راه اندازی فروشگاه اینترنتی محصولات دانلودی با EDD در وردپرس

آموزش راه اندازی فروشگاه اینترنتی محصولات دانلودی با EDD در وردپرس

آموزش راه اندازی فروشگاه اینترنتی با edd در وردپرس ، ایزی دیجیتال دانلود ، فزونه

مطالعه بیشتر
صفحه فرود یا Landing Page چیست؟

صفحه فرود یا Landing Page چیست؟

صفحه فرود یا Landing Page چیست؟ ، اهداف لندینگ پیج ، نکات مهم در بهینه

مطالعه بیشتر
قالب وردپرس چند منظوره رایگان و فارسی Hostel با فونت زیبا

قالب وردپرس چند منظوره رایگان و فارسی Hostel با فونت زیبا

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

مطالعه بیشتر
تابع the_title() عنوان پست در حال نمایش در وردپرس | the_title() | Function

تابع the_title() عنوان پست در حال نمایش در وردپرس | the_title() | Function

برای نمایش عنوان پست در حال نمایش می بایست از تابع the_title() استفاده کرد ،

مطالعه بیشتر

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

Scroll Up
30 درصد تخفیف ویژه جشنواره نوروز98
کانال آپارات ما اینستاگرام مبنای وردپرس