آموزش افزودن آیکون به فهرست + آموزش ویدیویی

در ۱ خرداد ماه  ۱۳۹۴ آموزش ویدئویی اضافه شد.

سلام؛

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

افزونه ی Menu Image

menu image.img-hamyarwp

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

افزونه ی مورد نظر را از سایت همیار وردپرس دانلود کرده و در مسیر افزونه ها در وبسایت خود نصب و فعال سازی می نماییم. پس از فعال کردن این افزونه،مشخصات و تنظیمات آن در پوشه ی wp-admin و در فایل nav_menus.php ذخیره میشود.
کافیست از پنل مدیریت وردپرس به بخش نمایش>>فهرست ها مراجعه نمایید. هر کدام از فهرست های خود را که ایجاد کرده اید و به صورت کشویی باز میشوند را باز کنید می بینید که تنظیم مربوط به افزودن تصویر به آن اضافه شده است.

menu image setting-hamyarwp

همانطور که در تصویر مشاهده می کنید، بخش های menu image برای افزودن و حذف تصویر دلخواه،image on hover برای افزودن تصویری که با نگه داشتن ماوس نمایش داده میشود، Image size برای مشخص کردن اندازه ی مورد نظر شما و همچنین Title position برای تعیین وضعیت قرارگیری تصویر، مشاهده میشوند.

  سلب مسئولیت از لینک های وابسته در پست های وردپرس

حال به توضیح هر کدام میپردازم!

menu image

set image-hamyarwp

با کلیک بر روی گزینه ی set image پنجره ی بارگذاری تصویر باز شده و میتوانید تصویر و یا لوگوی مورد نظر خود را برگزینید. پس از انتخاب تصویر، در کنار آن گزینه ای با نام Remove image ظاهر میشود و هر زمان که تمایل به تغییر و یا حذف تصویر فعلی دارید میتوانید از آن استفاده کرده و تصویر جدیدی بارگذاری نمایید.

display logo-hamyarwp

Image on hover

image on hover-hamyarwp

با کلیک بر روی گزینه ی set image on hover تعیین میکنیم که در زمان رفتن فلش ماوس روی منو چه تصویری به ما نمایش داده شود.

image hover-hamyarwp

Image size

image size-hamyarwp

با این گزینه هر اندازه ای که دوست داشته باشید را میتوانید برای تصویر مشخص نمایید.

Title position

title position-hamyarwp

با انتخاب هر یک از گزینه های After یعنی بعد از نوشته ی منو،hide یعنی عدم نمایش تصویر و Before قبل از عنوان منو میتوانید جایگاه تصویر را مشخص نمایید.

البته به خاطر داشته باشید هر چه از لحاظ ظاهری و اندازه، تصویر خود را استاندارد قرار دهید بسیار مطلوب خواهد بود.

امیدوارم از آموزش امروز لذت برده باشید.

آموزش ویدیویی آموزش افزودن آیکون به فهرست با استفاده از افزونه menu image

دانلود ویدئو آموزش افزونه menu image

پیش‌نمایش

دانلود افزونه menu image

دانلود صفحه افزونه پیش‌نمایش

جناب آقای علی حصاریان یکی از کاربران همیار وردپرس این افزونه را فارسی سازی کرده است که لینک دانلود فارسی سازی شده ی افزونه ی menu image  در تاریخ ۱۳۹۴/۰۲/۲۴ اضافه شد.

دانلود
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

دیدگاهتان را بنویسید

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. سلام
    من از وردپرس 4.9.8 در حال اجرا با پوسته‌ی betheme.
    استفاده می کنم ولی در فهرست ها “صفت عنوان” ندارم
    لطفا راهنمایی بفرمایید

  2. سلام این افزونه وقتی نصب بشه سرعت سایت گرفته نمیشه؟

  3. سلام من یک سایت فیلم دارم وقتی یک پستی اضافه میکنم دسته ای که انتخاب میکنم به عنوان ژانر فیلم در نظر گرفته میشه که در فهرست بالای سایت خودکار اضافه میشه من میخوام وقتی دسته رو انتخاب میکنم فقط ژانر نمایش داده بشه و بقیه دسته ها در فهرست نمایش داده بشن
    چطوری باید انجامش بدم راهنماییم کنید لطفا

  4. با سلام
    من این افزونه را نصب کردم عالی بود ممنونم توضیحاتتونم واقعا کامل هست
    فقط یک سوال چطور میشه اسم منو سمت راست باشه لوگو سمت چپ باشه
    با تشکر

  5. درود بر شما ، وقتی چندین آیکون در نظر گرفته میشه برای چند فهرست مشکلاتی در قالب ایجاد میشه آیا این مشکل از قالبه یا افزونه ؟

    • 10 سال عضو همیار وردپرس

      سلام
      افزونه تست شده هستش و همونطور که میبینید در ویدئو هم باهاش کار شده. قالبتون رو بررسی کنید.

  6. من افزونه رو نصب کردم ولی هیچی در فهرستم اضافه نشد کار خاصی باید بکنم؟

  7. نظر من اینه که بهتره بحای اینکار، یک کلاس برای اون گزینه در منو تعیین کنیم سپس با دستور CSS فونت آیکون رو براش بکار ببریم.

  8. یک افزونه روزشمارمثل اربیعن میخوام.یا هر مناسبتی. درصفحه اول سایت
    یعنی هرکس هر روز وارد سایت شد بدونه تا اون روز موعود چند روز باقی مونده.
    راستی سایتتون واقعا محشره.مخصوصا ویدیوهای اموزشیش.معلومه یه گروه قوی فعالیت دارن.ممنونم

  9. سلام.من یک افزونه میخوام برای روزشمار. یعنی یه تاریخ براش مشخص کنم و هر روز یکی ازش کم کنه.چه افزونه ای هست .ظاهر شکیلی هم داشته باشه.مثل تقویم.

    • 10 سال عضو همیار وردپرس

      سلام
      روز شمار برای صفحه ی maintenance ؟

    • خیر. برای روز شمار مثل اربیعن میخوام.یا عر مناسبتی. درصفحه اول سایت
      یعنی هرکس هر روز وارد سایت شد بدونه تا اون روز موعود چند روز باقی مونده.
      راستی سایتتون واقعا محشره.مخصوصا ویدیوهای اموزشیش.معلومه یه گروه قوی فعالیت دارن.ممنونم

  10. 10 سال عضو همیار وردپرس

    با سلام و وقت بخیر
    افزونه رو ترجمه کردم لطفا لینک رو اضافه کنید

    • 10 سال عضو همیار وردپرس

      سلام
      لطفا برای من ایمیل کنید با مشخصات کامل خودتون تا بررسی کنم
      bahar@hamyarwp.com
      ممنون

مطالب زیر را حتما بخوانید