Wordpress Post Layout

Posted onby admin

Aug 14, 2014 Buy Post Layout: Carousel + Slider for Visual Composer by proword on CodeCanyon. 4 Hover Effects Key Features System Requirement: Visual Composer Clean Design Responsive Layout WPML Plugin Support. Change Post Layout in WordPress To begin post layout customization, enter Administration panel (Dashboard) and find Posts tab in the left column. If a post you want to change, already exists, navigate to All Posts sub menu and click on Edit link for the post, which layout you want to change.

Topics

  • Author.php and Date.php

There are many template files that WordPress uses to display the Post post type. Any content dealing with a blog or its posts are within the Post post type.

Index.php Index.php

index.php will display Post post types if there is no other template file in place. As stated in many places, every theme must have an index.php file to be valid. Many basic themes can get away with just using the index.php to display their Post post types, but the use cases given above would justify creating other template files.

Often you will want unique content structure or layout depending on what is being displayed. There are many templates you can use to customize content structure based on the context within the site. The two most notable post template files are home.php and single.php which display a feed of posts and a single post respectively.

Home.php Home.php

When a static front page is used and the site has a page defined for the blog list the home.php file is used for the designated blog list page. Use of this template is encouraged over creating a custom page template because blog pagination on a custom page template will not work properly. If there is no home.php in the theme index.php will be used instead.

Page

Single.php Single.php

It’s good sense to build as simply as possible in your template structure and not make more templates unless you have real need for them. Therefore, most theme developers don’t create a single-post.php file because single.php is specific enough. For the most part, all themes should have a single.php. Below is an example of a single.php file from the theme Twenty Fifteen.

In the code example above you can see the header is pulled in with get_header() then there are a two html tags. Next the Loop starts and the template tagget_template_part( 'content', get_post_format()); pulls in the appropriate content by determining the post type with get_post_format(). Next, comments are pulled in with the template tag comments_template(). Then there is some pagination. Lastly, the content divs are closed and then footer is pulled in with get_footer().

Wordpress change blog page layout

Singular.php Singular.php

WordPress Version 4.3 added singular.php that comes in the hierarchy after single.php for posts, page.php for pages, and the variations of each. This template follows the rules of is_singular() and is used for a single post, regardless of post type. Themes that used the same code for both of those files (or included one in the other) can now simplify down to the one template.

Archive.php Archive.php

Unless a developer includes meta data with permalinks in their templates, the archive.php will not be used. Meta data is information tied to the post. For example the date something was posted on, the author, and any categories, tags, or taxonomies used for the post are all examples of meta data. When a visitor to a website clicks on the meta data, the archive.php will render any posts associated with that piece of meta data. For example, if a visitor clicks on the name of an author, the archive.php will display all posts by that author.

Commonly, the title of the page being displayed by archive.php will be the name of the meta data the user clicked on. So if the user clicked on the Author’s name, the page name displaying all the other author’s posts will be the Author’s name and frequently there might be an additional description about the meta data. Here is a code example from Twenty Fifteen on their achive.php file. This snippet is the only piece of code that makes the archive.php file different from a home.php or index.php file.

Author.php and Date.php Author.php and Date.php

Author.php and date.php are more specific archive type files. If you need a refresher check out where they fit within the template heirarchy. Generally, archive.php will suffice for most themes’ needs and you won’t need to create these templates.

Author.php Author.php

If you are building a theme designed for multiple authors, it might make sense to build an author.php template. In the author.php template you could provide more information about an author, their gravatar, pull in their social media sites, and then all posts written by them. This would be a step up from relying just on the archive.php file.

Additionally, you can build specific author.php files for individual author’s by using their author ID or nicename. For example, say John Doe is the head author for a site with many guest authors. You may want all the guest authors’ information to display with author.php but you might build a specific author page with more information for John Doe by creating author-johndoe.php or author-3.php if his author ID is 3.

Date.php Date.php

Similarly, if you are building a theme directed at magazine or news websites, a date.php file might make sense to build as these websites frequently organize their articles and posts by date or issue. Additionally, you could build a day.php, month.php, or year.php if you found enough justification for it.

Category.php, Tag.php, and Taxonomy.php Category.php, Tag.php, and Taxonomy.php

If you need a refresher on what categories, tags, & taxonomies are you can look at their page. Often you won’t need to build out these template files. However, in an example of building a theme for food bloggers, there are some use cases for building these specific templates. In a food blogger website, the categories could be Great Restaurants, Beautiful Food, Ethnic Cuisine, and Recipes.

