جستجو در انجمن

در حال نمایش نتایج برای برچسب های 'آموزش قراردادن لینک کوتاه برای نوشته ها در وردپرس'.

  • جستجو بر اساس برچسب

    برچسب ها را با , از یکدیگر جدا نمایید.
  • جستجو بر اساس نویسنده

نوع محتوا


انجمن ها

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

پیدا شد 1 نتیجه

  1. سلام تو این تاپیک قصد دارم نحوه قرار دادن لینک کوتاه برای نوشته های وردپرس رو با شما کاربران به اشتراک بذارم. قصد داریم در صفحه نوشته ها که مربوط به فایل single.php می شود بخشی مشابه عکس زیر ایجاد کنیم: کدهای ما برای ایجاد کردن چنین بخشی شامل سه بخش میشه. کد php: برای گرفتن آیدی نوشته جاری که کاربر در حال مطالعه هست استفاده شده است. کدهای html و css که برای ایجاد و استایل دهی ساختاری که در عکس مشاهده می کنید استفاده شده است. کدهای جاوااسکریپت که برای کپی کردن آدرس نوشته زمانی که کاربر روی دکمه کپی کن! کلیک می کند فراخوانی و استفاده می شود. مرحله اول: ابتدا کدهای استایل زیر رو به قالب سایت خود اضافه کنید. .wbc-shortlink { width: 100%; margin-top: 20px; margin-bottom: 20px; } button.wbc-copydone { padding: 11px; border: 1px solid #03A9F4; background-color: #03A9F4; font-family: inherit !IMPORTANT; } input#wbc-post-shortlink { text-align: left; border-color: #03A9F4; border-width: 2px; } .wbc-shortlink table tr td:first-child { text-align: left; } .wbc-shortlink table { position: relative; } p#wbc-success-copy-done { position: absolute; top: -45px; left: 32%; background-color: #03A9F4; padding: 8px 18px; color: #ffffff; border-radius: 4px; display: none; } h4.wbc-title-shortlink { text-align: right; } مرحله دوم: فایل single.php قالب که مربوط به پست های سایت میشه رو باز کنید. و تو یه بخش مناسب کدهای زیر رو قرار بدید. <div class="wbc-shortlink"> <h4 class="wbc-title-shortlink">دریافت لینک کوتاه این نوشته:</h4> <table> <tr> <td> <button class="wbc-copydone" onclick="wbc_function_copy()">کپی کن!</button> </td> <td> <input id="wbc-post-shortlink" value="<?php echo home_url()."/?p=".$post->ID;?>" type="text" readonly> <p id="wbc-success-copy-done">کپی شد!</p> </td> </tr> </table> </div> <script type="text/javascript"> function wbc_function_copy() { var copyText = document.getElementById("wbc-post-shortlink"); copyText.select(); document.execCommand("copy"); document.getElementById("wbc-success-copy-done").style.display = "block"; setTimeout(function(){ document.getElementById("wbc-success-copy-done").style.display = "none"; }, 5000); } </script> چند نکته: قبل از پیست کردن کد بالا در فایل single.php دقت کنید که اگه قبلا تگ php باز شده بود شما باید تگ php رو ببندید به این صورت که قبل از کدهای بالا بنویسید: ?> و همچنین در آخر کدهایی که اضافه کردید مجدد تگ php رو باز کنید به این شکل: <?php میتونید کدهای جاوااسکریپت رو در فایل footer.php قبل از بسته شدن تگ body قرار بدید. ولی ممکنه سایت شما تو صفحه پست ها فوتر رو فراخونی نکرده باشه. برای همین منظور بهتره کد جاوااسکریپت رو با کد php و html باهم قرار بدید. و در نهایت هم زمانی که روی دکمه کپی کن! کلیک میشه پیام کپی شد به کاربر نمایش داده خواهد شد. همانند تصویر زیر: امیدوارم نهایت استفاده رو ببرید!