
ویجت دکمه های اشتراک گذاری (Share Buttons) المنتور
میخوای محتوای سایتت مثل برق در شبکه های اجتماعی دست به دست بشه؟ با ویجت Share Buttons در المنتور، دکمه های اشتراک گذاری جذاب و حرفه ای بساز!
Table of contents [Show]
- 1 افزایش دسترسی و ترافیک سایت
- 2 بخش محتوا در ویجت دکمه های اشتراک گذاری
- 3 بخش استایل ویجت Share Buttons در المنتور
- 4 بخش پیشرفته در المان دکمه های اشتراک گذاری
- 4. 1 گزینه طرح بندی در ویجت دکمه های اشتراک گذاری
- 4. 2 آموزش موشن افکت در المان Share Buttons المنتور
- 4. 3 بخش تبدیل در دکمه های اشتراک گذاری وردپرس
- 4. 4 بخش پس زمینه المان دکمه های اشتراک گذاری المنتور
- 4. 5 گزینه حاشیه در Share Buttons المنتور
- 4. 6 آموزش ماسک در ویجت دکمه های اشتراک گذاری
- 4. 7 واکنش گرا در المان دکمه های اشتراک گذاری
- 4. 8 ویژگی ها در ویجت Share Buttons المنتور
- 4. 9 گزینه css سفارشی در ویجت دکمه های اشتراک گذاری
- 5 مزایای ویجت دکمه های اشتراک گذاری المنتور
- 6 دکمه های اشتراک گذاری در المنتور از نظر سئو
افزایش دسترسی و ترافیک سایت
ویجت دکمه های اشتراک گذاری در المنتور ابزاری کاربردی برای ترغیب کاربران به به اشتراک گذاشتن محتوای سایت در شبکههای اجتماعی است. در طراحی سایت این ویجت به صاحبان وب سایت امکان می دهد دسترسی به محتوا را افزایش داده و ترافیک ورودی از شبکه های اجتماعی را بهبود بخشند. طراحی دکمه های اشتراک گذاری با المنتور به صورت بصری انجام میشود و بدون نیاز به دانش برنامه نویسی می توان آن ها را در صفحات مختلف سایت قرار داد.
ویجت دکمه های اشتراک گذاری امکانات متنوعی ارائه می دهد. میتوان شبکههای اجتماعی مختلف مانند فیسبوک، توییتر، لینکدین و اینستاگرام را اضافه کرد و ترتیب نمایش آنها را تنظیم نمود. همچنین امکان تغییر رنگ، اندازه، آیکن و استایل دکمه ها وجود دارد تا ظاهر آنها با طراحی کلی سایت هماهنگ شود. این ویژگیها باعث میشوند دکمه ها جذاب و قابل استفاده برای کاربران باشند و نرخ اشتراک گذاری افزایش یابد.
بخش محتوا در ویجت دکمه های اشتراک گذاری

محتوایی که در المان دکمه های اشتراک گذاری (Share Buttons Widget) المنتور نمایش داده میشود شامل مجموعه ای از آیکون ها یا دکمه های بصری است که هر کدام نماینده یک شبکه اجتماعی خاص مانند فیسبوک توییتر لینکدین یا تلگرام هستند. هدف این محتوا فراهم کردن راهی آسان و سریع برای بازدیدکنندگان وب سایت است تا بتوانند محتوای صفحه فعلی شما را تنها با یک کلیک در پلتفرم های دلخواه خود به اشتراک بگذارند و این امر به افزایش بازدید و گسترش محتوای شما در فضای مجازی کمک شایانی میکند.
دکمه های اشتراک گذاری در بخش محتوای المنتور
در بخش محتوا (Content) المان دکمه های اشتراک گذاری گزینه های متعددی برای سفارشی سازی نحوه عملکرد و ظاهر دکمه ها وجود دارد. شما میتوانید شبکه های اجتماعی مورد نظر خود را از میان لیست کشویی انتخاب کنید ترتیب نمایش آنها را با کشیدن و رها کردن تغییر دهید و تصمیم بگیرید که آیا دکمه ها فقط آیکون داشته باشند متن هم نمایش دهند یا تعداد دفعات اشتراک گذاری را نیز نشان دهند. همچنین میتوانید انتخاب کنید که لینک اشتراک گذاری به صورت خودکار آدرس صفحه فعلی را بردارد یا یک لینک سفارشی را برای اشتراک گذاری تنظیم کنید.

