خانه / وردپرس / آموزش وردپرس / طراحی دکمه های زیبا در وردپرس
طراحی دکمه های زیبا در وردپرس
طراحی دکمه های زیبا در وردپرس

طراحی دکمه های زیبا در وردپرس

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

طراحی دکمه های زیبا در وردپرس

کار با این افزونه وردپرس رایگان بسیار ساده بوده است تا بتونید بدون پیچیدگی شورت کدهایی رو در اختیارتون قرار دهید و انها رو در برگه و نوشته ها به اجرا بگذارید

با دانلود افزونه Buttons Shortcode and Widget و فعال سازیش کارمون رو انجام می دهیم بعد این کار به به قسمت پیشخوان » افزودن برگه می رویم تا همانند تصویر زیر آیکون رو مشاهده نماییم و با رفتن روی آن Button رو انتخاب خواهیم کرد

طراحی دکمه های زیبا

بعد انتخاب Button پنجره جدید رو براتون باز می نمایید که دارای انواع امکانات و ویزگی های مختلف جهت ساخت دکمه بوده است

دوستان شما میتونید با تغییرهای که انجام می دهید بر روی Preview جهت مشاهده پیش نمایش دکمه اقدام کنید

دکمه های زیبا

Title : جهت وارد نمودن متن دکمه

Link : لینکی که می خواهید با کلیک روی دکمه به ان هدایت شوید

Open in new window : باز شدن لینک بالا در یک پنجره جدید یا نه

size : دارای گزینه های به صورت زیر می باشد جهت انتخاب سایز دکمه

  • Tiny : ریز ( بسیار کوچک )
  • Small : کوچک
  • Medium : متوسط
  • Large : بزرگ

Icon Type :در این قسمت آیکون های قرار گرفته شده است که میتوند جهت نمایش در کنار نوشته روی دکمه انتخاب کنید

Icon Position : آیکون در سمت چپ باشد یا راست

Shape : دارای گزینه ای به شکل زیر جهت شکل دکمه بوده است

  • Square : مربعی
  • Radius : گوشه های مدور
  • Round : دایره ای

Color : انتخاب رنگ دکمه برای پس زمینه ان

حال روی Insert  کلیک نمایید

دکمه های زیبا در وردپرس

قرار دادن دکمه در محیط ابزارک ها

جهت انجام این کار به قسمت نمایش » ابزارک مراجعه نمایید و بعد OTW Shortcode Widget رو در میان ابزارک ها در فوتر و یا سایدبار خودتون قرار دهید

حالا باید شما پنجره جدید رو به صورت پاپ اپ برای انجام تنظیمات مشاهده کنید که خواهید توانست جهت اینکار همانند تصویر زیر Button  رو روی Add  قرار دهید

قرار دادن دکمه در محیط ابزارک ها

دوستان این تنظیمات دو قسمت بوده اند که اولی همانند تنظیمات بالایی بوده است که خدمتتون گفیتم ولی دومین تنظیمات رو در ادامه توضیح می دهیم

Buttons Shortcode and Widget

Background Color : برای انتخاب رنگ پس زمینه دکمه بوده است اما در اینجا باید توجه داشته باشید که با انتخاب جایگزین رنگ قبلی می شود که انتخاب کرده اید

Border Color : برای تعیین رنگ مرز های دکمه

Title Color : برای انتخاب رنگ متن دکمه

Icon URL : شاید شما نخواهیداز آیکونهایی که در دکمه می باشد انتخاب نمایید پس میتونید url آیکون مورد نظرتون رو وارد نمایید

CSS Class : دوستان میتونید با داشتن دانش در مورد CSS ان رو تعرف نمایید و اسمی براش انتخاب کنید تا این CSS در دسترس شما باشد

حالا با کلیک روی Save  کارتون رو با این پلاگین کاربردی وردپرس به پایان برسونید

از همراهیتون سپاسگذاریم

منبع : قالب وردپرس مرجع قالب چند منظوره وردپرس _ قالب رستوران وردپرس

پاسخ دهید

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