Per impostazione predefinita, WordPress visualizza i post del blog nella home page. Tuttavia, se state creando un sito web aziendale o semplicemente volete personalizzare la vostra homepage, potreste volere una pagina separata per la sezione blog.
Questa configurazione non solo aiuta a mantenere la homepage pulita e focalizzata, ma fornisce anche uno spazio dedicato ai lettori per esplorare i contenuti del blog.
Per migliorare l’esperienza dell’utente e mantenere un focus chiaro sulle nostre offerte, abbiamo aggiunto pagine blog separate su molti siti web delle nostre aziende partner, tra cui WPForms, OptinMonster e All in One SEO. Questo permette ai visitatori di accedere facilmente ai contenuti del blog, dando al contempo la priorità all’obiettivo primario di promuovere i nostri plugin.
In questo articolo vi mostreremo due modi per creare una pagina separata per i post del blog in WordPress.
Perché visualizzare i post del blog in una pagina separata?
La home page è la pagina principale del vostro sito web WordPress e la prima pagina che i visitatori vedono. Per impostazione predefinita, WordPress mostra i post più recenti sulla home page, e questo ha senso se gestite un blog.
Ma non è sempre l’ideale per i siti web delle piccole imprese. Probabilmente vorrete una home page più accattivante, che illustri agli utenti la vostra attività, i vostri prodotti e servizi, consenta loro di sapere come contattarvi e aumenti la conversione delle vendite.
Ora, se volete gestire anche un blog sul vostro sito web, dovrete fornire un’altra pagina in cui i visitatori possano leggere i vostri post.
Detto questo, vi mostreremo come creare facilmente una pagina separata per i post del blog in WordPress.
In questa esercitazione abbiamo discusso due metodi e potete usare i link sottostanti per passare al metodo che preferite. Tenete presente che il secondo metodo è il più semplice e offre la massima personalizzazione:
Video tutorial
Se preferite le istruzioni scritte, continuate a leggere.
Metodo 1: Creare pagine separate per i post del blog in WordPress
È possibile creare una pagina separata per i post dei blog utilizzando le impostazioni predefinite di WordPress.
Tuttavia, questo metodo richiede un po’ più di lavoro rispetto al metodo 2 e non offre altrettante opzioni di personalizzazione.
Creazione di una pagina iniziale e di una pagina del blog separate
Per prima cosa, è necessario creare due pagine WordPress separate da utilizzare come homepage e pagina del blog.
Non è necessario aggiungere alcun contenuto a queste pagine e si può dare loro il nome che si preferisce. Ad esempio, alcuni siti web aziendali utilizzano “News” per la loro pagina blog.
Una volta create queste pagine, visitate la pagina Impostazioni ” Lettura nell’area di amministrazione di WordPress.
A questo punto, nella sezione “Visualizza la tua homepage”, è necessario fare clic sul pulsante “Una pagina statica”.
Successivamente, è possibile selezionare le pagine Home e Blog create in precedenza. Scorrere verso il basso e fare clic sul pulsante “Salva modifiche”.
Ora, quando si accede alla schermata Pagine ” Tutte le pagine dalla dashboard di WordPress, si vedrà che la pagina Home è etichettata come ‘Prima pagina’ e la pagina Blog come ‘Pagina dei post’.
Fare clic sul link “Visualizza” sotto la pagina del blog per visualizzare l’anteprima.
L’aspetto di queste pagine dipende dal tema di WordPress e si consiglia di configurare queste impostazioni.
Ad esempio, se il vostro tema ha un menu di navigazione, noterete che WordPress ha aggiunto automaticamente le nuove pagine Blog e Home. In caso contrario, consultate la nostra guida per principianti su come aggiungere un menu di navigazione in WordPress.
Personalizzazione della pagina iniziale
Finora la vostra nuova home page è vuota. Ora è il momento di aggiungere informazioni sulla vostra attività, sui prodotti e sui servizi e di far sapere ai visitatori come possono contattarvi.
Potete imparare a farlo nella nostra guida su come creare una home page personalizzata in WordPress. Nel Metodo 1, vi mostriamo come utilizzare l’editor di blocchi per aggiungere immagini di copertina, colonne, tabelle, testo e media, gallerie e altro ancora.
Troverete anche molte idee di personalizzazione creativa nella nostra guida su come modificare una home page di WordPress in modo semplice ed efficace.
Personalizzazione della pagina del blog
Se siete soddisfatti dell’aspetto della pagina del vostro blog, il vostro lavoro è finito.
Tuttavia, se attualmente si utilizza un tema a blocchi, è possibile personalizzare la pagina del blog visitando la schermata Aspetto ” Editor dalla dashboard di WordPress.
Una volta arrivati, selezionare l’opzione “Pagine” dalla colonna di sinistra nell’editor completo del sito.
Si aprirà un elenco di tutte le pagine del vostro sito web nella colonna di sinistra.
Da qui, selezionare l’opzione della pagina ‘Blog’ e poi fare clic sull’anteprima della pagina a destra per iniziare a personalizzare la pagina del blog.
A questo punto è possibile fare clic sul pulsante “+” nell’angolo in alto a sinistra dello schermo e aggiungere alla pagina i blocchi desiderati.
Inoltre, è possibile modificare il colore dello sfondo, del testo o dei link della pagina del blog facendo clic sull’icona “Stili” nell’angolo in alto a destra dello schermo.
Si aprirà un pannello di blocco sulla destra da cui si può fare clic sulla scheda “Tipografia” per cambiare il colore del testo, sulla scheda “Colori” per cambiare il colore dello sfondo e sulla scheda “Layout” per configurare le dimensioni della pagina del blog.
Una volta terminato, non dimenticate di fare clic sul pulsante “Salva” in alto per memorizzare le impostazioni.
Ora è possibile visitare la pagina del blog WordPress per vedere come appare.
Tuttavia, se si utilizza un tema classico, è necessario utilizzare il metodo 2 per personalizzare la pagina dei post del blog.
Metodo 2: Creare una pagina personalizzata per i post del blog con un costruttore drag & drop (consigliato)
Un plugin per la creazione di temi consente di creare facilmente un tema WordPress personalizzato senza alcun codice. Questo include la possibilità di creare e personalizzare una pagina separata per i post del blog.
Installazione del costruttore di temi SeedProd
Per prima cosa, è necessario installare e attivare il plugin SeedProd. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.
SeedProd è il miglior costruttore di pagine WordPress drag-and-drop per aziende, blogger e proprietari di siti web. Dispone anche di un designer di temi che consente di personalizzare facilmente la pagina del blog e molto altro ancora.
Per maggiori dettagli, potete leggere la nostra recensione completa di SeedProd.
Dopo l’attivazione, visitare la pagina SeedProd ” Impostazioni per inserire la chiave di licenza. Queste informazioni sono disponibili nel proprio account sul sito web di SeedProd.
Dopodiché, è il momento di creare un tema WordPress personalizzato. È molto più semplice di quanto sembri.
Creare un tema WordPress personalizzato
Per prima cosa, è necessario visitare la pagina SeedProd ” Theme Builder. Qui si utilizzerà uno dei temi già pronti di SeedProd come punto di partenza. In questo modo si sostituirà il tema WordPress esistente con un nuovo design personalizzato.
È possibile farlo facendo clic sul pulsante “Temi”.
A questo punto vi verrà mostrato un elenco di temi professionali progettati per diversi tipi di siti web.
Ad esempio, esistono modelli chiamati “Modern Business”, “Marketing Agency” e “Mortgage Broker Theme”.
Date un’occhiata alle opzioni e selezionate quella più adatta alle vostre esigenze facendo clic sull’icona del segno di spunta.
Una volta scelto il tema, SeedProd genererà tutti i modelli di tema, tra cui uno per l’indice del blog e uno per la pagina iniziale.
Non si tratta di pagine vuote, ma di layout accattivanti e di contenuti segnaposto facili da personalizzare.
In questo tutorial vi mostreremo come personalizzare i modelli della home page e dell’indice del blog.
Potreste anche voler personalizzare gli altri modelli. Per sapere come fare, consultate la nostra guida per principianti su come creare facilmente un tema WordPress personalizzato.
Personalizzazione della pagina iniziale
Una volta generati i modelli del tema, è possibile modificarli utilizzando il costruttore di temi SeedProd. Inizieremo con il modello Homepage.
Per iniziare, è sufficiente fare clic sul link “Modifica design” sotto la homepage.
In questo modo si avvia il file del modello nel costruttore di temi SeedProd.
Questo semplice costruttore drag-and-drop mostra un’anteprima live della pagina a destra e una barra degli strumenti di blocco a sinistra.
È possibile personalizzare qualsiasi blocco facendo clic su di esso, trascinando i blocchi in alto e in basso con il mouse e aggiungendo nuovi blocchi alla pagina.
Abbiamo scritto una guida completa su come creare una home page personalizzata in WordPress. Basta scorrere fino al Metodo 2 per imparare a personalizzare la vostra home page utilizzando SeedProd.
Personalizzazione della pagina del blog
Il costruttore del tema SeedProd offre anche molte possibilità di personalizzare la pagina di indice del blog.
Per iniziare, fate clic sul link “Modifica design” sotto la pagina.
Vedrete lo stesso riquadro di anteprima sulla destra e la barra degli strumenti sulla sinistra. È possibile personalizzare la pagina del blog nello stesso modo in cui si è fatto con la pagina iniziale.
Ad esempio, facendo clic sul titolo, è possibile visualizzare tutte le sue impostazioni. È possibile modificare il testo, cambiare l’allineamento e la dimensione dei caratteri e altro ancora.
Una volta terminato, è necessario fare clic sull’icona ‘Blocchi’ per tornare alla barra degli strumenti.
Il costruttore del tema SeedProd offre ulteriori blocchi Template Parts, come il blocco Posts, che visualizza un elenco dei post del blog.
Il blocco Messaggi è già stato aggiunto al modello dell’indice del blog; in questo modello, il blocco visualizza i messaggi in due colonne. Possiamo cambiarlo in una singola colonna.
È sufficiente fare clic sul blocco Messaggi e modificare l’impostazione ‘Colonne’ in 1.
Il layout cambierà immediatamente in una singola colonna.
Scorrendo le impostazioni del blocco Messaggi, si trovano dei selettori che consentono di scegliere se visualizzare o meno l’immagine caratteristica e il titolo del post. Si può anche scegliere quale tag di intestazione utilizzare per il titolo del post.
Sono disponibili anche opzioni per la visualizzazione di diversi metadati dei post. È possibile modificare la data di modifica, l’autore, la data e l’ora di pubblicazione e il numero di commenti.
Ecco altri modi per personalizzare l’indice del blog:
- È possibile filtrare l’indice per tipo di post, categoria, tag o autore.
- L’ordine dei messaggi può essere modificato.
- È possibile scegliere quanti post visualizzare in una pagina.
- È possibile attivare l’estratto del post e personalizzarne la lunghezza.
Una volta terminata la personalizzazione della pagina del blog, assicurarsi di fare clic sul pulsante “Salva” nella parte superiore della schermata. Quindi, è possibile tornare all’elenco dei modelli facendo clic sull’icona “X”.
Abilitazione del tema SeedProd
Una volta terminata la personalizzazione dei modelli di tema, è necessario pubblicare il nuovo tema personalizzato.
È sufficiente spostare l’impostazione “Abilita tema SeedProd” su “SÌ”.
Verrà immediatamente visualizzata una notifica che indica la necessità di modificare le impostazioni delle pagine Home e Blog di WordPress. Facendo clic sul pulsante “OK”, queste impostazioni verranno modificate.
Ora è possibile visitare il sito web per visualizzare la nuova home page e la pagina del blog. Ecco come appare la pagina indice del blog sul nostro sito demo.
Bonus: visualizzare i post recenti in WordPress
Una volta creata una pagina blog separata, potete comunque mostrare alcuni post recenti nella vostra home page per incoraggiare gli utenti a esplorare meglio il vostro sito.
Per farlo, aprire la propria homepage nell’editor di blocchi di WordPress. Una volta lì, fate clic sul pulsante “Aggiungi blocco” nell’angolo in alto a sinistra dello schermo per aprire il menu dei blocchi.
Da qui, è sufficiente aggiungere il blocco “Ultimi messaggi” alla pagina. Una volta fatto ciò, è possibile personalizzare l’elenco dei post recenti per visualizzare gli estratti dei post, i nomi degli autori e le date secondo le proprie preferenze.
Infine, fare clic sul pulsante “Pubblica” in alto per salvare le impostazioni. Ora, alcuni dei vostri post recenti saranno ancora visualizzati nella home page per garantire che gli utenti trascorrano più tempo sul vostro sito web.
Per maggiori informazioni, potete consultare il nostro tutorial su come visualizzare i post recenti in WordPress.
Speriamo che questo tutorial vi abbia aiutato a imparare come creare una pagina separata per i post del blog in WordPress. Potreste anche voler imparare come aggiungere uno stato personalizzato per i post del blog in WordPress o consultare il nostro elenco dei migliori plugin per i post correlati per WordPress.
Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.
HP
Thank you!!!!!!
WPBeginner Staff
Simply go to Settings -> Permalinks and in the custom structure add this:
/blog/%postname%/
Braydan
How would I go about getting all “Posts” to display as “example.com/blog/my-blog-post” without having the pages of my website do the same?
Suvendra
Nice exactly what I was looking for
GO
Is there a way to post blog entries in different pages of the site? I would like to divide my blog into 3 section and post different blog entries in the different pages
Tom Durkin
Look at making a loop that only displays one category and then put those in custom templates for each of the pages.
Upasna
When I go to the ‘Template’ option, in the drop down list, there is no option for Front page Template..!! What do I do now??
Jess
I’m having the same problem
WPBeginner Support
If you do not see a Front Page Template, then this means that your theme does not have a template with this name. You can use a template provided by your theme or create a custom page template for your blog page.
Admin
ali
I make a blog in your described way but it goes to front page …..
means that when i click the blog in the menu it show the same page(front page).
i follow the exact way you mention in tutorial….
Please help.
bob
Great post. Thanks.
DrLightman
It works, expect in the case I want to use a custom template for the posts page.
Even if I’m allowed to pick the template when creating the Blog page, and I selecte this page in reading for posts, it seems WP always uses index.php instead of the custom template.
Ewa
I have the same problem and have no idea how to fix it
Could anybody help..?
Motener
Hi Sir/Mam
I NEED TO LEAR HOW TO MAKE A BLOG?
HOW I START?
WPBeginner Support
You can check out our guide on how to install WordPress, you can also take advantage of our free blog setup service.
Admin
Tash
Thank you for this! I’ve been working on creating a separate blog tab for my wordpress site and your process was outlined very well (easy to follow!). Thanks for help!
Shao
This was perfect, exactly what i needed. My previous sites used some complicated technique to show posts as a page. But using your method now shows a page with all our blog posts! So simple! Keep up the helpful tips. Am def coming back here if i run into any more issues with Wordpress.
Matt
Thanks for this, it worked perfectly on my site using the default 2014 theme.
Ana Estrada
I tried adding the blog to my website, but I does not come out correctly. When I set the home page as the front page and the blog page as the post page, the content on the blog page is the exact same contact you see on my home page. How would I be able to fix this?
Mauro Mascia
Take a look at here:
http://codex.wordpress.org/images/1/18/Template_Hierarchy.png
and double check what template is used for the homepage and what is the default template.
In my case there was a home.php, which is used as default if no template is specified in the blog page.
Johanna
Thank you very much! This guide solved the exact problem I had.
Simon
Simple instructions but no results, doesnt work but thanks for trying
Edgar Lopez
Don’t say “it doesn’t work” when it obviously does based on the other comments. Sounds like it is user error.
Anastasia
I did that and lost my homepage :((( it says: 404 — Fancy meeting you here!
Don’t panic, we’ll get through this together. Let’s explore our options here.
I’m using Responsive theme… Please help!
Krish
Thank you
kyra
hi there… I am using the Customiz’r theme and I am not able to designate my homepage as an actual ‘page’. I want the homepage to be what it is now (see codecompliedcheck.com), but this page shows up in the menu as ‘Custom’, not as ‘Page’, so when I go to the setting to designate my actual homepage as the ‘static page’, it’s not even in the dropdown menu for me to choose. Which means that I’m not able to designate the ‘CCC Blog’ page I created as the ‘posts page’. Can you help me figure this out? Thanks in advance.
WPBeginner Support
Kyra, we don’t provide support for WordPress themes (because there are thousands of them). However, did you check theme customize screen located under Appearance » Themes » Customize. You will probably see front page options there.
Admin
Kelsey
Kyra did you figure it out? I am having the same problem.
Justin
I am having the same problem as Kyra and Kelsey. Any luck??
Digiwebpro
What about SEO? this page should be indexed? If the page shows the snippets of the posts, then is considerated like duplicate content? Thanks
WPBeginner Support
No if it shows snippets of posts, then it is not considered duplicate.
Admin
Arianne
How do you get snip it’s to show? I’ve gone to settings – reading -and checked summary, but my blog still shows the full length of the post.
WPBeginner Support
Check our guide on how to display post excerpts in WordPress themes.
edwin
Hi, thanks for your tutorial, I want to know if it´s posible to have two diferent pages showing diferent posts from a wordpress site. thanks.
WPBeginner Support
Yes it is possible.
Admin
Cheryl
How?
WPBeginner Support
Create a new template and use WP_Query to select the posts you want to display. We would try to cover this in a tutorial soon. see this:
Sam
Thanks for help.
Zeeshan
One more thing, i’ve asked for the help to support team and they told me to use Visual Composer to create that static home page and blog page, i don’t know how to use Visual Composer to create a static home page… If you are familiar with it then can you make a tutorial for that? It will be great if you make a tutorial for Visual Composer to create a static home page and blog pgae
WPBeginner Support
Zeeshan you need to create a new page. On the admin menu click on Pages and then on Add New. You will see that an editing interface will appear with a larger text box. This larger text box will have two buttons on top of it Visual and Text. The text editor is plain text editor with no styling buttons. The Visual editor has styling buttons and is supposed to be beginner friendly.
Admin
Zeeshan
Hi
so would you please tell me any alternative or should i send you some screenshots to help me out further?
I’ve tried twice but it didn’t work for me coz there is no Front Page template exists in the theme, i am using Premium EffectiveNews theme from themesforest and i just wonder why it isn’t so modern lol… jokes apart anyways there are 6 templates exist in page attributes section 1-Default template 2-Authors 3-Contact us 4-Full width 5-Reviews 6-Sitemap… I’ve tried 2 times by selecting default template, disabled comments and trackbacks plus i changed Reading Settings also as static page, front page as “home” and posts page as “Blog” it didn’t work for me
WPBeginner Support
Please contact theme author for support
Admin
Todd
Hi-
I have a separate page for blog posts to appear, but the entire blog post appears (I’m displaying 10 at a time). How do I select just 55 words or such to appear instead of the entire blog post?
Thank you!
Todd
WPBeginner Support
Check out our guide on how to display post excerpts in WordPress themes.
Admin
Christine
Wow. Wonderful info. I still have a question. How can I create multiple blog pages? Is that possible? I would love to separate my blog posts by topic so I want to create multiple blog pages. Can you please help? Thank you.
WPBeginner Support
Christine to separate your blog into multiple pages by topics you already have Categories. You can then put those categories in your navigation menu from Appearance » Menus screen. If you want you can place categories as sub-menus under your blog page in the navigation menu.
Admin
Lucas
Simple and clear explanation.
Thanks for share
Luka
Hi,
I have difficulties with sliders now. Now the sliders from front static page are showing also in blog page and i don’t want slider there. Any idea how to remove sliders from blog page and still have blog page for posts?
Thanks!
G Bewley
Thank you very much!
Ryan McGovern
Thanks mate,
just what I needed.. so easy !!
Jason
Thanks so much
Becky
Thank you!
Davis Harrigan
I’m using Skylark as my theme – would these steps work to create a “custom”/another page where I can put posts?
WPBeginner Support
Yes, this should work fine on your theme.
Admin
Stuart
This article was so helpful! Thanks for putting it up!
Rick
How can I have some fixed introductory text on the blog page above the posts?
Thanks for your suggestionsa about creating the blog vs front page. Very helpful!
Leslie
Every time I search for help, I seem to run into one of your articles. They are very helpful! I’m hoping you may be able to work you magic on this problem….
A child theme was created specifically to help remove the page titles from showing up in the body of the site and remain solely in the tabs. This worked great until this week, the individual blog titles disappeared.
The code used is
.home h1.entry-title {
display: block;
}
Any suggestions?
Thank you.
WPBeginner Support
It is difficult to guess what could have gone wrong. Did you recently updated the parent or child theme or installed a new plugin?
Admin
Gauri
Great article. I am currently helping with a WP website where some posts were put up on a page. Now we want to stop posting on that page and post on another one, without losing the previous posts. How do i do that? Thanks.
WPBeginner Support
You can create a separate page. For example you had your posts on a page called Blog Posts and you want to move your posts to a new page called “News”. Then all you need to do is create a News page in WordPress. Go to Settings – Reading and select that page as your blog page. You can also create a custom page with a custom query to load only the specific posts on that page.
Admin
Kashif Khan
Awesome explanation in simple way.really very help full
Jenni
Thanks so much! I could work out how to write a page, and I could work out how to write a blog, but I could not work out how to write a blog in a page. Your step-by-step instructions worked perfectly. Another step in building my confidence, so thanks again
sommy uwakwe
Thanks for the article. I have created pages already and I want to be adding specific posts to specific pages. Like I have a page for music and poems so I want post music stuffs on the music page and poems on the other page. Please guide me through this
WPBeginner Support
Perhaps the best way to do this is by creating categories and using category archives.
Admin
Duska
Please, can you explain. I have categories, but can’t see how to use them for this. I want to choose before I click on publish button to which menu item to publish a post. Please, would you give specific steps for an example of this, or point to an article with explanation?
WPBeginner Support
You can add categories to your sidebar, from Appearance » Widgets screen. Click on Categories widget and drag and drop it to a sidebar and then preview your website. You can also add categories to your website’s navigation menu from Appearance » Menus screen.
Sonia
How do I get my blog posts to be housed under /blog/ (e.g. http://www.website.com/blog/blog-post-name)? If I write a post, I can’t do this and if I write a page, then it doesn’t function like a blog post (e.g. Not categorized, no date, no author).
jaiprakash
helpful indeed
thanks
Wesley
Thanks, bro!
Ignacio Castro
I have been using a WP theme called Customizr, and I haven’t figure it out how to get my blog up and running (I believe it’s a problem with the template, but it could just be me not knowing how to do it). Anyway, I will give it a try to the categories suggestion above, but is there a way to create a child page template that allows to get the posts into a page, if it doesn’t come with the theme? Thanks in advance.
Ignacio Castro
The categories option works, but I don’t like how the page looks, which again I think it depends on the theme you use. In mine, it basically shows a big Archive title at the beginning of the page, which doesn’t help much. Any feedback here is appreciated. Thanks.
Jahkie
this is actually pretty easy to follow..thanks
R Sharma
I used to have my blogs appear on a bespoke web page i.e. /whats-new/blog but after having a wordpress update they stopped appearing on the whats-new page but on a new page on their own i.e. /blog.
i tried what you’ve outlined above but cant get it to revert. Am i missing something?
WPBeginner Support
There could be quite a few reasons for that. First of all you should update your permalinks and see if this fixes the problem. If you are using a custom theme with homepage settings, then you should check those settings.
Admin
Jacobs
Nice one. Could you please suggest one or more themes that come with pages for blog posts, What I want is to be able to list topics of blogs related to every page on the page. For instance, I want to create pages for cars, boats and bikes. I want to have mysite.com/cars, mysite.com/boats, etc and I want blogs for each page listed accordingly. Please suggest any responsive theme that can do this. Thanks and cheers!
WPBeginner Support
You can easily do that by using categories. For example, you can publish posts in cars and boats categories and then add those categories to your WordPress Navigation menus from Appearance » Menus screen
Admin
paladin
Thanks for share
vico vo
Thanks. I turned off comment on page
Ankur Upadhyay
Thanks for this article. You made it look so easy. I will try it out on my blog.
Jigar Doshi
Very helpful indeed.
It is so much easier than I had thought it to be.
Thanks.