اول نیوز
  • سخت افزار
    • لپ تاپ
    • گوشی موبایل
    • تبلت
    • هدفون و هندزفری
    • ساعت هوشمند
  • فناوری
    • اپلیکیشن
    • برنامه نویسی
    • ارزهای دیجیتال
    • شبکه های اجتماعی
  • خودرو
  • تحلیل گیم و فیلم و کتاب
    • فیلم و سریال
    • گیم
    • نقد و بررسی کتاب
    • کنسول های بازی
  • رویدادهای تکنولوژی
  • تبلیغات
بدون نتیجه
مشاهده تمام نتایج
اول نیوز
  • سخت افزار
    • لپ تاپ
    • گوشی موبایل
    • تبلت
    • هدفون و هندزفری
    • ساعت هوشمند
  • فناوری
    • اپلیکیشن
    • برنامه نویسی
    • ارزهای دیجیتال
    • شبکه های اجتماعی
  • خودرو
  • تحلیل گیم و فیلم و کتاب
    • فیلم و سریال
    • گیم
    • نقد و بررسی کتاب
    • کنسول های بازی
  • رویدادهای تکنولوژی
  • تبلیغات
بدون نتیجه
مشاهده تمام نتایج
اول نیوز
بدون نتیجه
مشاهده تمام نتایج
ارزی لند ارزی لند ارزی لند
صفحه اصلی فناوری

آموزش اضافه کردن دکمه در منو بار وردپرس

لیلا زمانی توسط لیلا زمانی
22 خرداد 1400
در فناوری
مدت زمان مطالعه: 2 دقیقه
0
9 آموزش اضافه کردن دکمه در منو بار وردپرس
اشتراک گذاری در فیسبوکاشتراک گذاری در توییتراشتراک گذاری در واتساپاشتراک گذاری در تلگراماشتراک گذاری با ایمیلاشتراک گذاری با بارکد

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

یکی از افزونه‌های خوب برای ایجاد دکمه در وردپرس افزونه‌ی Button (دکمه) می‌باشد. این افزونه امکان ساخت دکمه در وردپرس را به صورت سفارشی با امکاناتی نظیر افزودن رنگ، حاشیه، سایه، تغییر فونت و غیره فراهم می‌کند.

فهرست محتوا پنهان
1 چرا باید یک دکمه در فهرست سربرگ WordPress اضافه کنید؟
2 اضافه کردن دکمه در منو بار وردپرس
3 آسان نبود؟

چرا باید یک دکمه در فهرست سربرگ WordPress اضافه کنید؟

آموزش اضافه کردن دکمه در منو بار وردپرس

منوهای پیمایش وردپرس معمولاً لینک‌های متنی ساده هستند که همه یک شکل به نظر می‌رسند. از نظر طراحی، به همه لینک‌ها اهمیت و وزن یکسانی داده می‌شود.

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

تغییر لینک‌های مهم در منوی پیمایش وردپرس به دکمه‌ها، باعث چشمگیرتر شدن آن‌ها می‌شود. که به کاربران کمک می‌کند تا به راحتی آن‌ها را پیدا کنند، در نتیجه تعامل و تجربه آن‌ها را در وب سایت شما بهبود بخشد.

مرتبطپست های

اطلاعات لو رفته از سامسونگ گلگسی S21

اطلاعات لو رفته از سامسونگ گلگسی S21

10 مهر 1402
13
ویژگی های جدید macOS آپدیت

آشنایی با ویژگی های جدید macOS

9 مهر 1402
9
هاست سرور هیبریدی چیست

هاست سرور هیبریدی چیست | اهمیت آن چقدر است؟

8 مهر 1402
31
کسب درآمد از پادکست

مراحل ساخت و کسب درآمد از پادکست چگونه است؟

6 مهر 1402
15
۹ کاربرد واقعیت مجازی (VR)

معرفی ۹ کاربرد واقعیت مجازی (VR)

6 مهر 1402
53
حفظ اطلاعات شخصی در هنگام سرچ با سایت Startpage.com

حفظ اطلاعات شخصی در هنگام سرچ با سایت Startpage.com

5 مهر 1402
49

به طور پیش فرض، وردپرس گزینه‌هایی برای افزودن دکمه‌ها در پست‌ها و صفحات وردپرس با استفاده از Buttons دارد.

خوشبختانه یک راهکار آسان برای تبدیل هر پیوند در منوی پیمایش وردپرس شما به یک دکمه وجود دارد.

با این اوصاف، بیایید نگاهی به نحوه افزودن یک دکمه در منوی هدر WordPress خود بدون نصب پلاگین بیندازیم.

اضافه کردن دکمه در منو بار وردپرس

