ساخت کارت پروفایل جالب با المنتور

سلام رفیق! 😊 تو این مقاله قراره بهت یاد بدم، چطور با المنتور یه کارت پروفایل خفن بسازی که نگاه‌ها رو به خودش جلب کنه! اگه مشتاقی این آموزش جذاب رو یاد بگیری، تا آخر این پست همراه من باش. بیا شروع کنیم و حسابی بترکونیم! 🔥

کارت پروفایل مثل ویترین کسب وکار یا مهارت های شماس! 🏢 اگر میخوای بازدیدکننده ها رو در نگاه اول جذب کنی، باید کارتی طراحی کنی که حرفه ای باشه، انیمیشن داشته باشه و اطلاعات ضروریت رو به زیبایی نشون بده. توی این آموزش، قراره با هم یه کارت پروفایل با افکت نورپردازی و انیمیشن جذاب بسازیم که هم ساده هست، هم جذاب! 💫

نحوه ساخت کارت پروفایل با المنتور 🛠️

خب، حالا بریم سراغ قسمتی که منتظرش بودی: نحوه ساخت این کارت پروفایل شیک و جذاب! 😊 لطفاً طبق آموزش پیش برو و مراحل رو به دقت دنبال کن تا به نتیجه نهایی که می‌خوای برسی

1. ایجاد یه صفحه جدید با المنتور

• وارد پیشخوان وردپرس بشو ➡️ برگه جدید بساز ➡️ روی ویرایش با المنتور بزن.
• ویجت HTML رو از قسمت ابزارک‌ها پیدا کن، بکش و داخل برگه رها کن (Drag & Drop)

• کدهای HTML زیر رو داخل ویجت قرار بده:

  _____                __          __
 |  __ \               \ \        / /
 | |__) |__ _ _   _  __ \ \  /\  / / __
 |  _  // _\` | | | |/ _\` \ \/  \/ / '_ \
 | | \\ \ (_| | |_| | (_| | \  /\  /| |_) |
 |_|  \\_\__,_|\\__, |\\__,_|  \/  \/ | .__/
               __/ |              | |
              |___/               |_|    

📌راهنمایی: در کد بالا می‌تونی عکس پروفایل رو با ویرایش خط 6 تغییر بدی. همچنین نام و توضیحات پروفایل رو می‌تونی با ویرایش خطوط 10 و 11 طبق سلیقه‌ات عوض کنی. 🤩 همینطور متن دکمه ‘مشاهده پروفایل‘ و لینکش رو هم می‌تونی با ویرایش خط 12 انجام بدی. 👌

2. افزودن کد CSS برای استایل دهی به کارت پروفایل

🎨 حالا وقتشه با CSS جادو کنی! ✨ کدهای CSS زیر رو باید در جای مناسب قرار بدی تا استایل‌ها و انیمیشن‌های جذاب این کارت پروفایل به درستی اجرا بشن. برای اینکار، روی ویجت HTML بزن تا قسمت ویرایش برات باز بشه. سپس به تب ‘پیشرفته‘ برو ، به پایین اسکرول کن و در بخش ‘کدهای CSS سفارشی‘ کدهای زیر رو پیست کن. 👇

×

ایجاد انیمیشن موج آب (Wave) روی متن با المنتور

مطالعه

× 📣 اینجا محل دیده شدن تبلیغ شماست کلیک کن AD

  _____                __          __
 |  __ \               \ \        / /
 | |__) |__ _ _   _  __ \ \  /\  / / __
 |  _  // _\` | | | |/ _\` \ \/  \/ / '_ \
 | | \\ \ (_| | |_| | (_| | \  /\  /| |_) |
 |_|  \\_\__,_|\\__, |\\__,_|  \/  \/ | .__/
               __/ |              | |
              |___/               |_|    

جمع بندی 🚀

الان دیگه یه کارت پروفایل حرفه ای داری که هم اطلاعاتتو به کاربر نشون میده، هم طراحی بینظیری داره! 🎉 یادت نره این کارت رو توی بخش “درباره من” یا صفحه اصلی سایتت قرار بدی. اگه سوالی داشتی یا خواستی تغییراتی بدی، تو کامنتا بنویس تا راهنماییت کنم. 😊

اگه از این آموزش خوشت اومد، حتما به دوستات هم پیشنهاد بده! 🙌

×

جادوی طراحی: ساخت کارت‌ با گوشه درخشان در المنتور

مطالعه