عرض سلام خدمت همراهان گرامی مکانیک وردپرس ؛
هدایت و انتقال کاربران به صفحات دیگر و لینک های مربوطه در سایت یکی از کاربرد هایی است که میتوان با استفاده از دکمه های زیبا و مناسب در سایت ایجاد کرد.
بنابراین برای ساخت دکمه های دلخواه، مناسب با سلیقه خودتان با ما همراه باشید…
ساخت انواع دکمه در وردپرس
در این نوشته از آموزش وردپرس به معرفی و بررسی افزونه ایی خواهیم پرداخت که با استفاده از آن قادر خواهید بود تا دکمههایی زیبا و طراحی شده با CSS به همراه فونت آیکونهای Font Awesome دکمههایی زیبا را در سایت خود قرار دهید.
افزونه WordPress Button Plugin MaxButtons
این افزونه وردپرس بیش از ۱۰۰.۰۰۰ نصب موفق و فعال در مخزن وردپرس به ثبت رسانده است.
[su_note note_color=”#1fc459″ text_color=”#ffffff” radius=”0″]شما میتوانید در انتهای همین نوشته از آموزش وردپرس، افزونه WordPress Button Plugin MaxButtons را بصورت رایگان دانلود کنید[/su_note]
آموزش کار با افزونه WordPress Button Plugin MaxButtons
پس از دانلود، نصب و فعالسازی این پلاگین وردپرس یک آیتم جدید با نام MaxButtons در منو پیشخوان وردپرس شما ایجاد خواهد شد. مانند تصویر زیر:
بنابراین برای ساخت اولین دکمه در سایت خود بر روی زیرمنو Add New کلیک میکنیم. پس از کلیک ساهد صفحه زیر خواهیم بود:
همانطور که در تصویر مشاهده میکنید ابتدا یک نام برای دکمه خود انتخاب کنید که در اینجا آن را با عنوان download انتخاب کردهام، سپس در بخش URL آدرس پیشفرض برای دکمه در وردپرس را وارد کرده و در بخش زیرین آن انتخاب کنید که لینک دکمه در پنجره جدید باز شود یا خیر، همچنین تعیین کنید که لینک مورد نظر فالو یا نوفالو باشد.
سپس در بخش Text نیز عنوان دکمه را وارد کنید. دقت کنید که عنوان و لینکی که در اینجا وارد میکنید به صورت پیشفرض هستند و هنگام افزودن دکمه در وردپرس را در ویرایشگر میتوانید لینک دلخواه و عنوان دلخواه خود را در آن وارد کنید.
سپس در بخش Font نیز میتوانید فونت دلخواه خود را به همراه سایز، چیدمان و حالت متن دکمه در وردپرس را شخصی سازی کنید.
در بخش padding نیز میتوانید فاصلههای متن درون دکمه را از هر طرف وارد کرده و در نهایت رنگ و اندازه دکمه را نیز شخصی سازی کنید.
در پنجرهای که در کادر قرمز رنگ مشخص شده است میتوانید تغییرات را به صورت همزمان مشاهده کنید.
با اسکرول کردن به سمت پایین، یعنی در بخشهلی Border ،Background ،Text Shadow و Container نیز میتوانید سایر شخصی سازیهای دلخواه خود را برای دکمه در وردپرس تعیین کنید.
چند مورد از قابلیتهای این افزونه امکان خروجی گرفتن از استایل دکمه، امکان استفاده از استایل سفارشی و استفاده از حالت رسپانسیو است که مشابه تصویر زیر میتوانید از آنها استفاده کنید.
حال برای افزودن دکمه ساخته شده خواهید دید که در بخش ویرایشگر مطالب دکمهای با نام Add Button افزوده شده است. مانند تصویر زیر:
با کلیک بر روی آن میتوانید به دکمههایی که طراحی کردهاید دسترسی یافته و از آنها استفاده کنید.
دکمه اشتراک گذاری مطالب در وردپرس
همانطور که در بالا نیز اشاره کردم یکی از قابلیتهای افزونه وردپرس امکان ساخته دکمههای اشتراک گذاری مطالب در شبکههای اجتماعی میباشد؛ برای این منظور به زیر منوی social share مراجعه کرده و پس از کلیک بر روی دکمه Add New خواهید دید که پنجرهای برای شما باز خواهد شد که در آن میتوانید از دکمههای موجود استفاده کنید.
سپس مشابه تصویر زیر با مراجعه به زبانه Settings یک نام برای آن انتخاب کرده و تعیین کنید که در چه نوع پستتایپی نمایش داده شود.
در بخش placement نیز میتوانید مکان مورد نظر برای نمایش دکمه اشتراک گذاری را تعیین کنید.
در نهایت دکمهها اشتراک گذاری نیز مشابه تصویر زیر نمایش داده خواهند شد.















0 Responses
Visitor Rating: 5 Stars
Visitor Rating: 1 Stars
Visitor Rating: 5 Stars
Visitor Rating: 5 Stars
Visitor Rating: 5 Stars
Visitor Rating: 5 Stars