در بخش استایل (Style) المان دکمه های اشتراک گذاری شما کنترلهای کاملی بر ظاهر بصری دکمه ها دارید. این تنظیمات به شما اجازه میدهند تا رنگ و تایپوگرافی فونت و اندازه متن دکمه ها را تغییر دهید و میتوانید انتخاب کنید که از رنگ رسمی هر شبکه اجتماعی استفاده شود یا رنگهای سفارشی خود را تنظیم کنید. همچنین گزینه هایی برای مدیریت اندازه دکمه ها فاصله بین آنها حاشیه ها و پدینگ داخلی وجود دارد که با استفاده از آنها میتوانید شکل دکمه ها مربع دایره یا گرد را مشخص کرده و ظاهر نهایی المان را کاملا با طراحی کلی وب سایت خود هماهنگ کنید.
در بخش استایل المان دکمه های اشتراک گذاری، گزینه های متعددی برای تنظیم دقیق ظاهر هر دکمه در نظر گرفته شده است. شما می توانید رنگ ها را مدیریت کنید؛ یا از رنگهای رسمی هر پلتفرم استفاده کنید یا رنگ پس زمینه و آیکون سفارشی خود را بر اساس پالت رنگ وب سایت اعمال نمایید. همچنین تنظیماتی برای کنترل اندازه دکمه ها، میزان گردی گوشهها (Border Radius) برای تبدیل دکمه های مربعی به دایره ای، و مدیریت فاصله گذاری (Spacing) بین دکمه های مختلف وجود دارد که به شما اجازه می دهد چیدمان نهایی را به بهترین شکل ممکن شخصی سازی کنید.
بخش پیشرفته در المان دکمه های اشتراک گذاری

در بخش پیشرفته (Advanced) تنظیمات هر المانی در المنتور گزینه های استاندارد و قدرتمندی برای کنترل موقعیت و ظاهر المان در سطح صفحه وجود دارد. این تنظیمات شامل مواردی مانند مدیریت مارجین فاصله بیرونی و پدینگ فاصله داخلی برای ایجاد فضای مناسب اطراف المان تنظیم کلاسهای CSS سفارشی یا شناسه های ID برای استایل دهی بیشتر با کدنویسی دلخواه و کنترل واکنش گرایی جهت تعیین نمایش یا عدم نمایش المان در دستگاه های مختلف موبایل تبلت و دسکتاپ میباشد. همچنین افکت های حرکتی و تنظیمات مربوط به پس زمینه و حاشیه ها نیز در این بخش قابل دسترسی هستند.
شما می توانید فیلم کامل آموزش این ویجت را که توسط استاد اسماعیلی از اساتید مجرب مجموعه آرتا رسانه، تدریس شده، در ادامه به صورت 100% رایگان مشاهده کنید.این ویدئو را در کانال یوتیوب آرتا رسانه مشاهده فرمایید.
در این آموزش یاد می گیری چطور با ویجت Share Buttons در المنتور، دکمه های اشتراک گذاری شبکه های اجتماعی رو طراحی کنی و بازدید سایتت رو افزایش بدی. این ویجت برای وبلاگ ها، سایت های آموزشی، فروشگاهی و هر سایتی که محتوای ارزشمند داره فوق العاده کاربردیه
گزینه طرح بندی در ویجت دکمه های اشتراک گذاری
در بخش طرح بندی (Layout) که زیرمجموعه تنظیمات پیشرفته شما میتوانید نحوه قرارگیری و رفتار المان در صفحه را مدیریت کنید. مهمترین گزینه در این بخش تنظیم موقعیت المان است که به شما امکان میدهد آن را به صورت چسبان (Sticky) درآورید تا هنگام اسکرول کاربر در کنار صفحه ثابت بماند. همچنین میتوانید تنظیمات مربوط به عرض المان ترتیب (Z-index) برای مدیریت روی هم افتادن عناصر و کلاسهای CSS اضافی را برای کنترل دقیقتر نحوه چیدمان بصری جدول محتوا در صفحه وب سایت خود اعمال کنید.
در بخش موشن افکت (Motion Effects) در تنظیمات پیشرفته شما میتوانید جلوه های بصری جذابی به فهرست مطالب خود اضافه کنید. این بخش به شما اجازه میدهد تا انیمیشن های ورودی ختلفی مانند محو شدن یا سر خوردن از بالا را برای زمانی که المان در صفحه بارگذاری میشود انتخاب کنید. همچنین میتوانید مدت زمان و تاخیر اجرای این انیمیشن ها را تنظیم کنید تا حرکت المان جدول محتوا در هنگام مشاهده صفحه توسط کاربر حرفه ای تر و پویاتر به نظر برسد.
بخش تبدیل در دکمه های اشتراک گذاری وردپرس
در بخش تبدیل (Transform) که در تنظیمات پیشرفته المان های المنتور یافت میشود میتوانید تغییرات هندسی دقیقی روی المان اعمال کنید. این تنظیمات شامل گزینه هایی برای چرخاندن (Rotate) المان در محورهای مختلف تغییر مقیاس یا اندازه (Scale) کشیدن یا کج کردن (Skew) و جابجایی دستی موقعیت (Offset) آن بدون تاثیر بر چیدمان سایر عناصر صفحه است. این ابزارها برای ایجاد جلوه های بصری خلاقانه و دقیق در طراحی سایت شما بسیار مفید هستند.
بخش پس زمینه المان دکمه های اشتراک گذاری المنتور
در بخش پس زمینه (Background) تنظیمات پیشرفته شما میتوانید ظاهر پشت زمینه این ویجت را فراتر از تنظیمات باکس تغییر دهید. این بخش به شما امکان میدهد تا یک رنگ ثابت (Classic) یا یک گرادیان رنگی (Gradient) جذاب را به عنوان پس زمینه المان انتخاب کنید. همچنین میتوانید یک تصویر سفارشی را به جای رنگ آپلود کرده و تنظیمات مربوط به موقعیت اندازه و تکرار تصویر پس زمینه را مدیریت کنید تا جلوه بصری مورد نظر خود را دقیقا روی کادر جدول محتوا اعمال کنید.
در بخش حاشیه (Border) تنظیمات پیشرفته المان جدول محتوا میتوانید ظاهر و سبک خطوط اطراف باکس را به صورت دقیق کنترل کنید. این تنظیمات شامل انتخاب نوع حاشیه مانند توپر نقطه چین یا دوتایی، تعیین ضخامت خطوط در هر چهار طرف المان، و انتخاب رنگ دلخواه برای حاشیه است. علاوه بر این میتوانید با استفاده از گزینه شعاع گوشه (Border Radius) لبه های تیز باکس فهرست مطالب را گرد کنید و جلوه های بصری مدرنتری به آن ببخشید که این امر در هماهنگی طراحی کلی صفحه بسیار موثر است.
آموزش ماسک در ویجت دکمه های اشتراک گذاری
در بخش ماسک (Mask) که یکی از ویژگی های خلاقانه و پیشرفته در تنظیمات المنتور است شما میتوانید شکل ظاهری المان جدول محتوا یا هر المان دیگری را با استفاده از الگوهای مختلف تغییر دهید. به جای اینکه المان به صورت یک مستطیل ساده نمایش داده شود میتوانید شکلی مانند دایره مثلث یا الگوهای سفارشی دیگر را به عنوان ماسک انتخاب کنید. این قابلیت به شما امکان میدهد تا بخش هایی از المان را پنهان کرده و تنها قسمت مشخصی که توسط ماسک پوشانده شده را به نمایش بگذارید که برای ایجاد طرح های بصری منحصر به فرد و خارج از کادر بسیار مفید است.
واکنش گرا در المان دکمه های اشتراک گذاری
در بخش واکنش گرایی (Responsive) تنظیمات پیشرفته شما میتوانید نحوه نمایش این ویجت را در دستگاه های مختلف تنظیم و بهینه سازی کنید. این قابلیت به شما امکان میدهد تا مشخص کنید که آیا این المان در صفحات نمایش دسکتاپ تبلت یا موبایل نمایش داده شود یا خیر و در صورت نمایش تنظیمات خاصی مانند مخفی کردن سربرگ در موبایل یا تغییر ترتیب قرارگیری آن اعمال کنید. هدف اصلی این بخش اطمینان از این است که فهرست مطالب در هر اندازه صفحه نمایشی به درستی و با بهترین تجربه کاربری ممکن به مخاطب نمایش داده شود و طراحی سایت شما ریسپانسیو باقی بماند.
در بخش ویژگیها (Attributes) که در تنظیمات پیشرفته المان های المنتور موجود است شما میتوانید اوصاف سفارشی HTML را به عنصر اصلی المان اضافه کنید. این قابلیت برای توسعه دهندگان وب و کاربران پیشرفته مفید است زیرا به آنها اجازه میدهد تا دادههای خاصی (مانند data-attributes) را برای تعامل با کدهای جاوا اسکریپت سفارشی یا بهبود سئوی فنی صفحه اضافه کنند. این ویژگیها مستقیما به کد HTML خروجی المان اضافه میشوند و امکان انعطاف پذیری بیشتر در پیاده سازی عملکردهای خاص و تعامل های پیشرفته را فراهم میکنند که فراتر از تنظیمات استاندارد المنتور است.
گزینه css سفارشی در ویجت دکمه های اشتراک گذاری
در المنتور منظور از سفارشی سازی (Customization) مجموعه گستردهای از تنظیمات است که به شما امکان میدهد ظاهر رفتار و عملکرد المان جدول محتوا را دقیقا مطابق با نیازها و سلیقه خود تنظیم کنید. این سفارشی سازی شامل تغییر رنگها فونت ها حاشیه ها و پس زمینه در بخشهای استایل میشود و همچنین شامل تنظیمات پیشرفته تری مانند اعمال موشن افکت ها موقعیت دهی دقیق المان با استفاده از طرح بندی و افزودن کدهای CSS یا اوصاف HTML دلخواه برای ایجاد تغییرات منحصر به فرد در بخش پیشرفته است که در نهایت منجر به تولید یک خروجی بصری و کاربردی کاملا شخصی سازی شده میشود.
مزایای ویجت دکمه های اشتراک گذاری المنتور
یکی از مزایای مهم این ویجت واکنشگرا بودن آن است. دکمههای اشتراک گذاری به صورت خودکار روی موبایل، تبلت و دسکتاپ بهینه نمایش داده میشوند و کاربران بدون مشکل میتوانند محتوای سایت را به اشتراک بگذارند. علاوه بر این، امکان افزودن افکتهای hover و انیمیشنهای کوچک باعث میشود تعامل کاربران با دکمهها بیشتر شود و تجربه کاربری بهبود یابد.
ویجت دکمههای اشتراک گذاری همچنین قابلیت لینکدهی مستقیم به محتوای خاص یا صفحات داخلی سایت را فراهم میکند. این قابلیت باعث میشود کاربران سریعتر محتوای موردنظر را به اشتراک بگذارند و بازدیدکنندگان جدیدی به سایت هدایت شوند. استفاده از این ویجت در مقالات، صفحات محصول و محتوای آموزشی به افزایش شناخت برند و ترافیک سایت کمک میکند.
دکمه های اشتراک گذاری در المنتور از نظر سئو
از نظر سئو، استفاده صحیح از ویجت دکمههای اشتراک گذاری باعث بهبود تجربه کاربری و افزایش مدت زمان حضور کاربران در سایت میشود که این موضوع بر رتبه صفحات در موتورهای جستجو تأثیر مثبت دارد. همچنین لینکهای اشتراک گذاری شده به شکل طبیعی میتوانند ارزش محتوای سایت را افزایش دهند و باعث رشد ارگانیک ترافیک شوند.
ویجت دکمههای اشتراک گذاری یا share buttons در المنتور ابزاری حرفهای و منعطف برای ارتقای تعامل کاربران و افزایش دسترسی به محتوا است. امکانات گسترده، طراحی بصری و قابلیتهای واکنشگرا این ویجت را به یکی از عناصر کلیدی در طراحی وبسایتهای مدرن تبدیل کرده است.

مریم گوهرزاد
مدرس و بنیانگذار هلدینگ آرتا رسانه. برنامه نویس و محقق حوزه بلاکچین
نظر خودتون رو با ما در میون بزارید
فیلدهای ستاره دار الزامی هستند . ایمیل شما منتشر نمیشود.