ابتدا باید لینکی را که می‌خواهید به یک دکمه تبدیل کنید به فهرست پیمایش وردپرس خود اضافه کنید.

نگران نباشید، به Appearance > Menus در داشبورد وردپرس خود بروید و لینک را به فهرست پیمایش خود اضافه کنید.

1 آموزش اضافه کردن دکمه در منو بار وردپرس

پس از آن، باید روی گزینه Screen Options در بالا کلیک کنید. با این کار یک منو همراه با چند گزینه مشخص می‌شود. باید کادر کنار گزینه ‘CSS Classes’ را علامت بزنید.

2 آموزش اضافه کردن دکمه در منو بار وردپرس

اکنون، به پایین فهرست خود بروید و کلیک کنید تا منویی را که می‌خواهید به یک دکمه تبدیل شود، گسترش دهید.

3 آموزش اضافه کردن دکمه در منو بار وردپرس

شما در تنظیمات منو گزینه جدید CSS را مشاهده خواهید کرد. در اینجا، باید نام کلاس را وارد کنید.  شما می‌توانید این CSS Classes را هر نامی که می‌خواهید بگذارید، اما به خاطر این آموزش ما آن را menu-button می‌نامیم.

پس از وارد کردن نام، بر روی گزینه “Save Menu” کلیک کنید تا تغییرات خود را ذخیره کنید.

اکنون که CSS Classes سفارشی خود را به منوی مورد نظر اضافه کردیم، می‌توانیم آن را با افزودن کد CSS سفارشی خود طراحی کنیم.

به سادگی به قسمت Appearance » Customize بروید تا نرم افزار زمینه وردپرس را راه اندازی کنید.

اکنون پیش نمایش مستقیمی از وب سایت خود در سمت راست و دسته‌ای از تنظیمات طرح پس زمینه را در ستون سمت چپ مشاهده خواهید کرد.

4 آموزش اضافه کردن دکمه در منو بار وردپرس

اکنون باید بر روی تب Additional CSS کلیک کنید تا آن را گسترش دهید. در این صورت یک باکس به شما نشان می‌دهد که می‌توانید کد CSS سفارشی خود را به آن اضافه کنید.

در اینجا می‌توانید کد CSS زیر را به عنوان نقطه شروع کپی و جایگذاری کنید.

5 آموزش اضافه کردن دکمه در منو بار وردپرس

به محض افزودن کد CSS، تنظیم کننده تم به طور خودکار آن را در پیش نمایش وب سایت شما اعمال می‌کند و شما می‌توانید تأثیر آنی این تغییرات را مشاهده کنید.

نگران نباشید، تا زمانی که بر روی گزینه Publish کلیک نکنید، تغییرات در وب سایت شما فعال نخواهد شد.

6 آموزش اضافه کردن دکمه در منو بار وردپرس

در صورت تمایل به راحتی می توانید با CSS بازی کنید. می‌توانید رنگ پس زمینه را تغییر دهید، رنگ متن را تغییر دهید، حاشیه اضافه کنید و…

فراموش نکنید که برای ذخیره تغییرات روی گزینه Publish کلیک کنید.

آسان نبود؟

شما می‌توانید از این ترفند نه تنها برای افزودن دکمه به منوی هدر خود استفاده کنید، بلکه می‌توانید از آن برای برجسته سازی هر پیوند در منوی پیمایش وردپرس خود استفاده کنید.

امیدواریم این مقاله به شما کمک کند یاد بگیرید چگونه می توانید یک دکمه را به فهرست سربرگ وردپرس خود اضافه کنید.

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

امتیاز این مطلب
لیلا زمانی

لیلا زمانی

مرتبط پست ها

اطلاعات لو رفته از سامسونگ گلگسی S21
فناوری

اطلاعات لو رفته از سامسونگ گلگسی S21

10 مهر 1402
13
ویژگی های جدید macOS آپدیت
فناوری

آشنایی با ویژگی های جدید macOS

9 مهر 1402
9
هاست سرور هیبریدی چیست
فناوری

هاست سرور هیبریدی چیست | اهمیت آن چقدر است؟

8 مهر 1402
31

دیدگاهتان را بنویسید لغو پاسخ

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

گوگل فارکس آموزش تخصصی آمارکتس

شارژ حساب پی پال (PayPal) شارژ حساب پی پال (PayPal) شارژ حساب پی پال (PayPal)

لینک های مفید

پرداخت های بین المللی 

خرید ارزهای دیجیتال 

خرید رم سرور hp 

سخن سردبیر

واردات خودرو های کار کرده
خودرو

واردات خودرو های کار کرده به سود چه کسی تمام خواهد شد؟

