Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress Yazılarınızı Izgara Düzeninde Görüntüleme

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

WordPress gönderilerini bir ızgara düzeninde mi görüntülemek istiyorsunuz?

Izgara düzeni, WordPress’te yazılarınızı görüntülerken size daha fazla esneklik sağlar. Bu, özel sayfalar oluştururken yardımcı olabilir.

Bu makalede, WordPress yazılarınızı sitenizin herhangi bir yerinde bir ızgara düzeninde nasıl kolayca görüntüleyebileceğinizi göstereceğiz.

How to display your WordPress posts in a grid layout (4 ways)

WordPress için Izgara Düzenine Ne Zaman İhtiyaç Duyarsınız?

Her WordPress teması, blog yazılarının geleneksel dikey düzenini destekler ve bu, çoğu web sitesi türü için iyi çalışır. Ancak bu düzen, özellikle çok sayıda yazınız varsa çok fazla yer kaplayabilir.

Siteniz için özel bir ana sayfa oluşturuyorsanız, son gönderilerinizi görüntülemek için ızgara düzenini kullanmak isteyebilirsiniz.

Bu, ana sayfanıza başka öğeler eklemek için size daha fazla alan sağlayacaktır.

Ayrıca, gönderi ızgaranız öne çıkan görsellerinizi vurgulayarak görsel olarak çekici ve tıklanabilir olmasını sağlar. Gönderi ızgarasını yaratıcı portföyünüzü ve diğer özel içerik türlerini göstermek için de kullanabilirsiniz.

Birçok dergi teması ve fotoğraf teması, gönderileri görüntülemek için zaten ızgara tabanlı düzeni kullanır. Ancak temanız bu işlevi desteklemiyorsa eklemeniz gerekir.

Bununla birlikte, WordPress yazılarınızı bir ızgara düzeninde nasıl görüntüleyeceğinizi gösterelim. Kullanmak istediğiniz yönteme doğrudan atlamak için aşağıdaki hızlı bağlantıları kullanmanız yeterlidir.

Video Eğitimi

Subscribe to WPBeginner

Yazılı talimatları tercih ediyorsanız, okumaya devam edin.

Yöntem 1. Blok Düzenleyici ile WordPress Gönderi Izgara Düzeni Oluşturma

Bu yöntem, WordPress blok düzenleyicisini kullanarak yazılarınızı ve küçük resimlerinizi bir yazı ızgarası düzeninde görüntülemenizi sağlar. Kendi ızgaranızı oluşturmanıza olanak tanıyan yerleşik bir yazı ızgarası bloğu vardır.

Bunu yapmak için, düzenlemek istediğiniz sayfayı açın, ardından ‘Artı’ blok ekle düğmesine tıklayın ve ‘Sorgu Döngüsü’nü arayın, ardından eklemek için bloğa tıklayın.

Add query loop block

Bu blok, gönderi döngüsünü sayfanıza ekler.

Ardından, bir yazı ızgarası oluşturmak için bloğun üst kısmındaki ‘Boş Başlat’ seçeneğine tıklayın.

Click start blank option

Bu, gönderi kılavuzunuzla görüntülemek istediğiniz bilgi türüne bağlı olarak birkaç farklı seçenek sunar.

Biz ‘Resim, Tarih ve Başlık’ seçeneğini seçeceğiz, ancak siz istediğinizi seçebilirsiniz.

Select the type of query loop

Bundan sonra, resmin üzerine gelin ve ‘Izgara Görünümü’ seçeneğini seçin.

Bu, listenizi bir yazı ızgarasına dönüştürür.

Click on grid view option

Ardından, görüntülemek istediğiniz bilgileri özelleştirebilirsiniz.

İlk olarak, bloğun altındaki sayfalandırmayı sileceğiz. Bunu yapmak için üzerine tıklamanız ve ‘Üç Nokta’ seçenekler menüsüne tıklamanız yeterlidir.

Ardından, ‘Sayfalandırmayı Kaldır’a tıklayın.

Click on delete pagination

Bu, öğeyi bloktan otomatik olarak kaldıracaktır.

Aynı şekilde gönderilerdeki tarihleri silebilir veya ziyaretçileriniz için daha fazla gönderi bilgisi bırakabilirsiniz.

