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

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

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

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

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

 

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

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

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

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

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

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: از این بخش نیز قادر خواهید بود تا لینک آیکون دلخواه و اختصاصی خود را قرار دهید و یا اینکه آن را در رسانه وردپرس آپلود کرده و در کنار عنوان دکمه نمایش دهید.

پیشنهاد بعدی  تغییر آیکون منوهای پیشخوان وردپرس با CPT Custom Icon

CSS Class: در نهایت از این بخش نیز می‌توانید استایل دلخواه و سفارشی برای دکمه خود انتخاب کنید.

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

شاد باشید..

لینک های ضمیمه دانلود افزونه
امتیاز شما از 1 تا 5
1 ستاره میدم به نوشته2 ستاره میدم به نوشته3 ستاره میدم به نوشته4 ستاره میدم به نوشته5 ستاره میدم به نوشته
Loading...