افزونه نمایش باکس اطلاعات در سایت Custom Fields Notifications

امروز با معرفی یک افزونه ایرانی بسیار کاربردی و حرفه ای جهت نمایش باکس اطلاعات در سایت با شما خواهیم بود. افزونه Custom Fields Notifications که توسط دوست عزیزم آقای علی میرزائی برنامه نویسی و طراحی شده است که افزونه بسیار ساده اما کارآمد جهت نمایش باکس اطلاعات در سایت های وردپرسی است که در ادامه آموزش ساده کار و استفاده از این افزونه را خواهیم داد.

معرفی افزونه Custom Fields Notifications

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

از ویژگی های این افزونه می توان به مواردی همچون؛

• افزودن پنل تنظیمات ساده و کاربردی در پیشخوان وردپرس.
• افزودن قابلیت نمایش خودکار در زیر مطالب سایت. (بدون نیاز به تابع)
• قابلیت فعال سازی افکت محوشونده. (در صورت کلیک موس روی باکس)
• افزودن قابلیت انتخاب تم، در پنل تنظیمات افزونه.
• افزودن تم جدید “Bootstrap” + فایل زبان فارسی.
• افزودن کد کوتاه [ custom_fields_notifications ]
• ویرایش و بهینه سازی طراحی فایل های افزونه.
• و…

اشاره کرد.

 

آموزش کار با Custom Fields Notifications

کار با این افزونه ساده است, کافیست افزونه Custom Fields Notifications را از مخزن وردپرس دانلود کنید (کلیک کنید) و پس از نصب و فعال سازی از منو تنظیمات گزینه Custom Fields Notifications را انتخاب کنید.

همانطور که در تصویر مشاهده میکنید یک پنل تنظیمات ساده برای این افزونه آماده شده است.

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

1. Default: استفاده از قالب پیشفرض به همراه آیکون
2. Bootstrap: استفاده از قالب بوت استرپ, قالب ساده و بدون آیکون

برای نمایش باکس اطلاعات در سایت نیاز به 6 زمینه دلخواه دارید؛

• warning : برای نمایش باکس اخطار
• information : برای نمایش باکس اطلاعات
• success : نمایش باکس تایید
• failure : برای نمایش باکس خطا
• lightbulb : برای نمایش باکس راهنما
• messages : برای نمایش باکس پیغام

خب برای استفاده از این زمینه های دلخواه 2 راه دارید؛

1. استفاده از بخش زمینه های دلخواه وردپرس
2. استفاده از افزونه Advanced Custom Fields (که شخصا این افزونه را پیشنهاد میکنم.)

همانطور که در تصویر بالا مشاهده می کنید ما به کمک افزونه Advanced Custom Fields یک باکس برای تنظیم اطلاعیه های سایت ساخته ایم که در ادامه آموزش کار با این افزونه را خواهیم داد.

نمایش باکس اطلاعات با افزونه Advanced Custom Fields

برای شروع ابتدا افزونه Advanced Custom Fields را از مخرن وردپرس دانلود کنید (کلیک کنید), پس از نصب و فعال سازی گزینه ای با نام زمینه های دلخواه به پنل وردپرس شما اضافه می شود.

 

ساخت زمینه های دلخواه با Advanced Custom Fields

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

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

سپس بر روی گزینه +افزودن زمینه کلیک کنید؛

پس از کلیک کردن بر روی گزینه + افزودن زمینه تصویر بالا را مشاهده خواهید کرد, نیاز به تکمیل تمامی این موارد ندارید, پس دقت کنید؛

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

• برچسب زمینه: نامی که میخواهید برای باکس مورد نظر قرار دهید, این نام در پنل شما قرار میگیرد تا شما راحت تر بتوانید متن مورد نظر را برای آن قرار دهید, این گزینه الزامی است, پس یک نام فارسی برای آن در نظر بگیرید. (مثل اخطار)
• نام زمینه: در بالا 6 زمینه دلخواه برای افزونه Custom Fields Notifications معرفی کردیم, به ترتیب قرار دهید (مثل warning)
• نگهدارنده مکان متن: یک توضیح کوتاه در باکس زمینه تا شما راحت تر بتوانید متن مورد نظر را وارد کنید.

با باقی موارد کاری نداریم, برای هر 6 زمینه این مراحل را انجام دهید تا در نهایت تصویر زیر را داشته باشید؛

ما یک فایل درون ریزی نیز برای شما آماده کرده ایم که می توانید آن را از بخش ابزار ها » درون ریزی وارد کنید تا نیازی به ساخت زمینه های دلخواه نداشته باشید. (دانلود کنید)

درون ریزی با فرمت XML

افزونه زمینه های دلخواه پیشرفته یک پرونده خروجی (.xml) را ایجاد خواهد کرد که با افزونه WordPress Importer سازگار است.

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

1. گروه زمینه را از لیست انتخاب کنید و سپس روی دکمه ((برون بری به فرمت XML)) کلیک کنید
2. فایل .xml را وقتی آماده شد، ذخیره کنید
3. به ((ابزارها > درون ریزی)) بروید و وردپرس را انتخاب کنید.
4. افزونه درون ریزی وردپرس را در صورت درخواست نصب نمایید
5. فایل .xml خود را آپلود و درون ریزی کنید
6. کاربر خود را انتخاب کنید و درون ریزی پیوست ها را نا دیده بگیرید

تا اینجا اگر مراحل را کامل انجام داده باشید, به بخش نوشته ها یک باکس اطلاعیه ها اضافه خواهد شد. حالا میتوانید موارد دلخواه را براحتی به فیلد خود اضافه کنید؛

صبر کنید, هنوز تموم نشده !

مخفی کردن فیلد های خالی در Advanced Custom Fields

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

<?php if(get_field(‘warning’)): ?>

<div class=”notification warning hideit”>

<?php the_field(‘warning’); ?>
</div>

<?php endif; ?>

<?php if(get_field(‘information’)): ?>

<div class=”notification information hideit”>

<?php the_field(‘information’); ?>
</div>

<?php endif; ?>

<?php if(get_field(‘success’)): ?>

<div class=”notification success hideit”>

<?php the_field(‘success’); ?>
</div>

<?php endif; ?>

<?php if(get_field(‘failure’)): ?>

<div class=”notification failure hideit”>

<?php the_field(‘failure’); ?>
</div>

<?php endif; ?>

<?php if(get_field(‘lightbulb’)): ?>

<div class=”notification lightbulb hideit”>

<?php the_field(‘lightbulb’); ?>
</div>

<?php endif; ?>

<?php if(get_field(‘messages’)): ?>

<div class=”notification messages hideit”>

<?php the_field(‘messages’); ?>
</div>

<?php endif; ?>

مشکل حل شد 🙂

 

نمونه نمایش باکس اطلاعات در سایت

در زیر میتوانید باکس های اطلاعاتی که توسط افزونه ایرانی و قدرتمند Custom Fields Notifications ایجاد شده است را مشاهده کنید.