Ardından, hem gönderi küçük resmine hem de gönderi başlığına bağlantılar ekleyeceğiz.

Gönderinizin küçük resmine tıklamanız ve sağ taraftaki seçenekler panelinde ‘Gönderiye Bağlantı’ geçişini açmanız yeterlidir.

Turn on link to post toggle

Ardından, aynı şeyi gönderi başlığınız için de yapın.

İşiniz bittiğinde, gönderi kılavuzunuzu canlı hale getirmek için ‘Güncelle’ veya ‘Yayınla’ düğmesine tıklayın.

Şimdi, yeni WordPress yazı kılavuzunuzu görmek için WordPress web sitenizi ziyaret edebilirsiniz.

Block editor post grid example

Bu bloğu herhangi bir sayfaya veya yazıya ekleyebilirsiniz. Bunu blog arşiv sayfanız olarak kullanmak isterseniz, WordPress’te blog yazıları için ayrı bir sayfanın nasıl oluşturulacağına ilişkin kılavuzumuza bakabilirsiniz.

Yöntem 2. Post Grid Eklentisi ile WordPress Post Grid Düzeni Oluşturun

Bu yöntem, web sitenizin herhangi bir yerine ekleyebileceğiniz özelleştirilebilir bir yazı ızgarası eklemek için basit bir yol sunar.

Yapmanız gereken ilk şey Post Grid eklentisini yüklemek ve etkinleştirmektir. Daha fazla ayrıntı için WordPress eklentisi yükleme kılavuzumuza bakın.

Etkinleştirmenin ardından, ilk gönderi kılavuzunuzu oluşturmak için Gönderi Kılavuzu ” Yeni Ekle ‘yi ziyaret etmeniz gerekir.

Ardından, gönderi kılavuzunuza bir başlık verin. Bu, sayfanızda herhangi bir yerde görünmeyecektir, sadece hatırlamanıza yardımcı olmak içindir.

Post Grid plugin create new layout

Bunun altında, birden fazla sekme ile farklı bölümlere ayrılmış yazı ızgarası ayarlarını bulacaksınız.

İlk olarak, ‘Gönderi Sorgula’ sekmesine tıklamanız gerekir. Burada, ‘Gönderi türleri’ kutusunda görüntülemek istediğiniz gönderi türlerini tanımlayacaksınız.

Varsayılan olarak yalnızca gönderileri görüntüler, ancak sayfalar ve hatta özel gönderi türleri ekleyebilirsiniz.

Set post query type settings

Bundan sonra, ‘Düzenler’ sekmesine tıklamanız gerekir.

Ardından, ‘Düzen oluştur’ düğmesine tıklayın. Bu yeni bir pencerede açılacaktır.

Click create layout button

Düzeninizi adlandırmanız gerekir. Ardından, ‘Genel’ seçeneğine tıklayın ve bir etiket listesi açılacaktır.

Bu etiketler, gönderi kılavuzunuzda görüntülenecek bilgilerdir.

Layout editor screen

‘Bağlantı içeren küçük resim’ seçeneğini ve ‘Bağlantı içeren yazı başlığı’ seçeneğini seçeceğiz.

Ardından, düzeninizi kaydetmek için ‘Yayınla’ veya ‘Güncelle’ye tıklayın.

Choose tags and save layout

Şimdi, önceki sekmedeki orijinal gönderi ızgarası düzenleyicisine geri dönün ve seçebileceğiniz yeni bir düzen seçeneği olacaktır.

Ekranın alt kısmındaki ‘Öğe düzenleri’ bölümünde yeni düzene tıklamanız yeterlidir.

Click new item layout

Ardından, ‘Öğe stili’ sekmesine tıklayın. Burada ızgaranızın boyutunu ayarlayabilirsiniz.

Varsayılan ayarlar çoğu site için çalışmalıdır, ancak çalışmazsa, bunları buradan değiştirebilirsiniz.

Change item style size

İşiniz bittiğinde, sayfanın üst kısmındaki ‘Yayınla’ düğmesine tıklayın ve gridiniz WordPress blogunuza eklenmeye hazır olacaktır.

Şimdi, ‘Kısa Kod’ sekmesine tıklamanız ve ardından ‘Gönderi Izgarası Kısa Kodu’ kutusundaki kısa kodu kopyalamanız gerekir.

Copy post grid shortcode

Bundan sonra, gönderi listenizi görüntülemek istediğiniz sayfayı açın ve ‘Artı’ blok ekle düğmesine tıklayın.

Ardından, ‘Kısa kod’ için arama yapın ve ‘Kısa kod’ bloğunu seçin.

Add shortcode block

Ardından, daha önce kopyaladığınız kısa kodu kutuya yapıştırın.

Ardından, ‘Güncelle’ veya ‘Yayınla’ düğmesine tıklayın.

Paste shortcode and save

Şimdi, WordPress yazı ızgarası düzeninizi canlı olarak görmek için sayfanızı görüntüleyebilirsiniz.

Post Grid plugin example

Yöntem 3. SeedProd Sayfa Oluşturucu Eklentisi ile WordPress Gönderi Izgara Düzeni Oluşturma

Yazı ızgarası düzeni oluşturmanın bir başka yolu da SeedProd sayfa oluşturucu eklentisini kullanmaktır. Piyasada 1 milyondan fazla web sitesi tarafından kullanılan en iyi sürükle ve bırak WordPress sayfa oluşturucusudur.

SeedProd

SeedProd, herhangi bir kod yazmadan kolayca özel sayfalar ve hatta tamamen özel WordPress temaları oluşturmanıza yardımcı olur. Eklentiyi 404 sayfaları, çok yakında sayfaları, açılış sayfaları ve daha fazlası gibi istediğiniz her türlü sayfayı oluşturmak için kullanabilirsiniz.

Daha fazla bilgi edinmek için WordPress’te özel sayfa oluşturma hakkındaki kılavuzumuza bakın.

SeedProd oluşturucuda, sayfanızı özelleştirirken, sayfanın herhangi bir yerindeki artı ‘Bölüm Ekle’ düğmesine tıklamanız yeterlidir.

Click to add a new section

Bu, yeni bir blok eklemek için bir seçenek getirecektir.

Ardından, ‘Gönderiler’ bloğunu sayfanıza sürükleyin; otomatik olarak sayfanıza bir gönderi listesi ekleyecektir.

Drag over blog post block

Şimdi, sol taraftaki seçenekler panelini kullanarak bu bloğu özelleştirebilirsiniz.

İlk olarak, ‘Düzen’ bölümüne gidin. Burada blog yazısı ızgaranız için sütun sayısını ayarlayabilir ve ‘Özellik Resmini Göster’ ve ‘Başlığı Göster’ geçişlerini açabilirsiniz.

Set number of columns, title, and image

Ardından, ‘Alıntı Göster’ geçişine ve ‘Daha Fazla Oku Göster’ geçişlerine gidin ve basit bir blog yazısı ızgara düzeni oluşturmak için bunları kapatın.

Turn off read more and excerpt toggles

Renk düzenini, metni ve daha fazlasını özelleştirmek istiyorsanız, sol sütunun üst kısmındaki ‘Gelişmiş’ sekmesine tıklayın.

Ardından, ‘Metin’ açılır menüsüne tıklayın ve değişikliklerinizi yapın.

Customize post grid text

Sayfa ve blog yazısı ızgara düzeninizi istediğiniz kadar özelleştirmeye devam edebilirsiniz.

İşiniz bittiğinde, ‘Kaydet’ düğmesine tıklayın ve değişikliklerinizi canlı hale getirmek için sayfanın üst kısmındaki ‘Yayınla’ açılır menüsünü seçin.

Artık yeni gönderi kılavuzunuzu web sitenizde görüntüleyebilirsiniz.

SeedProd post grid example

Yöntem 4. WordPress’e Kod Ekleyerek WordPress Gönderi Izgara Düzeni Oluşturma

Bu yöntem, WordPress’e nasıl kod ekleneceği konusunda temel bir anlayış gerektirir. Bunu daha önce yapmadıysanız, WordPress’te kod kopyalama ve yapıştırma hakkındaki kılavuzumuza bakın.

Kod eklemeden önce, yazı ızgaranız için kullanacağınız yeni bir resim boyutu oluşturmanız gerekir. Daha fazla bilgi edinmek için WordPress’te ek görsel boyutlarının nasıl oluşturulacağına ilişkin kılavuzumuza bakın.

Ardından, kod parçacığını ekleyeceğiniz doğru WordPress tema dosyasını bulmanız gerekir. Örneğin, bunu single.php dosyanıza ekleyebilirsiniz, böylece tüm yazılarınızın altında görünür.

Ayrıca özel bir sayfa şablonu oluşturabilir ve blog yazısı ızgara düzeninizi küçük resimlerle görüntülemek için kullanabilirsiniz.

Daha fazla bilgi edinmek için doğru tema şablonu dosyasını bulmanıza yardımcı olacak WordPress şablon hiyerarşisi hile sayfamıza bakın.

Bunu yaptıktan sonra WordPress’e kod eklemeye başlayabilirsiniz. Kod parçacığı oldukça uzun olduğu için bölüm bölüm inceleyeceğiz.

İlk olarak, aşağıdaki kod parçacığını tema şablon dosyanıza ekleyin.

<?php
$counter = 1; //start counter
 
$grids = 2; //Grids per row
 
global $query_string; //Need this to make pagination work
 
/*Setting up our custom query (In here we are setting it to show 12 posts per page and eliminate all sticky posts*/
query_posts($query_string . '&caller_get_posts=1&posts_per_page=12');
 
if(have_posts()) :  while(have_posts()) :  the_post();
?>

Bu kod parçacığı yazı döngüsü sorgusunu ayarlar. İsterseniz sayfa başına daha fazla gönderi görüntülemek için ‘posts_per_page’ değişkenini değiştirebilirsiniz.

Ardından, aşağıdaki kod parçacığını tema şablon dosyanıza ekleyin.

<?php
//Show the left hand side column
if($counter == 1) :
?>
            <div class="griditemleft">
                <div class="postimage">
                    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail('category-thumbnail'); ?></a>
                </div>
                <h2><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
            </div>
<?php
//Show the right hand side column
elseif($counter == $grids) :
?>
<div class="griditemright">
                <div class="postimage">
                    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail('category-thumbnail'); ?></a>
                </div>
                <h2><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
            </div>
<div class="clear"></div>
<?php
$counter = 0;
endif;
?>

Bu kod parçacığı yazılarımız için iki sütun oluşturur ve başlık ile yazı resmini görüntüler. Ayrıca daha sonra nasıl şekillendireceğinizi göstereceğimiz bir CSS sınıfı oluşturur.

Ayrıca ‘postimage’ ifadesine de atıfta bulunur, bu nedenle bunu daha önce oluşturduğunuz görüntü boyutunun adıyla değiştirmeniz gerekir.

Bundan sonra, sonuna aşağıdaki kod parçacığını ekleyin.

<?php
$counter++;
endwhile;
//Post Navigation code goes here
endif;
?>

Bu kod parçacığı sadece döngüyü kapatır. Ayrıca yazı navigasyonu ekleme seçeneği de sunar, ancak çoğu web sitesi sahibi bunun için farklı bir eklenti kullanır, bu nedenle kod çakışmalarını önlemek için eklemedik.

İşte son kod parçacığı tamamen böyle görünüyor.

<div id="gridcontainer">
<?php
$counter = 1; //start counter
 
$grids = 2; //Grids per row
 
global $query_string; //Need this to make pagination work
 
 
/*Setting up our custom query (In here we are setting it to show 12 posts per page and eliminate all sticky posts) */
query_posts($query_string . '&caller_get_posts=1&posts_per_page=12');
 
 
if(have_posts()) :  while(have_posts()) :  the_post(); 
?>
<?php
//Show the left hand side column
if($counter == 1) :
?>
            <div class="griditemleft">
                <div class="postimage">
                    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail('category-thumbnail'); ?></a>
                </div>
                <h2><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
            </div>
<?php
//Show the right hand side column
elseif($counter == $grids) :
?>
<div class="griditemright">
                <div class="postimage">
                    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail('category-thumbnail'); ?></a>
                </div>
                <h2><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
            </div>
<div class="clear"></div>
<?php
$counter = 0;
endif;
?>
<?php
$counter++;
endwhile;
//Pagination can go here if you want it.
endif;
?>
</div>

Şimdi, yazı ızgaranızın güzel bir şekilde görüntülendiğinden emin olmak için aşağıdaki CSS’yi sitenize eklemeniz gerekir.

