لوگوی جشنواره وب و موبایل ایران اضافه کردن دکمه در متن | طراحی و ساختن اپلیکیشن موبایل
قراردادن کد HTML ، CSS , JAVASCRIPT در اپلیکیشن
اردیبهشت ۱۸, ۱۳۹۵
اضافه کردن تماس مستقیم
اردیبهشت ۲۷, ۱۳۹۵

اضافه کردن دکمه در متن

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

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

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

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

به جای عبارت متن دکمه در کد پایین، متن دلخواهتون برای عنوان دکمه و اونجایی که نوشته لینک دلخواهتون، لینکی که می خواید کاربر بعد از زدن دکمه باهاش مواجه بشه رو وارد کنید. به همین راحتی! کار تمومه و تقریبا در ۹۰ درصد مواقع نیاز شما رو براورده می کنه. رنگش هم به صورت پیش فرض با رنگ تم اپتون تنظیم میشه و شما نیاز نیست کاری انجام بدید! اگر هم توی ویجت متن و تصویرتون محتوای زیادی دارید بعد از زدن دکمه سیاه اونجایی که نیازه دکمه باشه رو پیدا کنید و کد رو اونجا پیست کنید.

۲٫۲

راه حل شخصی سازی شده:

حالا فرض می کنیم شما می خواید رنگ دکمه و شکلش رو خودتون شخصی سازی کنید. خوب اوکی! روی این لینک کلیک کنید تا به سایت طراحی دکمه آنلاین هدایت بشید.

botton-3

همین طور که مشاهده می کنید توی این سایت می تونید رنگ،طرح و هر چیز مرتبط با دکمتون رو تغییر بدید و برای خودتون شخصی سازیش کنید. در نهایت وقتی دکمتون اماده شد روی دکمه Get Html کلیک کنید تا کدهای مربوط به اون به صورت خودکار کپی بشه. خوب تمومه دیگه می تونید در جای دلخواهتون پیست کنید و لینک دلخواهتون رو به جای عبارت لینک مورد نظر شما قرار بدید. قدم اخر هم اینکه روی دکمه Get Css کلیک کنید و کدهای مربوط به اونو دقیقا بعد از کد های قبلی و بین این دو خط کد پایین پیست کنید.

botton-4

سعی کنید رنگ دکمتون رو با رنگ تم دلخواهتون مشابه هم انتخاب کنید تا اپتون ظاهر بهتری داشته باشه. رنگ متن دکمه در حالت دوم مطابق با رنگ پیش فرض تمتون هست و در صورت دونستن یه مقدار html اون رو هم می تونید تفییر بدید.
تبریک میگم! شما موفق شدید دکمه دلخواهتون رو به اپتون اضافه کنید 🙂

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

5 دیدگاه ها

  1. میثم گفت:

    من میخوام دکمه اشتراک گذاری بزارم که وقتی کاربر زد بتونه اون مطلبو اشتراک بده باید چیکار کنم تو سایتتون؟

  2. pezhman گفت:

    لخواهتون پیست کنید و لینک دلخواهتون رو به جای علامت # اضافه کنید. منظورتون از این چیه

  3. وحید گفت:

    سلام و وقت بخیر .
    اینجا برای طراحی دکمه ۲ راه وجود داره .
    راه اولی که با توضیحات شما کاملا مشخص و گویا شده اما راه دوم رو متوجه نمیشم.
    کد html رو از سایت گرفتم آیا بازم از طریق راه اول و کد نمونه اول باید اقدام کنم یا خیر .
    دوم اینکه برای کد css مجددا باید کد استایل رو قرار بدم یا در قسمت کد اول و در بین این ۲کد قرار بدم. a{text-decoration:none;}

پاسخ دهید

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