WordPress’de yorum giriş alanı genellikle yorum listesinin en altında yer alır ama ben açıkçası yorum yazmak için tüm yorumları geçip daha sonra yorum girme alanına ulaşmayı doğru bulmuyorum. Bundan dolayı kendi bloğumda yorum listesinin üstünde yorum giriş alanını gösteriyorum. Eğer sizlerde wordpress kullanıyorsanız ve yorum giriş alanını yorum listesinin üstüne göstermek istiyorsanız makale devamında ki adımları takip ederek uygulamanız yeterlidir.
WordPress yorum giriş alanını yorumların üzerine taşıma
Sorun Nedir?
WordPress’de yorum giriş alanı normalde alttaki gibi yorumların altında gözükmektedir.
Üstteki görselde gördüğünüz üzere yorum listesi az olunca yorum giriş alanına ulaşmak kolay olabiliyor ama yüzlerce yorumun olduğu bir makalenizde yorum giriş alanına ulaşmak bir hayli zor olacaktır.
Tam olarak üstteki gibi bir yorum listesi hayal edin 😁
Şaka bir yana linkedin, twitter gibi bir çok platformda yorum alanın üstte olması bence çok ulaşılabilir bir ux olduğunu düşünüyorum.
Bloğumda da bunu nasıl yaparım diye baktığımda sadece tek satırlık kodun yerini değiştirmem yetti(Temanıza göre tek satır olmayabilir)
Nasıl Yaparım?
Şimdi hangi adımlarla bunu üste taşıyabiliriz görelim.
Açılan sayfada sağ üstte alttaki gibi aktif kullandığınız temanın seçili olduğundan emin olun.
- Admin panelinizden Görünüm’e tıklayın.
- Tema düzenleyici’ye tıklayın.
- Kullandığınız güncel temanın seçili olduğundan emin olun
- Yorumlar – comments.php dosyasını seçin
Şimdi burada kullandığınız temaya göre dosya içeriği değişebilir ama genellikle yorum girme alanına ait kod comments.php içerisinde en alt kısımlarda yer alacaktır. Şimdi benim comments.php dosyasının içeriğine gözatalım.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 | <?php if ( post_password_required() ) { return; } ?> <div id="comments" class="themeform"> <?php if ( have_comments() ) : global $wp_query; ?> <h3 class="heading"><?php comments_number( esc_html__( 'No Responses', 'boxcard' ), esc_html__( '1 Response', 'boxcard' ), esc_html__( '% Responses', 'boxcard' ) ); ?></h3> <ul class="comment-tabs group"> <li class="active"><a href="#commentlist-container"><i class="far fa-comments"></i><?php esc_html_e( 'Comments', 'boxcard' ); ?><span><?php echo count($wp_query->comments_by_type['comment']); ?></span></a></li> <li><a href="#pinglist-container"><i class="fas fa-share"></i><?php esc_html_e( 'Pingbacks', 'boxcard' ); ?><span><?php echo count($wp_query->comments_by_type['pings']); ?></span></a></li> </ul> <?php if ( ! empty( $comments_by_type['comment'] ) ) { ?> <div id="commentlist-container" class="comment-tab"> <ol class="commentlist"> <?php wp_list_comments( 'avatar_size=96&type=comment' ); ?> </ol><!--/.commentlist--> <?php if ( get_comment_pages_count() > 1 && get_option('page_comments') ) : ?> <nav class="comments-nav group"> <div class="nav-previous"><?php previous_comments_link(); ?></div> <div class="nav-next"><?php next_comments_link(); ?></div> </nav><!--/.comments-nav--> <?php endif; ?> </div> <?php } ?> <?php if ( ! empty( $comments_by_type['pings'] ) ) { ?> <div id="pinglist-container" class="comment-tab"> <ol class="pinglist"> <?php // not calling wp_list_comments twice, as it breaks pagination $pings = $comments_by_type['pings']; foreach ($pings as $comment) { ?> <li class="ping"> <div class="ping-link"><?php comment_author_link($comment); ?></div> <div class="ping-meta"><?php comment_date( get_option( 'date_format' ), $comment ); ?></div> <div class="ping-content"><?php comment_text($comment); ?></div> </li> <?php } ?> </ol><!--/.pinglist--> </div> <?php } ?> <?php else: // if there are no comments yet ?> <?php if (comments_open()) : ?> <!-- comments open, no comments --> <?php else : ?> <!-- comments closed, no comments --> <?php endif; ?> <?php endif; ?> <?php if ( comments_open() ) { comment_form(); } ?> </div><!--/#comments--> |
Üstteki kod aktif olarak kullandığım temanın comments.php dosyasına ait içeriktir ve bu dosya içerisinde yorum girme alanına ait kod bloğum 59.satırda yer almaktadır. Şimdi 59.satırda yer alan tek satırlık kodumu 5.satıra taşıyorum. Böylelikle kodumun son hali şöyle oluyor.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 | <?php if ( post_password_required() ) { return; } ?> <div id="comments" class="themeform"> <?php if ( comments_open() ) { comment_form(); } ?> <?php if ( have_comments() ) : global $wp_query; ?> <h3 class="heading"><?php comments_number( esc_html__( 'No Responses', 'boxcard' ), esc_html__( '1 Response', 'boxcard' ), esc_html__( '% Responses', 'boxcard' ) ); ?></h3> <ul class="comment-tabs group"> <li class="active"><a href="#commentlist-container"><i class="far fa-comments"></i><?php esc_html_e( 'Comments', 'boxcard' ); ?><span><?php echo count($wp_query->comments_by_type['comment']); ?></span></a></li> <li><a href="#pinglist-container"><i class="fas fa-share"></i><?php esc_html_e( 'Pingbacks', 'boxcard' ); ?><span><?php echo count($wp_query->comments_by_type['pings']); ?></span></a></li> </ul> <?php if ( ! empty( $comments_by_type['comment'] ) ) { ?> <div id="commentlist-container" class="comment-tab"> <ol class="commentlist"> <?php wp_list_comments( 'avatar_size=96&type=comment' ); ?> </ol><!--/.commentlist--> <?php if ( get_comment_pages_count() > 1 && get_option('page_comments') ) : ?> <nav class="comments-nav group"> <div class="nav-previous"><?php previous_comments_link(); ?></div> <div class="nav-next"><?php next_comments_link(); ?></div> </nav><!--/.comments-nav--> <?php endif; ?> </div> <?php } ?> <?php if ( ! empty( $comments_by_type['pings'] ) ) { ?> <div id="pinglist-container" class="comment-tab"> <ol class="pinglist"> <?php // not calling wp_list_comments twice, as it breaks pagination $pings = $comments_by_type['pings']; foreach ($pings as $comment) { ?> <li class="ping"> <div class="ping-link"><?php comment_author_link($comment); ?></div> <div class="ping-meta"><?php comment_date( get_option( 'date_format' ), $comment ); ?></div> <div class="ping-content"><?php comment_text($comment); ?></div> </li> <?php } ?> </ol><!--/.pinglist--> </div> <?php } ?> <?php else: // if there are no comments yet ?> <?php if (comments_open()) : ?> <!-- comments open, no comments --> <?php else : ?> <!-- comments closed, no comments --> <?php endif; ?> <?php endif; ?> </div><!--/#comments--> |
Sonuç Nedir?
Kod değişikliğinden sonra yorum giriş alanımız nereye taşındı görelim mi? Hadi görelim.
İşlem bu kadar umarım temanızda ki comments.php çok karışık değildir ve doğrudan yapabilirsiniz. Eğer yardıma ihtiyaç olursa yorum kısmından sorunu belirtirseniz destek olmaya çalışırım. Başka bir makalede görüşmek dileğiyle 😀
📚 Benzer Kaynaklar
- WordPress’te Optimizasyon ve Hosting Önemi
- WordPress Ping Servisleri
- WordPress yazı sürümleri özelliğini kapatma ve temizleme
✍ Lütfen olumlu-olumsuz tüm görüşlerinizi bana yorum yada mail yolu ile iletmeyi ihmal etmeyin.
🔗 Sosyal medya kanallarından makaleyi paylaşarak destek olursanız çok sevinirim.
👋 Bir sonraki makalede görüşmek dileğiyle.
selam colormag haber teması kullanıyorum yorum kutucunu biraz yukarı almak istiyorum takipçilerin yazıyı okudukça kolay görmesi için ve o temanın etiketleri üstte kalıyor görüntü kirliligi yaşamamak adına onuda aşagı almak istiyorum hangi dosyalardan yapacagım dosyaları bulamadım