ارزدیجیتال
حراجی دامنه های ویژهمشاهده





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

افزونه طراحی و ساخت دکمه های زیبا در وردپرس با افزونه Buttons Shortcode and Widget

افزونه وردپرس , افزونه ها

ساخت دکمه در وردپرس همانطور که بارها و بارها در مقالات مختلف بیست اسکریپت به موضوع رابط کاربری و اهمیت به طراحی ظاهری و UI مناسب باعث خواهد شد تا وبسایت شما برای مخاطب و بازدیدکننده کجذوب‌کننده باشد و اهمیت بیشتری در مقایسه با سایر سایت‌های رقبا به شما داده شود.

 

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

 

ساخت دکمه در وردپرس

افزونه طراحی و ساخت دکمه های زیبا در وردپرس با افزونه Buttons Shortcode and Widget

افزونه‌ای که قصد معرفی آن را دارم با عنوان Buttons Shortcode and Widget در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از ۱۰٫۰۰۰ نصب فعال و کسب امتیاز ۴٫۷ را ازآن خود نماید که با استفاده از آن می‌توانید نسبت به ساخت دکمه در وردپرس اقدام کرده و انواع دکمه‌های وردپرس با امکان انتخاب آیکون و تعیین وضعیت لینکدهی در آن ایجاد کنید.

 

نصب و فعال سازی

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

افزونه طراحی و ساخت دکمه های زیبا در وردپرس با افزونه Buttons Shortcode and Widget

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

افزونه طراحی و ساخت دکمه های زیبا در وردپرس با افزونه Buttons Shortcode and Widget

  • Title: عنوان دکمه مورد نظر خود را وارد کنید
  • Link: لینک مورد نظر برای هدایت کاربران با کلیک بر روی دکمه را وارد کنید.
  • Open in a new window: در صورتی که قصد دارید تا لینک در پنجره جدیدی باز شود این گزینه را بر روی حالت Yes قرار دهید.
  • Size: از این قسمت اندازه دکمه مورد نظر را در چهار نوع نازک، کوچک، متوسط و بزرگ انتخاب کنید.
  • Icon Type: نوع آیکون مورد نظر برای نمایش در کنار عنوان دکمه را انتخاب کنید و از بخش Icon Position مکان مورد نظر برای نمایش آیکون در سمت چپ یا راست عنوان دکمه را انتخاب کنید.
  • Shape: در این بخش قادر خواهید بود تا نوع دکمه را در حالت مستطیلی، گوشه گرد و یا حالت بیضوی انتخاب کنید.
  • Color: در این بخش می‌توانید از میان رنگ‌های موجود یکی از رنگ‌های دلخواه را برای نمایش رنگ دکمه انتخاب کنید.
  • با مراجعه به بخش Custom Options نیز قادر خواهید بود تا از طریق گزینه‌های Background Color و Border color و Title color به ترتیب رنگ دکمه، رنگ حاشیه دور دکمه و رنگ عنوان متن دکمه را انتخاب کنید.
  • Icon URL: از این بخش نیز قادر خواهید بود تا لینک آیکون دلخواه و اختصاصی خود را قرار دهید و یا اینکه آن را در رسانه وردپرس آپلود کرده و در کنار عنوان دکمه نمایش دهید.
  • CSS Class: در نهایت از این بخش نیز می‌توانید استایل دلخواه و سفارشی برای دکمه خود انتخاب کنید.

حال پس از اینکه دکمه خود را ایجاد کرده و به صورت زنده تغییرات آنرا مشاهده کردید بر روی دکمه Insert کلیک کنید تا به صورت یک شورت‌کد در نوشته قرار داده شود. پس از انتشار نوشته خواهید دید که دکمه‌ای که طراحی کرده‌اید بر اساس ظاهر انتخابی نمایش داده خواهد شد.

این محتوا چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود نسخه : 1.13

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه وردپرس , افزونه ها
لینک کوتاه مطلب : https://www.20script.ir/?p=47799
کلمات کلیدی پست :
مطالب مرتبط
13,246دکمه های سه بعدی دانلود تاریخ : 2013/12/15
14,955افزونه وردپرس ساخت دکمه Buttons X نسخه 1.9.62 تاریخ : 2017/11/26
14,678دکمه دانلود زیبا با کدنویسی CSS3 تاریخ : 2014/08/11
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب