Wordpress Temaya Buton Kodu Ekleme

Resimde gösterdiğim Kırmızı alana Buton ve sağ tarafınada tıklandığında kopyalama butonu eklemek istiyorum. Eklenti vs ile değil. Yardımcı olursanız sevinirim.

🧩 Ne Yapacağız?

1. author kısmını bulacağız (genelde single.php, content-single.php veya template-parts/post/author.php gibi yerlerde olur).
2. HTML buton kodunu ekleyeceğiz.
3. JavaScript ile kopyalama işlevi vereceğiz.
4. 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 CSS’i 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.

Teşekkür ederim kod çalıştı hocam. index sayfasında gözüksün istiyorum. kod blog sayfasında yazıya girince gözüküyor. birde özel buton kısmı her paylaşımda yazılar kısmında benım eklediğim link olsun istiyorum tek link değil. kopyala dediğimdede yazarın adını kopyalıyor.

<ul class="flow-meta group">
                <?php if ( get_theme_mod( 'author-avatar', 'on' ) == 'on' ): ?>
                    <li class="flow-author"><a href="<?php echo get_author_posts_url(get_the_author_meta( 'ID' )); ?>"><?php echo get_avatar(get_the_author_meta('user_email'),'64'); ?></a></li>
                <?php endif; ?>
                <li class="flow-date"><i class="far fa-calendar"></i><?php the_time( get_option('date_format') ); ?></li>
                <?php if ( comments_open() && ( get_theme_mod( 'comment-count', 'on' ) =='on' ) ): ?>
                    <?php $number = get_comments_number( $post->ID ); if ( $number > 0 ) { ?>
                        <li class="flow-comments"><a href="<?php comments_link(); ?>"><i class="far fa-comment"></i><span><?php comments_number( '0', '1', '%' ); ?></span></a></li>
                    <?php } ?>
                <?php endif; ?>
            </ul>

Kod örneği

Hocam Whatsapp’tan yazabilirseniz bugün ücretsiz yardımcı olalım

çok teşekkür ederim hocam. Foruma girememiştim. Yapayzeka ile hallettim 😊🙏🏻