Yazının kalıcı bağlantısını kopyalayan buton

18-06-2017, 19:32:29

Merhabalar,

Siteye eklediğim bir buton ile yazının /?p=ıd şeklinde olan kalıcı bağlantısının kopyalanmasını istiyorum. Hangi kodu eklemeliyim acaba?

Örnek:
https://www.bozuktus.com/2017/06/18/...cretsiz-25348/
Yazısında butona basınca https://www.bozuktus.com/?p=25348 adresi otomatik olarak kopyalanmış olacak.

18-06-2017, 19:40:48

#2

StyleWaR

Mesajım bulunsun, pcye geçtiğimde ilgileneceğim.

--
#wordpresse göre uyarladım.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
	function kopyala(element) {
  var $temp = $("<input>");
  $("body").append($temp);
  $temp.val($(element).text()).select();
  document.execCommand("copy");
  $temp.remove();
}
        </script>
<?php
$short_link = wp_get_shortlink();
?>
Bu yazımıza direk olarak <span class="kisalink"><?=$short_link;?></span> bu adresten ulaşabilirsiniz. <button onclick="kopyala('.kisalink')">Linki Kopyalayın.</button>

19-06-2017, 03:30:41

#3

anlayan21

Buraya bir göz atmanızda fayda var ZeroClipboard

Demosu

19-06-2017, 07:42:54

#4

SkyGhostAir

StyleWaR adlı üyeden alıntı: mesajı görüntüle

Mesajım bulunsun, pcye geçtiğimde ilgileneceğim.

--
#wordpresse göre uyarladım.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
	function kopyala(element) {
  var $temp = $("<input>");
  $("body").append($temp);
  $temp.val($(element).text()).select();
  document.execCommand("copy");
  $temp.remove();
}
        </script>
<?php
$short_link = wp_get_shortlink();
?>
Bu yazımıza direk olarak <span class="kisalink"><?=$short_link;?></span> bu adresten ulaşabilirsiniz. <button onclick="kopyala('.kisalink')">Linki Kopyalayın.</button>

Bu yazımıza direk olarak <span class="kisalink"><?=$short_link;?></span> bu adresten ulaşabilirsiniz.

Bu kısmı silince neden çalışmıyor acaba? Bana text olarak lazım aslında. "Bağlantıyı Kopyala" yazısı olsun yeter. Ya da bir icon'a bu özellik verilebilir. Buton olarak yaptığımda tasarımda çok sırıtıyor. Nasıl düzenleyebiliriz?

19-06-2017, 07:47:16

#5

StyleWaR

SkyGhostAir adlı üyeden alıntı: mesajı görüntüle

Bu yazımıza direk olarak <span class="kisalink"><?=$short_link;?></span> bu adresten ulaşabilirsiniz.

Bu kısmı silince neden çalışmıyor acaba? Bana text olarak lazım aslında. "Bağlantıyı Kopyala" yazısı olsun yeter. Ya da bir icon'a bu özellik verilebilir. Buton olarak yaptığımda tasarımda çok sırıtıyor. Nasıl düzenleyebiliriz?

muratdinc.md adlı kullanıcı adınızı skypedan ekledim, teamdan bakıp istediğiniz gibi şekillendirebilirim.