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

ساخت دکمه کپی لینک کوتاه مطلب در وردپرس بدون افزونه – تو دنیای آنلاین امروز، لینک‌ها همه‌چیزن. از اینستاگرام تا ایمیل، هرجا که بری، به لینک نیاز داریم. ولی چرا همیشه باید از لینک‌های طولانی و پیچیده استفاده کنیم؟ اینجاست که لینک‌های کوتاه میان و کمک‌مون می‌کنن! این لینک‌ها نه‌تنها خیلی خوشگل‌ترن، بلکه خیلی راحت‌تر میشه اونا رو به اشتراک گذاشت و از نظر سئو و تجربه کاربری هم خیلی مفیدن. تو این مقاله می‌خوام بهت نشون بدم چطور بدون هیچ افزونه‌ای یه دکمه بسازی که کاربر بتونه لینک کوتاه مطلب یا صفحه رو با یه کلیک کپی کنه و راحتی به اشتراک بذاره. پس اگه مشتاق یادگیری یه آموزش جذاب دیگه از رایا وردپرس هستی بزن که بریممم 😊❤️🚀

لینک کوتاه چیست؟ 🤔

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

چرا باید دکمه کپی لینک کوتاه بسازی؟ ✨

حالا که می‌دونی لینک کوتاه چیه، شاید این سوال پیش بیاد که چرا باید یه دکمه برای کپی کردن لینک کوتاه مطلب یا صفحه بسازی. خب، دلیلش اینه که:

• تجربه کاربری بهتر: وقتی یه دکمه برای کپی لینک داشته باشی، کاربر به راحتی می‌تونه لینک رو کپی کنه و دیگه نیازی نیست که خودش لینک URL رو پیدا کرده و کپی کنه. اونم وقتی لینک ممکنه خیلی طولانی و شلوغ باشه!
• سرعت بیشتر: با یه کلیک، لینک کوتاه کپی میشه و کاربر سریع‌تر می‌تونه اون رو هرجایی که می‌خواد بذاره، بدون هیچ دردسری.
• سئو بهتر: گوگل به لینک‌های کوتاه توجه می‌کنه چون این لینک‌ها هم ساده‌ترن و هم برای کاربرها تجربه بهتری دارن.
• افزایش اشتراک‌گذاری: لینک‌های کوتاه معمولاً جذاب‌ترن و راحت‌تر به اشتراک گذاشته می‌شن، پس احتمال اشتراک‌گذاری اون مطلب و صفحه توسط کاربر بیشتر میشه.
• شکل ظاهری بهتر: اگه URL صفحه‌ات فارسی باشه و بخوای اون رو تو شبکه‌های اجتماعی یا جاهای دیگه پیست کنی، خیلی طولانی و شلوغ میشه، با کاراکترهای عجیبی مثل % و … که اصلاً خوشایند نیست (مثل تصویر زیر). این نوع لینک‌ها نه تنها به‌هم ریخته به نظر میان، بلکه کاربر هیچ ایده‌ای از محتوای صفحه نداره و اصلاً نمی‌دونه لینک مربوط به چی هست. این موضوع باعث میشه احتمال کلیک کردن روی لینک به شدت پایین بیاد.

یه ترفند ساده برات دارم! اگه URL صفحه‌ات فارسیه و نمی‌خوای به شکل شلوغ و به‌هم ریخته نمایش داده بشه، کافیه فقط بعد از “https://” رو کپی کنی و پیست کنی. اینجوری اون کاراکترهای اضافی و بهم ریخته دیگه نمایش داده نمی‌شن و لینک خیلی تمیزتر و مرتب‌تر به نظر میاد.

🪶ساخت دکمه کپی لینک کوتاه مطلب در وردپرس بدون افزونه

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

×

آموزش آپلود SVG در وردپرس و المنتور؛ بدون افزونه و دردسر

مطالعه

× 📣 اینجا محل دیده شدن تبلیغ شماست کلیک کن AD

🤖تعریف شورت‌ کد برای دکمه کپی لینک

کد PHP زیر رو داخل فایل functions.php قالب وردپرس خودت قرار بدی. این کار باعث می‌شه یه شورت‌کد سفارشی برای لینک کوتاه صفحه ایجاد بشه و بتونی ازش توی هر برگه و صفحه‌ای که می‌خوای، استفاده کنی. 😎 به این ترتیب، هر جا که این شورت‌کد [RayaWp_copy_link] رو قرار بدی (مثلا تو برگه نوشته های سایتت)، دکمه کپی لینک کوتاه نمایش داده می‌شه. 📌

  _____                __          __
 |  __ \               \ \        / /
 | |__) |__ _ _   _  __ \ \  /\  / / __
 |  _  // _\` | | | |/ _\` \ \/  \/ / '_ \
 | | \\ \ (_| | |_| | (_| | \  /\  /| |_) |
 |_|  \\_\__,_|\\__, |\\__,_|  \/  \/ | .__/
               __/ |              | |
              |___/               |_|    

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

دکمه‌ای که ایجاد می‌شه هم خیلی جذاب و کاربرپسنده! طراحی ساده و جذابی داره. علاوه بر این، یک پیام پاپ‌آپ برای موفق بودن عملیات کپی لینک نمایش داده میشه. یعنی وقتی لینک با موفقیت کپی می‌شه، یه پیام به کاربر نشون داده می‌شه که مطمئن بشه لینک کپی شده. 😎

×

ساخت دکمه با هاور افکت جذاب و تعاملی موج

مطالعه

در مجموع این کار باعث می‌شه تجربه کاربری خیلی بهتر بشه و به اشتراک‌گذاری لینک‌ها هم ساده‌تر و سریع‌تر بشه. 🙌

توجه! اگه میخای متن دکمه فقط (کپی لینک) باشه و لینک کوتاه رو نشون ندی تا دکمه مینیمال تر و جمع و جورتر باشه کافیه در کد بالا در خط 8 قسمت ‘ . $short_link . ‘ رو حذف کنی یعنی کد به این شکل بشه :

  _____                __          __
 |  __ \               \ \        / /
 | |__) |__ _ _   _  __ \ \  /\  / / __
 |  _  // _\` | | | |/ _\` \ \/  \/ / '_ \
 | | \\ \ (_| | |_| | (_| | \  /\  /| |_) |
 |_|  \\_\__,_|\\__, |\\__,_|  \/  \/ | .__/
               __/ |              | |
              |___/               |_|    

مرسی که تا آخر این پست منو با نگاه قشنگت همراهی کردی! 😊 اگر پیشنهاد یا سوالی داشتی، حتما توی دیدگاه‌ها بنویس و من با کمال میل جواب میدم! 📝 خوشحال میشم کمکت کنم. فعلن تا یه آموزش جذاب و خاص دیگه، خدانگهدارررررررر! ✌️😄

×

طراحی آکاردئون شگفت‌ انگیز با قابلیت باز و بسته شدن خودکار

مطالعه