You might want most of your blog posts to display the same way except for any blogs that are categorized as recipes, because all recipes have ingredients and instrucitons sections. Therefore, you may want to build a category-recipe.php file to display your recipe blog posts in a grid view with some of the important details about the recipe visible.

Additionally, perhaps chocolate is a really important tag for the theme you’re building. It might make sense to build a tag-chocolate.php file so that you can display a specialized banner image of chocolate.

Search.php Search.php

Most themes have a search.php file so it is clear to users that their query went through. It is common to have some sort of header identifying the query results such as this snippet found int twenty fifteen’s theme.

This code snippet pulls in the query that was searched with get_search_query(). Often search.php will only pull in the excerpt instead of the full content since the user is trying to determine if the article or page fits their search.

Description

Post Layouts for Gutenberg is a Gutenberg add-on with a bunch of additional styles for post layouts. That contains unique templates for presentation. It is a standalone Gutenberg solution to give wow design possibilities for your blog posts with a clean design and fully responsive layout.

Post Layouts for Gutenberg makes your post section more intuitive without any coding skill. It’s easy to manage for beginners to website developers.

Wordpress Create A Post Template

If you are looking for different post styles every day, then Post Layouts Pro for Gutenberg is the best solution for you. That, you have never seen above.

You can say that Post Layouts will be your Ultimate Post Layouts Builder for the new Gutenberg Editor.

Live DemoDocumentation

Where is the Post Layouts Plugin Most Useful?

Post Layouts plugin useful for all WordPress websites. It is a perfect solution to showcase your posts with different styles every next day. That showcase as a blog page, blog section at the home page, or a post with a filter like category wise, author wise, etc.

Below is one small list for which purposes you can start using the Post Layouts for Gutenberg plugin.

  • Blogging Website
  • Fashion Blog Website
  • Personal Blog Website
  • News Website
  • Magazine Website
  • Latest Trend Blog
  • Etc.

Why Choose Post Layouts for your Gutenberg Project?

We carefully researched over minimum requirements of any blog page presentation and then created a list of options to provide that flexibility to new Gutenberg users. Yes, it’s free for everyone, and you can see the instant result with the Gutenberg Editor while updating your changes with the options.

We provided all possible options with this Post Layouts for the Gutenberg plugin. So, from Gutenberg’s beginner-level user to any experts, bloggers and freelancers can use this standalone solution to show WordPress posts in different styles.

Features of Post Layouts for Gutenberg

  • 2 Grid Templates
  • 3 List Templates
  • Up to 4 Column Support with Grid Layout
  • Option to Show/Hide Multiple Post Meta
  • Easy to Install, Use and Customize
  • Clean Code, Layout, and Design
  • Fully Responsive for Any Devices
  • ‘Read More’ Text Option to Choose and Change
  • Order by – Newest to Oldest, Oldest to Newest, A → Z, Z → A
  • Featured Image Style – Landscape, Square

Post Layouts Pro for Gutenberg

  • 10 Grid Templates
  • 5 List Templates
  • Social Share Icon Style
  • CodeCanyon Quality Code Standards
  • More Typography Options (Coming soon)
  • More Post Layouts Templates (Coming soon)

Technical Support

We’re active for any support issues and feature suggestions. So, I hope you will love it. If you have any more questions, visit our support on the Plugin’s Forum. Feel free to contact us if you want any custom widgets for your site.

Like Post Layouts for Gutenberg Plugin?

Layout

Don’t forget to rate us on WordPress.

Other Gutenberg Add-ons

Blocks

This plugin provides 1 block.

  • Post Layouts

Blocks

This plugin provides 1 block.

  • Post Layouts

Wordpress Post Layout Plugin

Installation

From Your WordPress Dashboard

  1. Go to Plugins >Add New
  2. Search for Post Layouts for Gutenberg
  3. Click on Install Now Button
  4. Click on Activate Now After Installed in the Backend

From WordPress.org

  1. Download Post Layouts for Gutenberg
  2. Upload the ‘post-layouts’ folder to the /wp-content/plugins/ directory
  3. Activate Post Layouts for Gutenberg plugin from your plugins page

FAQ

How do I start using Gutenberg?

To get the full experience of the next-generation WordPress block editor, you’ll need a Gutenberg-ready WordPress theme.

Should I use Gutenberg on my live site?

Wordpress Post Layout Builder

The new block editor is still very much in active development and is not recommended for the production website just yet.

Do You Have a Live Demo?

Wordpress Post Layout Change

Yes, we have a live demo that you can check out here.

Wordpress post layout plugin

Are Post Layouts for Gutenberg free to use?

Yes! Post Layouts for Gutenberg core features are free to use anywhere.

Where can I ask for help?

Please reach out via the official support forum on WordPress.org.

Reviews