جلسه ۵۰

درج آیکون شبکه های اجتماعی در المنتور

مسعود قربان خانی

مدرس : مسعود قربان خانی

فایل های ضروری و مورد نیاز

social-media-elementor

ویجت آیکن های اجتماعی در المنتور به شما امکان می دهد نمایش آیکون های شبکه های اجتماعی در المنتور را به سادگی انجام دهید و با ویجت Elementor Social Icons شما کنترل کاملی بر ظاهر آیکون های اجتماعی خود خواهید داشت .

تخفیف ویژه دانشجویان دوره رایگان المنتور

علاوه بر تخفیف همیشگی المنتور پرو 20% بیشتر تخفیف بگیرید

کد تخفیف : off-elementor

در این نوشته شما می خوانید

آموزش کار با ویجت آیکون شبکه های اجتماعی المنتور

ویجت آیکون شبکه های اجتماعی المنتور

محتوا / Content

  1. آیکون‌های شبکه‌های اجتماعی / Social Icons : در این قسمت که خود شامل آیکون ، پیوند و رنگ می باشد میتوانید برای هر یک از شبکه های اجتماعی موارد گفته شده را ست کنید و همچنین میتوانید با کلیک بر روی افزودن ایتم و یا علامت ضربدر بر روی هر باکسی که ایجاد کردیم آن را اضافه و کم کنیم .
  2. شکل / Shape : می توانید آیکون های خود را به شکل دایره ای و مربعی نمایش بدهید .
  3. ستون / Columns : می توانید تعداد نمایش ستون ها را در این قسمت تعیین کنید .
  4. چیدمان / Alignment :محل قرار گیری آیکون ها در ستون را مشخص کنید .

استایل / Style

  1. رنگ / Color : رنگ آیکون ها را مشخص کنید . که شامل رنگ رسمی که همان رنگ های سازمانی شبکه های اجتماعی است و اتوماتیک رنگ بندی میکند اما گاهی اوقات پیش میاد که میخواهید یک رنگ باشند می توانید سفارشی را انتخاب کنید و تغییر رنگ دهید .
  2. سایز / Size : سایز آیکون را در این قسمت تنظیم کنید .
  3. پدینگ / Padding : فاصله داخلی به آیکون خود دهید .
  4. فاصله گذاری / Spacing : فاصله بین آیکون ها را در این قسمت مشخص کنید .
  5. نوع کادر / Border Type : اگر دوست دارید کادر درو در آیکون دهید از این قسمت تنظیم کنید .
  6. گوشه‌های مدور / Border Radius : گوشه های کادر داده شده را گرد کنید .

 

سوالات و مشکلات شما در این جلسه

اگر در این جلسه سوال و مشکلی داری می توانید در این قسمت بپرسید 

15 پاسخ

  1. سلام و درود
    من میخایم یه دکمه شناور توی سایتم بزارم که وقتی کاربر توی مرورگر موبایل روی اون بزنه ،آیکون شبکه های اجتماعی که روی گوشی نصب شده اند بالا بیاد و بتونه لینک سایت رو شیر کنه،درست مثل وقتی که یه عکس رو از توی گالری میخاهیم شیر کنیم.
    یه افزونه هم پیدا کردم به اسم super web share که اینکارو انجام میده ولی متاسفانه توی اپلیکیشن وب ویو سایتم کار نمیکنه
    چطور میتونم به طور دستی توی المنتور پیاده سازی کنم؟

    1. سلام درود بر شما
      برای پیاده‌سازی این قابلیت به‌صورت دستی در المنتور، باید از Web Share API استفاده کنید که فقط روی مرورگرهای مدرن و خارج از WebView کار می‌کند

  2. با سلام مشکلی که هست اینه که من نمیدونم چجوری لینک واتساپ و تلگرام و اینستاگرام رو پیدا کنم و وارد قسمت لینک بکنم
    میشه بگید لینکهاشون چی هست هرچی سرچ میکنم چیزی نمیاره و فقط میگه افزونه نصب کن اما من لینکشو میخوام!!

    1. سلام خدمت شما وارد تنظیمات تلگرام و واتس اپ خود شوید لینک اشتراک گذاری را به شما می دهد برای مثال روی منوی همگری تلگرام بزنید روی لینک invite Link را کپی کنید

      1. سلام و تشکر بابت سایت خوبتون و پاسخویی خوبتون.من هم مشکل لینک دارم.برای وی چت نمیدونم چطوری باید لینک بدم

  3. میشه ی چیز دیگه هم ساختش رو آموزش بدید باشین عنوان نوشته تون ی نواری هسن نوشته (خانه | آموزش المنتور | درج آیکون شبکه های اجتماعی) اینو آموزش بدید لطفا

    1. سلام وقت بخیر
      این مورد را میتوانید با نصب افزونه سئو یواست رایگان هم قرار بدید به این صورت که پس از نصب ویجت مربوط به این قسمت برای شما ایجاد می شود و میتوانید با کشیدن و رها کردن از آن استفاده کنید .

  4. سلام خسته نباشید ایکون اینستاگرام ایجاد کرده ام لینک پیجی را در قسمت پیوند قرار میدهم اما اتصال برقرار نمیشود آیا نیاز به الگوریتم خاضی دارد لینک قرار دادن ؟

    1. سلام/ با اجازه ادمین
      افزونه المنتور فارسی را کنار این دو المنتور نصب کنید هم تاریخ شمسی و هم کلی ایکون مانندشبکه اجتماعی داخلی دارد/

        1. سلام خدمت شما
          برای افزودن ویژگی‌های noopener noreferrer به آیکن‌ها در المنتور، کافی است صفحه را باز کنید، ویجت آیکن را انتخاب کرده و لینک موردنظر را در بخش Link وارد کنید. سپس گزینه Open in new window را فعال کنید؛ المنتور به‌طور خودکار این ویژگی‌ها را اضافه می‌کند. برای اطمینان، می‌توانید کد HTML صفحه را بررسی کنید

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

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