توسط سهیل دهقانی
24 خرداد 1402
0
0

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

ادامه مطلب
  • پرطرفدار
  • دیدگاه‌ها
  • اخیرا
بهترین سرور های ماینکرافت

بهترین سرور های ماینکرافت (Minecraft) در سال 2023

29 خرداد 1402
معرفی بهترین Seed ماینکرافت

معرفی بهترین Seed ماینکرافت | آشنایی با 13 تا از بهترین سید های ماینکرافت

24 شهریور 1400
01 کد تقلب ماینکرافت برای PC و نحوه ی فعال کردن آن

کد تقلب ماینکرافت برای PC و نحوه ی فعال کردن آن

13 شهریور 1400
معرفی بهترین مود های ماینکرافت برای PC با لینک دانلود

معرفی بهترین مود های ماینکرافت برای PC با لینک دانلود

22 آذر 1401
آموزش نصب مود ماینکرافت اندروید به صورت کامل و گام به گام

آموزش نصب مود ماینکرافت اندروید به صورت کامل و گام به گام

23 آذر 1401
بلوبانک چیست ؟ بانکی فاقد پیچیدگی‌های بانک‌های سنتی

بلوبانک چیست | بانکی فاقد پیچیدگی‌های بانک‌های سنتی

58
معرفی بهترین Seed ماینکرافت

معرفی بهترین Seed ماینکرافت | آشنایی با 13 تا از بهترین سید های ماینکرافت

12
بهترین سرور های ماینکرافت

بهترین سرور های ماینکرافت (Minecraft) در سال 2023

8
که چرا Witcher 2 بهتر از Witcher 3 عملکرده بود!

دلایلی که چرا Witcher 2 بهتر از Witcher 3 عملکرده است

6
معرفی بهترین مود های ماینکرافت برای PC با لینک دانلود

معرفی بهترین مود های ماینکرافت برای PC با لینک دانلود

5
مقایسه Garmin Fenix با اپل واچ

مقایسه Garmin Fenix با اپل واچ: کدام را باید بخرید؟

11 مهر 1402
بهترین اسکراب برای پرستاران

10 بهترین اسکراب برای پرستاران منحنی

11 مهر 1402
بهترین هدیه برای پرستاران

بهترین هدیه برای پرستاران

11 مهر 1402
اینترنت ماهواره ای آمازون چیست

اینترنت ماهواره ای آمازون چیست | پروژه کویپر

11 مهر 1402
بهترین بخاری های فضایی

بهترین بخاری های فضایی

11 مهر 1402

پرطرفدار.

هوش مصنوعی برای ساخت پاورپویت

هوش مصنوعی برای ساخت پاورپویت

25 اسفند 1401
0
بهترین شارژرهای آیفون 14

بهترین شارژرهای آیفون 14

6 مهر 1401
32
مزایای نظر سنجی آنلاین تجاری چیست

مزایای نظر سنجی آنلاین تجاری چیست؟

23 شهریور 1402
9
فیلم انقلاب عیسی

نقد و بررسی فیلم انقلاب عیسی | Jesus Revolution

11 اسفند 1401
0
سریال Mare of Easttown

نقد و بررسی مینی سریال Mare of Easttown

16 تیر 1402
0

لینک های مفید

شارژ حساب پی پال

خرید آنی ارزهای دیجیتال

آدرس دفتر: شیراز | باهنر شمالی | نبش کوچه ۱۲ | ساختمان مشکات | طبقه ۳ | واحد ۴

تلفن تماس:

۰۷۱۳۸۳۳۰۷۱۴–۰۷۱۳۸۳۳۷۳۴۰–۰۲۱۹۱۰۱۵۹۹۸

ایمیل: info@avalnews.com

مقایسه Garmin Fenix با اپل واچ

مقایسه Garmin Fenix با اپل واچ: کدام را باید بخرید؟

11 مهر 1402
بهترین اسکراب برای پرستاران

10 بهترین اسکراب برای پرستاران منحنی

11 مهر 1402
بهترین هدیه برای پرستاران

بهترین هدیه برای پرستاران

11 مهر 1402
  • درباره ما
  • تماس با ما

© 2022 تمامی حقوق مادی و معنوی متعلق به مجموعه اول نیوز می باشد.

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

© 2022 تمامی حقوق مادی و معنوی متعلق به مجموعه اول نیوز می باشد.

خوش آمدید!

به حساب خود در زیر وارد شوید

رمز عبور را فراموش کرده اید؟

رمز عبور خود را بازیابی کنید

لطفا نام کاربری یا آدرس ایمیل خود را برای بازنشانی رمز عبور خود وارد کنید.

ورود به سیستم

افزودن لیست پخش جدید