Bunu daha önce yapmadıysanız, WordPress sitenize nasıl kolayca özel CSS ekleyebileceğinize ilişkin kılavuzumuza bakın.

#gridcontainer{
     margin: 20px 0; 
     width: 100%; 
}
#gridcontainer h2 a{
     color: #77787a; 
     font-size: 13px;
}
#gridcontainer .griditemleft{
     float: left; 
     width: 278px; 
     margin: 0 40px 40px 0;
}
#gridcontainer .griditemright{
     float: left; 
     width: 278px;
}
#gridcontainer .postimage{
     margin: 0 0 10px 0;
}

Yazı döngünüzün farklı öğelerini nasıl değiştirdiklerini görmek için farklı CSS seçicilerini değiştirebilirsiniz.

Umarız bu makale WordPress yazılarınızı ızgara düzeninde nasıl görüntüleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca, en iyi web tasarım yazılımının nasıl seç ileceğine ilişkin kılavuzumuzu ve küçük işletmeler için en iyi canlı sohbet yazılımı uzman seçimlerimizi görmek isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

49 yorumBir Cevap Bırakın

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

    • WPBeginner Support says

      You would want to ensure you have multiple blog posts published live on your site for them to be visible as the most common reason for that issue.

      Yönetici

  2. julie says

    Hi
    I have tried this on my static homepage but it is not working.
    Do I just add the one shortcode or both ( ie the php code also?)

    using make theme.

    do i just add it to the page as a paragraph and shortcode?

    thanks
    julie

    • WPBeginner Support says

      You should only need to add the shortcode to the page, if you reach out to the plugin’s support they should be able to let you know why it is not displaying properly

      Yönetici

  3. Paige says

    Is there a way to customize the thumbnails? I have mine set to the featured image, however some are different sizes and are cut off in the wrong areas.

    • WPBeginner Support says

      In the layout settings, you should be able to customize the display of the featured iamges

      Yönetici

  4. Lisa says

    I’m following all the steps to set this grid up on my homepage but it’s not displaying. I created a page, added the short code, and under settings–>reading I set my homepage to static with that page. What am I doing wrong?
    p.s. I purchased a child theme (Foodie Pro), could that be my issue? Thanks!

    • WPBeginner Support says

      There may be a page template that could be causing a display issue, if you reach out to Post Grid’s support they should be able to help have it display properly :)

      Yönetici

  5. Jess says

    This was GREAT!!! Thankyou! I was able to apply this for my main blog page however I also have navigation for the different categories within my blog. How can I make it so that each of these category pages also displays as a grid?

  6. Lu says

    I installed this plugin but my WordPress site have been automatically updated to Gutenberg and now a box appears in all my WordPress Post pages, covering the content so I can’t see it! The only way I can get rid of it is to de-install Post Grid. Anyone have any other ideas so I can use the Post Grid? Thanks for any help! L

  7. Robert says

    I have the page set up but I have 5 posts that I did before that are not showing up on the new Post Grid.

    How do I get the posts to show up on the grid?

  8. Hector says

    I’m using the Twenty Fourteen theme and this only gave me one option for layout instead of what you are showing and the one they let me use is a double but it just doesn’t work even the pagination got stuck on me so I don’t know what to do,is there a better plugin for my theme?

  9. Aurangzaib says

    What a simple solution, i understand WP and PHP on a good level and this is the smartest and easiest solution to make a grid of posts and fetch them up from the DB, although the need is pretty rare if you are willing to make a different page for any purpose otherwise there are themes that have built-in support of many kinds of grids designs i customized and designed a bit on my web there at simspk.com, also keeping simple and clean content is the simplest way to achieve better ranks, Great post bro, keep them up!

  10. Daniel Grove says

    What about for blog category pages? They just get listed vertically in my theme and it looks lame and wastes so much space! I want it to grid them just like the home blog page does.

      • WPBeginner Support says

        Hey Daniel and Jess,

        The plugin’s premium version claims to have the option to create post grid for category archive pages. We didn’t test the premium version for the article. Please check the plugin website to learn more before buying.

        Yönetici

  11. Lori says

    I have the Dara theme with the Premium plan, and I am VERY NEW. Unfortunately, I just realized that plug-ins are only available with the Business plan, which I cannot afford to invest in at this time since it would triple my cost. Dara has a grid page option, but it only allows child pages to be displayed – I want POSTS to display from a specific category. Looks like I would have to create a static child page every time I want new content to appear in this Premium plan Dara grid page option, right??

  12. Carl says

    This is great but is this same process possible WITHOUT installing a plugin. How do you shows 10 different category separately? How select images for grid?

  13. Brianna says

    This is awesome! Is there a way to edit from two across ( 2 columns) to three or four? When I change the settings to 20 posts a page, I am getting 2 columns and 10 rows.

  14. Dale Kevin says

    Hi, I followed all the steps but it doesnt work. The page where I posted the shortcode of postgrid doesnt show up as my how page. Whats wrong? Maybe the Php code is needed?

    I need you guidance. Thank you. I appreciate you response

  15. Holly says

    Hi,

    I’ve used this plugin on all the sites i’ve created, i love it its so easy to use but im having a problem with the layout a little bit. Im using Layout 1 with 4 Columns and for some reason a row splits into two different rows, how do i stop this from happening?

  16. Dee says

    Hello there. This was very helpful thank you. It works fine on the front page of my blog but wouldn’t work in the categories. Whenever a category is clicked in the header, the page shows the theme grid and not the Post Grid. How do I go about this? What page do I copy the code into please?

    Thank you

  17. Liah says

    My current theme doesn’t have the grid layout for the blog section. I’ve download the plugin and it works great but when I upload a new blog post does it automatically update the grid to include the latest post? Thank you for the super helpful video!

  18. Leanne says

    I’m trying to make the blog section of my site look nicer here – is there a way to automatically style the current blog posts in a grid rather than creating a new page and adding shortcode or editing php files?

  19. Joseph says

    Hi Thank you for the nice Article. Is there any way to make the same without plugin. If so how could i ?
    Thanks :)

  20. leighton says

    I want to use this but i am confused, I follow it but I dont see anything, I copy the shortcode but still nothing, do I have to upload images and text? can someone help?

  21. mike says

    This is cool for pages only. What if my posts belong under categories only. How do I add the shortcode to category archive. Thanks

  22. Dave Parks says

    I finally found “Taxonomy” setting on the plugin homepage – available if you buy the premium.
    Which means the freebee is of zero value.

  23. Dave Parks says

    The only category setting I see is

    “Exclude by post ID
    you can exclude post by ID, comma(,) separated”

    With all due respect to the creator of this plugin, there’s no way I’m going input all the IDs I do not want to appear. The list is too long, and it will grow as I develop this site.

    So is there some place to put in the one ID that I want to appear?

  24. Tina Davidson says

    Hi – I finally have my blog up and running – yay! But want to add a store element to it. A “Shop Now” page. Do you think this its the best type of plug-in to use or is the one more efficient for a store set-up? Thanks so much! Tina

  25. hasan says

    thanks for good knowledge
    my website has two kinds of contents : post and pages.
    can i add my new pages on homepage automatically without using widgets?
    thanks again

  26. hasan says

    thank you for good knowledge
    i use a theme support magazine template on my site but it includes only posts .
    how can i use this template for pages also not only posts ?
    thanks again

  27. anil singh says

    thanks who do not know php and how to cutomize homepage this article will be helpful. i have one question which i searched all the web but not find any article. quetion is how can custmize homepage with category list without showing post area in homepage please make article for it . you can see example on freejobalert.in

  28. natalie james says

    Thank you so much for this article, it is as though you were reading my mind and my wish list for my blog. I was easily able to follow your step by step instructions until the very end. Im not sure how to put my query correctly, I think what Im trying to say is that I would like the grid page to be my landing page of my blog. At the moment it is inside a post with a post heading. You do mention at the end that I can past the code into my themes file but unfortunately I dont know where that is. Hope this makes sense and I look forward to your reply.
    thanks
    Natalie

    • Paul Wandason says

      Hi Natalie,

      I maybe wrong here – but I think you need to create a *page* with the grid on it, then if you go to “settings” then “reading” in the wordpress admin dashboard, you can set “Front page displays” to a static page, and select the page you’ve just created with the grid on it under the “front page” drop down menu.

      Hope this helps, and good luck!

      Paul

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.