AccessPress Social Icons افزونه نمایش آیکون شبکه های اجتماعی وردپرس

AccessPress Social Icons

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

برخی ویژگی های این افزونه عبارت است از:

  • 12 قالب از پیش طراحی شده زیبا برای شبکه های اجتماعی
  • استفاده از آیکون های موجود یا آپلود آیکون های مورد نظر خود
  • قابلیت تنظیم اندازه، عرض و ارتفاع آیکون ها
  • تنظیم مارجین و فاصله گذاری بین آیکون ها
  • فعال یا غیرفعال کردن متن های راهنما
  • انتخاب نوع نمایش به صورت عمودی یا افقی
  • و بسیاری ویژگی های دیگر

در این مقاله افزونه AccessPress Social Icons را مورد بررسی قرار داده و نحوه استفاده از آن را توضیح می دهیم.

آموزش افزونه AccessPress Social Icons و نمایش آیکون شبکه های اجتماعی در وردپرس

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

بعد از اینکه افزونه نصب شد آن را فعال کنید. پس از فعال سازی افزونه منوی جدیدی به نام “AccessPress Social Icons”  در پیشخوان وردپرس اضافه می شود. با کلیک بر روی این منو صفحه ای مشابه شکل زیر به شما نشان داده می شود.

AccessPress Social Icons

روی دکمه Add New کلیک کنید تا به صفحه تنظیمات اصلی افزونه وارد شوید.

AccessPress Social Icons

Name of Set: نام مجموعه ای که می خواهید بسازید را در این قسمت وارد کنید.

Choose Icon Set type: در این قسمت دو گزینه وجود دارد که می توانید یکی از آنها را انتخاب کنید. با انتخاب هر گزینه مجموعه تنظیمات مربوط به آن ظاهر می شود.

اگر گزینه Choose Icon individually را انتخاب کنید، می توانید آیکون ها را به صورت جداگانه انتخاب کنید. تنظیماتی که با انتخاب این گزینه می توانید پیکربندی کنید عبارتند از:

AccessPress Social Icons

Icon Title: در این قسمت عنوان آیکون را وارد کنید. به عنوان مثال فیسبوک

Icon Image: در این قسمت می توانید تصویر آیکون را از یکی از آیکون های موجود انتخاب کنید یا یک آیکون جدید بارگذاری کنید. در آیکون از پیش موجود، 12 مجموعه از قالب های موجود وجود دارد که شما می توانید براساس نیاز خود از میان آنها یکی را انتخاب کنید.

اگر می خواهید آیکون های خود را بارگذاری کنید، روی دکمه Upload Icon کلیک کنید و آیکون های مورد نیاز خود را انتخاب کنید.

پس از آن می توانید عرض و ارتفاع آیکون را وارد کنید. به محض اینکه عرض یا ارتفاع آیکون را وارد کردید افزونه AccessPress Social Icons پیش نمایش آن را آماده کرده و می توانید فوراً پیش نمایش آیکون را مشاهده کنید.

در گزینه Border style ، استایل دور آیکون را از پنجره کشویی انتخاب کنید. پس از آن می توانید ضخامت حاشیه Border Spacin ،Border Thickness و Border Color را تعریف کنید.

    در گزینه Shadow می توانید Yes یا No را انتخاب کنید تا بر اساس نیاز شما سایه در آیکون ها نشان داده شود. اگر گزینه Yes را انتخاب کنید می توانید Offset X ، Offset Y و Blur را داخل کادر وارد کنید.

لینک آیکون را در داخل باکس Icon Link قرار دهید

متن Tooltip یا متن راهنما که با قرار دادن موس بر روی آیکون در یک باکس کوچک بالای آن ظاهر می شود را وارد کنید.

در قسمت Icon Link Target مشخص کنید که با کلیک بر روی آیکون، لینک وارد شده در یک پنجره جدید یا همان پنجره باز شود.

 سپس روی دکمه Add Icon to List کلیک کنید

    به همین ترتیب، آیکون شبکه های اجتماعی دیگر مورد نظر خود را به لیست اضافه کنید. شما می توانید تمام آیکون های مورد نیاز خود را اضافه کنید و افزونه AccessPress Social Icons هر آیکون را تنها در صورتی در فرانت اند نمایش می دهد که لینک آیکون خالی نباشد.

پس از اعمال تمام تغییرات مورد نظر خود، روی دکمه Save Icon Set کلیک کنید.

اگر گزینه Choose from available themes را انتخاب کنید می توانید تنظیمات زیر را اعمال کنید.

AccessPress Social Icons

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

AccessPress Social Icons

شما می توانید آیکون ها را با کشیدن و رها کردن مرتب کنید.

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

AccessPress Social Icons

Display: در این قسمت می توانید انتخاب کنید که آیکون ها به صورت افقی یا عمودی نمایش داده شود.

Number of Rows: تعداد سطرها یا ستون ها را مشخص کنید. عدد پیش فرض 1 است.

Margin Between Each Icon: مارجین یا حاشیه هر آیکون را به px وارد کنید.

Tooltip: در این قسمت می توانید انتخاب کنید که متن راهنما نمایش داده شود یا خیر. اگر گزینه Show Tooltip را انتخاب کردید ، مطابق نیاز خود Tooltip  رنگ پس زمینه Background Color، رنگ متن Tooltip Text Color و Tooltip Position مکان آن را در بالا ، راست ، پایین یا چپ از پنجره کشویی انتخاب کنید.

Icons Hover Animation : در این قسمت می توانید یک افکت انیمیشنی برای وقتی که موس را بر روی آیکون قرار می دهید، انتخاب کنید.

Opacity on Non Hover: از منوی کشویی انتخاب کنید.

در انتها روی دکمه Save icon set کلیک کنید.

نمایش آیکون شبکه های اجتماعی در نوار کناری وردپرس

هنگام نصب افزونه AccessPress Social Icons، ابزارکی به نام “AccessPress Social Login Lite” به ابزارک های سایت وردپرس اضافه می شود. شما می توانید این ابزارک را در نوار کناری سایت یا هر ناحیه ابزارک دیگری که قالب شما در اختیارتان قرار می دهد، وارد کنید.

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

AccessPress Social Icons

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

افزونه AccessPress Social Icons شورت کدی را در اختیار شما قرار می دهد که با استفاده از آن می توانید آیکون شبکه های اجتماعی را در نوشته ها و برگه های وردپرس قرار دهید.

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

[aps-social]

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

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

<?php echo do_shortcode('[aps-social id=" "]'); ?>

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

دانلود افزونه

دانلود افزونه AccessPress Social Icons
صفحه افزونه AccessPress Social Icons

درباره ی مینا قدسی

مطلب پیشنهادی

Advanced iFrame

Advanced iFrame افزونه پیشرفته نمایش آی فریم در وردپرس

استفاده از iframe یکی از ساده ترین راه ها برای نمایش ایمن مطالب از وب …

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *