WordPress’teki Kategori widget’ına muhtemelen aşinasınızdır. Son zamanlarda, okuyucularımızdan biri bize son gönderileri de bir açılır menüde göstermenin mümkün olup olmadığını sordu. Bu makalede, WordPress’te son gönderileri bir açılır pencere olarak nasıl göstereceğinizi göstereceğiz.
Açılır Menüde Son Gönderilere Neden ve Kim İhtiyaç Duyar?
WordPress, herhangi bir kenar çubuğuna veya widget hazır alana ekleyebileceğiniz yerleşik bir son gönderiler widget’ı ile birlikte gelir.
Bu widget basitçe son gönderilerin bir listesini görüntüler ve göstermek istediğiniz gönderi sayısını seçebilirsiniz. Ancak 5-10’dan fazla gönderi göstermek istiyorsanız, liste kenar çubuğunuzda çok fazla yer kaplayacaktır.
Bazı WordPress kullanıcıları son gönderileri görüntülemek için kompakt bir yola ihtiyaç duyabilir. Bu durumda, açılır pencereler veya daraltılabilir listeler kullanmak yerden tasarruf etmenize yardımcı olabilir.
WordPress’te son gönderileri açılır menü olarak göstermenin birkaç farklı yoluna göz atalım.
WordPress Son Yazıları Düz Açılır Menüde Gösterme (Manuel Kod)
Bu yöntem, yerleşik wp_get_recent_posts işlevini kullanır. Tek yapmanız gereken aşağıdaki kodu kopyalayıp temanızın functions.php dosyasına veya siteye özel bir eklentiye yapıştırmaktır.
function wpb_recentposts_dropdown() {
$string .= '<select id="rpdropdown">
<option value="" selected>Select a Post</option>';
$args = array( 'numberposts' => '5', 'post_status' => 'publish' );
$recent_posts = wp_get_recent_posts($args);
foreach( $recent_posts as $recent ){
$string .= '<option value="' . get_permalink($recent["ID"]) . '">' . $recent["post_title"].'</option> ';
}
$string .= '</select>
<script type="text/javascript"> var urlmenu = document.getElementById( "rpdropdown" ); urlmenu.onchange = function() {
window.open( this.options[ this.selectedIndex ].value, "_self" );
};
</script>';
return $string;
}
add_shortcode('rp_dropdown', 'wpb_recentposts_dropdown');
add_filter('widget_text','do_shortcode');
Artık [rp_dropdown] kısa kodunu WordPress yazılarınızda, sayfalarınızda ve metin widget’larınızda kullanabilirsiniz. Bu şekilde görünecektir:
Eklenti Kullanarak Katlanabilir Son Gönderiler Ekleme
Yukarıdaki yöntem basitçe son gönderilerinizi bir açılır formda listeler. Yerden tasarruf etmenin bir başka yolu da, kullanıcılar üzerine tıkladığında genişleyen daraltılabilir bir son gönderiler listesi eklemektir.
Yapmanız gereken ilk şey Collapse-O-Matic eklentisini kurmak ve etkinleştirmek. Kutudan çıktığı gibi çalışır ve yapılandırmanız gereken herhangi bir ayar yoktur.
Eklenti, bir kısa kod kullanarak herhangi bir şeyi daraltılabilir bir menüde göstermenize olanak tanır.
Bu eklentiyi kullanmadan önce, son gönderileri istediğimiz yerde kolayca göstermenin bir yoluna ihtiyacımız var. Bu kodu temanızın functions.php dosyasına veya siteye özel bir eklentiye eklemeniz yeterlidir.
function wpb_recentposts() {
$string .= '<ul>';
$args = array( 'numberposts' => '5', 'post_status' => 'publish' );
$recent_posts = wp_get_recent_posts($args);
foreach( $recent_posts as $recent ){
$string .= '<li><a href="' . get_permalink($recent["ID"]) . '">' . $recent["post_title"].'</a></li> ';
}
$string .= '</ul>';
return $string;
}
add_shortcode('recentposts', 'wpb_recentposts');
add_filter('widget_text','do_shortcode');
Bu kod, [recentposts] kısa kodunu kullanarak son gönderilerin bir listesini görüntülemenizi sağlar.
Şimdi son gönderilerin daraltılabilir bir listesini oluşturmak için kısa kodumuzu Collapse-O-Matic kısa koduna ekleyeceğiz.
Kısa kodu aşağıdaki gibi eklemeniz yeterlidir:
[expand title="Recent Posts"][recentposts][/expand]
Bu kısa kodu WordPress sitenizdeki bir metin widget’ına, yazılara veya sayfalara ekleyebilirsiniz. Test sitemizde bu şekilde görünüyordu.
Hepsi bu kadar, umarız bu makale WordPress’te son gönderileri açılır menü olarak göstermenize yardımcı olmuştur. WordPress’te harika bir editoryal takvim oluşturmak için bu 6 ipucunu da görmek isteyebilirsiniz.
Bu makaleyi beğendiyseniz, WordPress video eğitimleri için lütfen YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook‘ta da bulabilirsiniz.
Yvonne Manders
I made a mistake and solved it.
WPBeginner Support
Glad you were able to solve the issue
Yönetici
Yvonne Manders
Hi,
I installed the collapse-o-mattic and pasted the code in the functions.php file.
After that I pasted the shortcode [expand title=”Recent Posts”][recentposts][/expand] in a textwidget, but nothing happened.
Am I missing something?
Best regards, Yvonne
WPBeginner Support
You would want to place the shortcode in the text editor rather than the visual editor to ensure you don’t have styling blocking the shortcode from working.
Yönetici
Erika
Line 3 has an error. The closing option tag is missing its closing “/”. This is generating a blank option in the menu.
WPBeginner Support
Thank you for letting us know, the code should be fixed now
Yönetici
Amjad
Hi there. I have used above code to show all my posts in a drop down but its not sorted. I have two questions here:
1. How can i sort posts by title?
2. How can i show posts of a specific category in dropdown instead of showing all posts?
WPBeginner Support
For what it sounds like you’re wanting, you would want to take a look at our other tutorial here: https://www.wpbeginner.com/plugins/how-to-let-users-filter-posts-and-pages-in-wordpress/
Yönetici
Rolando
Nice article! How can you make it by a specific category and not just all your categories? Also, can it be done alphabetical?
Farai Mugaviri
Thank you so much for the great help there. I wouldalso want to display categories in a dop-down list, if you can help with that…. But now what if I update my Wordpress, is it even possible? I saw somewhere they talked about challengess when updating the wordpress and risking losing data because of hardcoding the PHP functions
Robert
Great tool, thanks for that!
Is it possible to sort the post output in the list in alphabetical order?
Thanks in advance for your reply!
Regards,
Robert
Andre
Its possible to show the posts dropdown with a button to submit?
‘function wpb_recentposts_dropdown() {
$string .= ‘
Select your School’;
$args = array( ‘numberposts’ => ‘5’, ‘post_status’ => ‘publish’ );
$recent_posts = wp_get_recent_posts($args);
foreach( $recent_posts as $recent ){
$string .= ” . $recent[“post_title”].’ ‘;
}
$string .= ‘
FIND SCHOOL NOW
var urlmenu = document.getElementById( “submitschool” ); urlmenu.onclick = function() {
window.open( this.options[ this.selectedIndex ].value, “_self” );
};
‘;
return $string;
}
add_shortcode(‘rp_dropdown’, ‘wpb_recentposts_dropdown’);
add_filter(‘widget_text’,’do_shortcode’);’
Emily Johns
Very neat Stuff!! Great Read and easy to understand.
NG SHAIKH
It is an excellent article. Beginners like me can understand power of WordPress and its plug-ins by such articles.
I would be enlightened if some articles are written to display a message on specific page and not on all posts and pages.
It will also help beginners if a few articles are written to display a form for user entry which can be saved in the database
Julie S
I really like the drop-down menu of recent posts. How can I control the width of this drop down menu? It defaults too long for my sidebar.
WPBeginner Support
Try adjusting the width using CSS:
select#rp_dropdown { width:200px; }1-click Use in WordPress
Yönetici