🧩 Ne Yapacağız?
- author kısmını bulacağız (genelde single.php, content-single.php veya template-parts/post/author.php gibi yerlerde olur).
- HTML buton kodunu ekleyeceğiz.
- JavaScript ile kopyalama işlevi vereceğiz.
- Biraz CSS ile görünümü düzelteceğiz.
✅ 1. Tema Dosyasına Buton Ekleyelim
author bilgisinin olduğu yere (örneğin single.php içinde the_author() fonksiyonu varsa onun yakınına) şu HTML kodunu ekle:
<div class="custom-author-buttons"> <button id="myCustomBtn">Özel Buton</button> <button id="copyAuthorBtn">Kopyala</button> </div>
✅ 2. JavaScript ile Kopyalama İşlevi
Aynı dosyada en alta (veya footer.php dosyasının en altına) aşağıdaki <script> tagini ekle:
<script> document.addEventListener("DOMContentLoaded", function () { const copyBtn = document.getElementById("copyAuthorBtn"); const authorName = "<?php echo get_the_author(); ?>"; copyBtn.addEventListener("click", function () { navigator.clipboard.writeText(authorName) .then(() => { alert("Yazar adı kopyalandı: " + authorName); }) .catch(err => { alert("Kopyalama başarısız: " + err); }); }); }); </script>
✅ 3. Butonlara Stil Verelim
style.css dosyana veya <style> tagı ile aşağıdaki CSSi ekleyebilirsin:
.custom-author-buttons { margin-top: 10px; display: flex; gap: 10px; }
.custom-author-buttons button { padding: 6px 12px; background-color: #0073aa; color: white; border: none; border-radius: 5px; cursor: pointer; }
.custom-author-buttons button:hover { background-color: #005177; }
Örnek Görünüm:
Yazar:
Ali Yılmaz
[Özel Buton] [
Kopyala] ← Tıklanınca "Ali Yılmaz" panoya kopyalanır
☑️ İsteğe Göre:
- Buton metinlerini değiştirebilir,
- Yazar dışında başka bilgileri de kopyalayabilir,
- onclick ile başka işlevler verebilirsin.