ایجاد باکس در صفحات سایت

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

 

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

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

 

باکس محتوا در وردپرس با افزونه Service box

یکی از بهترین افزونه‌های ایجاد باکس محتوا در وردپرس با ۴۰۰۰ نصب فعال و امتیاز ۵ از ۵ در مخزن وردپرس است.

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

 

امکانات این افزونه

• طراحی واکنشگرا.

• دارای فونت و آیکون‌های متنوع.

• قرار دادن باکس محتوا در هر قسمتی از قالب.

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

• سفارشی سازی کامل باکس محتوا.

• و …

 

نصب و راه اندازی

 

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

 

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

 

 

شروع کار با افزونه

از منوی پیشخوان وردپرس از زیر منوهای Service box ابتدا به زیر منوی ” Add New Service Box” کلیک کنید. Add New Service Box در این بخش از افزونه باید باکس‌های محتوا را جهت قرار دادن آن‌ها در صفحات وب‌سایت ایجاد نمایید. برای ایجاد باکس محتوا در وردپرس مراحل زیر را دنبال کنید.

Select Your Testimonial Design Here در این قسمت طرح باکس‌های دلخواه خود را انتخاب کنید.

 

 

Add Service Box اینجا باید عنوان ، شرح مطلب، آیکون و آدرس هر باکس را وارد کنید.

 

 

Service Title:در این بخش عنوان باکس محتوا در وردپرس را وارد کنید.

Service Small Description: شرح مطلب باکس خود را در این فیلد بنویسید. تا جایی که می توانید سعی کنید متن کوتاه باشد و در عین حال به روشنی خدمات ارائه شده را بیان نماید.

Service Icon: یک از آیکون‌های بسیار متنوعی را به دلخواه انتخاب کنید.

Add Your Service Link or Read More Link Here: در این بخش لینک مرتبط با مطلب باکس را قرار دهید. میتوانید با کلیک بر روی گزینه¬ی “Add New Service Box” باکس جدید اضافه کنید و یا با کلیک بر روی عکس سطل آشغال در گوشه‌ی هر باکس آن را حذف کنید.

 

 

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

Custom Css: اگر با زبان Css آشنا هستید، از این بخش استایل دلخواه خود را وارد نمایید.

Service Box Settings: این بخش مربوط به تنظیمات عمومی باکس محتوا در وردپرس است. جهت آشنایی و پیکربندی آن‌ها توضیحات زیر را دنبال نمایید.

 

 

 

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

Display Icon: نمایش و یا عدم نمایش آیکون باکس محتوا در وردپرس

Display Read More Button: نمایش دادن  و یا نمایش ندادن عبارت ” Read More ” یا همان ادامه مطلب در آخر باکس.

Service Title Color: در این قسمت رنگ عنوان مطلب باکس محتوا در وردپرس را انتخاب کنید

Service Icon Color: جهت رنگ آیکون باکس محتوا است

Service Icon Background Color:برای رنگ پشت زمینه آیکون می باشد.

Service Description Color: رنگ شرح مطلب باکس محتوا را در این بخش تنظیم کنید.

Read More Link Color: رنگ عبارت “Read More” و یا همان ادامه مطلب.

 

 

Read More Link Background Color: رنگ پشت زمینه “Read More” و یا همان ادامه مطلب.

Service Box Background Color for Design: رنگ پشت زمینه باکس محتوا را تغییر می دهد.

Title Font Size: اندازه فونت عنوان باکس را تعیین کنید.

Service Description Font Size: این بخش مربوط به اندازه فونت شرح کوتاه مطالب یا خدمات می باشد.

Read More Link Text Size: اندازه فونت عبارت “Read More” و یا همان ادامه مطلب.

 

 

Font Style/Family: نوع فونت مورد نظر خود را از این بخش انتخاب کنید.

Service Box Column Display layout: این گزینه مربوط به شیوه نمایش (مستطیل، مربع) باکسها در سایت شما می‌باشد.

Service Box Read More Link Label: در این فیلد عبارت “Read More” که یک واژه انگلیسی می‌باشد را  می توانید تغییر دهید.

در پایان بر روی گزینه‌ی انتشار در بالای صفحه کلیک کنید و سپس به تب “All Service Box” مراجعه نمایید.

 

All Service Box

اکنون شما همه‌ی باکس‌های محتوایی را که ایجاد کرده‌اید، می‌توانید ویرایش و یا حذف نمایید.

 

 

 

 

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

 

 

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

حال به آدرس مطلبی که منتشر کردیم مراجعه کرده تا نتیجه را مشاهده نماییم.

 

 

همانطور که در تصویر بالا مشاهده می‌کنید باکس محتوا در وردپرس با استایل دلخواه شما ایجاد شده است

 

برای دانلود افزونه Service box کلیک کنید.

 

موفق و پیروز باشید.