سبد خریدتان خالی است.
دسترسی سریع
روش‌های اضافه کردن تصویر به منوی وردپرس کلیک کنید
– استفاده از پلاگین‌ها کلیک کنید
– اضافه تصویر با استفاده از کدهاي اسنیپت کلیک کنید
تاریخ انتشار 21 مهر 1397
دسته بندی ,
رای خود را ثبت کنید
برچسب ها
نحوه‌ی اضافه کردن تصویر به منوی وردپرس
چکیده این پست برای حذف چکیده ضربه بزنید

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

نحوه‌ی اضافه کردن تصویر به منوی وردپرس

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

  • استفاده از پلاگین‌ها

افزونه‌های خاصی نظیر Menu Image وجود دارند که به راحتی از طریق آن‌ها می‌توانید به منوی وردپرس عکس اضافه کنید. بعد از نصب می‌توانید در قسمت ظاهری سایت به بخش منو بروید و تنظیمات موردنظر خود را اعمال کنید.

menuimagebutton - نحوه‌ی اضافه کردن تصویر به منوی وردپرس

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

menuiconsize 1 - نحوه‌ی اضافه کردن تصویر به منوی وردپرساگر می‌خواهید عکس دلخواه خود را به صورت کدنویسی شده و از طریق توابع به منو اضافه کنید می‌توانید با کپی کردن این کد در توابع قالب یا پلاگین موردنظر خود این کار را انجام دهید:

انتخاب موقعیت قرارگیری عکس نیز با شماست و می‌توانید برای اضافه کردن تصویر به منوی وردپرس هر موقعیتی را در نظر بگیرید.

titleposition - نحوه‌ی اضافه کردن تصویر به منوی وردپرس

  • اضافه تصویر با استفاده از کدهای اسنیپت

این روش بیشتر مختص کسانی است که با CSS آشنایی دارند و می‌توانند عکس‌ها را از این طریق در منوی سایت وارد کنند. برای اینکار ابتدا باید عکس را در وردپرس آپلود کنید و سپس آدرس آن را در منوی ویرایشگر خود وارد کنید.
از تنظیمات منو باید ابتدا قسمت امکان ایجاد کلاس‌های CSS را فعال کنید تا بتوانید به صورت کلی از این امکان استفاده کنید:

cssclasses - نحوه‌ی اضافه کردن تصویر به منوی وردپرس

سپس بعد از آن باید بر روی تنظیمات باز شده کلیک کنید و یک نام برای کلاس موردنظر خود انتخاب کنید:

addcssclass - نحوه‌ی اضافه کردن تصویر به منوی وردپرس

سپس باید این کد را به قالب خود اضافه کنید:

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