تکنولوژی

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

 1. استفاده از جاوا اسکریپت:
می‌توانید با استفاده از یک اسکریپت ساده جاوا اسکریپت این کار را انجام دهید. این اسکریپت را می‌توانید درون یک بلاک HTML سفارشی یا در فایل قالب خود قرار دهید.
<p onclick=”copyToClipboard(this.innerText)”>متن مورد نظر برای کپی</p>

<script>
function copyToClipboard(text) {
const textarea = document.createElement(‘textarea’);
textarea.value = text;
document.body.appendChild(textarea);
textarea.select();
document.execCommand(‘copy’);
document.body.removeChild(textarea);
alert(‘متن کپی شد!’);
}
</script>

 2. استفاده از افزونه وردپرس:
اگر ترجیح می‌دهید از کدنویسی استفاده نکنید، می‌توانید از افزونه‌های وردپرس که قابلیت‌های مرتبط با کپی کردن متن را ارائه می‌دهند استفاده کنید. برخی از این افزونه‌ها عبارتند از:
– Copy Anything to Clipboard: این افزونه به شما اجازه می‌دهد تا هر متنی را با یک کلیک به کلیپ‌بورد کپی کنید.
– Advanced Custom Fields: با این افزونه می‌توانید فیلدهای سفارشی را به پست‌ها و صفحات اضافه کنید و سپس با استفاده از یک اسکریپت جاوا اسکریپت ساده، محتوای آن‌ها را کپی کنید.

 3. استفاده از شورت‌کد:
همچنین می‌توانید یک شورت‌کد برای این منظور بسازید. برای این کار، کافی است قطعه کد زیر را به فایل functions.php قالب خود اضافه کنید:
function copy_text_shortcode($atts, $content = null) {
return ‘<p onclick=”copyToClipboard(this.innerText)”>’ . $content . ‘</p>’;
}

add_shortcode(‘copy_text’, ‘copy_text_shortcode’);

function copy_script() {
?>
<script>
function copyToClipboard(text) {
const textarea = document.createElement(‘textarea’);
textarea.value = text;
document.body.appendChild(textarea);
textarea.select();
document.execCommand(‘copy’);
document.body.removeChild(textarea);
alert(‘متن کپی شد!’);
}
</script>
<?php
}

add_action(‘wp_footer’, ‘copy_script’);

سپس می‌توانید از شورت‌کد [copy_text]متن شما[/copy_text] در هر پست یا صفحه‌ای برای ایجاد یک متن که با کلیک روی آن کپی می‌شود استفاده کنید.

 4. استفاده از ویرایشگر گوتنبرگ:
اگر از ویرایشگر گوتنبرگ استفاده می‌کنید، می‌توانید یک بلوک HTML سفارشی اضافه کنید و کد جاوا اسکریپت بالا را درون آن قرار دهید.

این روش‌ها به شما امکان می‌دهند تا به راحتی متن‌های مورد نظر را با کلیک کاربر به کلیپ‌بورد کپی کنید.

نمایش بیشتر

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

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

دکمه بازگشت به بالا