Just keep in mind that WordPress generates some classes that must be present in the stylesheet. For example classes aligncenter, alignleft and alignright serve to align images and block elements, and they need to be included in your stylesheet (you can copy from the default theme's stylesheet):
In addition, there are a few more WordPress classes that do not need to be described in the stylesheet. WordPress generates pages using them, you can style them too:
.categories (...) .cat-item / * This class is assigned to all categories * /) .current-cat (/ * style of the current category * /) .current-cat-parent (/ * style for the parent (s) of the current category * /) .children (/ * child class * /) .pagenav (/ * page navigation * /) .page_item (/ * any item in the list * /) .current_page_item (/ * this class is assigned in the page list to the currently active page * /) .current_page_parent (/ * class for the parent page relative to the current one * /) .current_page_ancestor (/ * any top-level page in relation to this one * /) .widget (/ * all widgets are wrapped in this class * /)
In the process of layout, use blocks and styles for them, as defined in the screenshots at the beginning of the article. This is not necessary, but very desirable.
For example, in the future we will connect the search form to the site through a special. wordpress tag , as a result of which wordpress will display this form:
Therefore, we take this into account when designing a theme.
And the last thing to add to style.css is information about yourself and the theme you created. Information is placed at the beginning of the file in comments:
/* Theme Name: Come up with a unique theme name Theme URI: http: // link-to-theme-homepage Description: Description of the theme Author: Thread Starter Author URI: http: // link-to-author-page Template: ancestor-theme-name Tags: theme tags - only from the list suggested by wordpress.org Version: version Well, here's the text of the license */
Also don't forget to do screenshot.png and put it in the template folder (in the root). Information placed in this way in the style sheet will be displayed in the admin panel in the section Management of "themes"... We test the built-up template in browsers, if all the rules, you can go further.
I will not give the code of the pages of the typeset template, because it is large enough, you just download it, then we will work with it.
How a wp theme works:
If you open the default theme folder (wp-content / themes / default), you will see many PHP files (theme files) and one style.css file. When we view the blog, WP includes the theme files (index.php<
This completes the preliminary preparation and we can move on to creating a theme from the existing source material.
Step 1: First, in the WordPress themes directory (wp-content / themes), create a folder with the name of our theme. Let it be ruseller_lessons... Then from the default theme folder (wp-content / themes / default) copy the files comments.php, search.php and 404.php to our theme folder. These files are responsible for comments and searches on the blog. Then in ruseller_lessons copy the stylesheet style.css our template, screenshot.png (300x225) and folder images.
Now the files of our template need to be "cut", ie. pull in separate files footer, sidebar and header. The diagram shows a simplified view of the file index.php with marks according to which we will cut it:
Step 2 - Header.php We open index.html and cut out everything that is before the comment, create a new file header.php and paste the cut code into it, save it in the directory of our theme ruseller_lessons:
index.html
My Blog
Blog Description
Home
About
Portfolio
Links
Contact
Now go to the folder with the default theme, open header.php and copy the tags from there , ,
, and
and replace them with the corresponding lines in our header.php.
Then all the tags
located id = "nav"(list of pages at the top of the blog) replacements for the wordpress function
As a result, we get:
"type =" text / css "media =" screen "/> " />
/">
Step 3 - Sidebar.php Returning to the index.htm file. First of all, we delete the entire search form, then we cut out everything from it from
before sidebar.php and save it in our theme directory. Now in the resulting code, replace everything between the tags
by calling the sidebars, we get the following code:
This is how we call 2 sidebars. If you watched Sidebar.php default theme, we noticed that there is much more code there. The fact is that an additional condition is simply written there, which by default displays the archive and categories, if the admin has not connected any widget to the sidebar. We will not prescribe this condition.
For our sidebars to work, they need to be registered. To do this, create a file in the theme directory functions.php and in it we write:
It remains to connect the search form. This can be done either from the admin panel by adding a widget to one of the sidebars, or you can call it in sidebar.php, which we will do. At the very beginning, add:
...............................................
Step 4 - Footer.php Go back to the index.html file and cut out everything from
According to our template, here we must display the latest blog posts (Recent Posts) and the last comments (Recent Comments). We will display the last records in the amount of 5 pieces - showposts = 5... Replace everything inside
:
"rel =" bookmark "title =" (! LANG: ">
We will display the latest comments using the simple_recent_comments.php plugin, download it and put it in our theme folder. Now, in the right place, we need to call it (replace the contents of the block
):
Recent Comments", ""); } ?>
Step 5 - Index.php All that's left in index.html save as index.php to the folder with our theme, then we connect the call header, sidebar and footer:
Oct13
Sample Blog Entry
News3 comments
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit teugue duis dolore Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Read more ...
Previous EntriesNext Entries
Step 6 - Displaying Blog Posts on the index.php Page
The following figure demonstrates how blog posts are displayed. First, there is a check if there are messages in the database, if not, it displays "Not Found". If so, it outputs in a loop while
.
Open up our index.php and replace the static text between
..
functions (tags) wordpresspost date, title, category, comments, next and previous... Based on the figure above, we get:
">
Nothing found
Now the theme should already be available from the admin panel in the list of themes, you can activate it and see what happened.
We used Wordpress tags:
the_time ("M"), the_time ("j") - display of month and day, respectively the_permalink ()- displays the permalink of the entry the_title_attribute ()- the title of the current post. the_title ()- post or page title the_category (",")- link to the category or categories to which the entry belongs comments_popup_link - will display a link for comments in a popup window if comments_ popup_script () is used, otherwise it will display a normal link to comments. the_content- displays the content of the current record. If the tag is usedthen the message is shown only until(only on the main page, on the page the records will be shown in full). next_posts_link- link to previous messages. previous_posts_link - link to the following posts.
Step 7- Single.php We will create this file from the just finished index.php by changing it a bit:
"
Pages:"," after "=>"
"," next_or_number "=>" number "));?>
Nothing found
wp_link_pages- Displays links on the page in a multipage message (when using). comments_template ()- Includes a template file comments.php from the current theme folder previous_post_link ("% link"), next_post_link ("% link")- will display the titles of the previous and next post
Step 8 - page.php This step is simpler than the previous one. File single.php save as page.php... Remove from page.php output of date, comments, next / previous:
"
Pages:"," after "=>"
"," next_or_number "=>" number "));?>
Nothing found
This is where we can finish. We have collected the main theme files. You may have noticed that there are more files in the default theme. For example archive.php, it is optional. However, if we connect the "Archives" or "Calendar" widget in the sidebar and go to some archive by date, the entries for the selected date will be displayed on the index page, so it is quite possible to do without archive.php :)
The final. Sometimes it is necessary / useful to display the titles of all posts on the page. For this purpose, we will use the wordpress tag query_post:
/* Template Name: Archives */ ?>
"title =" (! LANG:!}">
|
query_posts ("showposts = -1");- will display all records. Let's save this to a file archives.php... Pay attention to the comments at the beginning of the code Template Name: Archives, it is required here (below you will understand why)
We go to the admin area and create a new page. Specify only the title and specify the template in the "Attributes" Archives, we save the page. And now on this page we will display all records by the template archives.php, which we described just above:
That's all for today. Thank you for the attention.
P.S the assembled theme was tested on WordPress 2.8.5. You can download the final result. Similarly, try to create your own theme, I'm sure you will succeed!
Team article, sources: http://www.webdesignerwall.com, http://themetation.com, http://codex.wordpress.org
Bright, modern theme for creating a personal blog... Unfortunately, it is paid, and a light version with reduced functionality is available for free download. However, he performs his tasks even in this form. There is a large background image in the header, a photo of the author, information about him and links to social networks are placed on top.
Nouveau riche
Very high quality free for personal blog in the style of Flat. The header provides space for your photo, name and text message. Navigation is located nearby. The sidebar is located inside the slide bar, which can be called up by clicking on the three bars on the left side of the site.
Casper
Simple, no bells and whistles, but high quality and clean Wordpress theme in flat style. In the header, instead of a picture of a ghost, you can place your photo and contact information.
Oprum
Universal Flat theme for creating a blog... Suitable for designers, programmers, layout designers or marketers. Much attention is drawn to the author's block in the header, since it is placed on a bright red background.
Me
A minimalistic theme for one author. It is she who is best suited for creating a personal blog. Nothing superfluous - just contacts and content. For some reason, it seems to me that this is just the right thing for a programmer.
Focused
Simple Wordpress theme for personal programmer blog. The place where the logo is usually placed is a photo and the name of the author, which is quite unusual.
Clear tranquil
Simple, clean grayscale theme. At the top there is a place for a photo and a name. When hovering with the mouse, the block "bounces", thereby drawing attention to the author. Overall, not bad.
Eryn
A theme with an unusual structure and a terrible font in the headings that can be changed in one minute. So the font is the little things. On the left side of the background image, you can place information about yourself. Font aside, the template attracts, at least for its original concept.
If you run a blog or an online magazine, then you know that now this site is seen not only from computers, but in most cases from mobile phones and tablets. Therefore, your site should equally well present its content to users on any communicative device.
The next important point: posts and news on your site should be structured so that users can easily perceive your content. To attract fans, as with paper magazines, an online magazine site must display all headlines, articles, and photographs in a presentable manner. Today, people are more likely to read magazine sites on the Internet than paper magazines.
Your competitors are way ahead of you if your magazine site, which is not beautiful enough, is not well designed and is not responsive to all kinds of screen sizes. But if you want to stay ahead of the curve, you need to use a WordPress magazine template: beautiful, well-designed and responsive.
Below are a selection of 2018 magazine WordPress themes that are not only simple and easy to use, but also completely free.
1 ColorMag
ColorMag is a responsive magazine style WordPress theme. Suitable for news, newspapers, magazines, business publications and any other site. Most of the old magazine sites look terrible with small photographs and incorrectly formatted texts. When creating this theme, the main focus was on showing as much news as the site owner wants. This will make the theme clean, well structured and beautiful.
ColorMag makes heavy use of categories and supports a variety of style widgets. This makes it possible to display the category pages beautifully. Color selection for categories is the heart of this theme, because with this feature you can assign a different color to each category. This category-color ratio will be convenient for regular readers and will attract new ones.
Properties
Stylish magazine design.
WooCommerce compatible.
Ability to choose the color of the category.
15+ widget areas.
Keeps track of SEO best practices.
Compatible with major browsers.
Supports sticky menu.
Demo content available.
Download + Demo + Info | Order template customization
2 Envince
The Envince theme works well with SiteOrigin Page Builder, so the possibilities are endless. You can create any layout you need. It's very easy to do this in this thread.
SiteOrigin's Page Builder is the best free drag and drop solution. You can use:
any widget available in WordPress by default,
widgets of the SiteOrigin site itself,
widgets from any plugins,
custom widgets related to magazine layout provided by this theme to create any type of content.
Also, if you don't want to use this plugin, you can create a magazine site using TG's custom widgets: highlight featured posts and images.
There are many other features in this theme that you can control from Appearance-> Customize and preview your changes in real time before you save your changes forever.
Peculiarities
Download + Demo + Info | Order template customization
3 ColorNews
ColorNews is the perfect free news style WordPress theme. Fully responsive theme. It looks beautiful on all types of screens, including desktops, tablets, iPhones, smartphones, and mobile phones. This theme provides a structured look for the magazine. It is carefully designed to surprise your visitors with a beautifully designed website. Make the categories colorful and then your site will be bright and clear.
The theme is specially designed for news, online newspapers, publications and magazine sites. If you've got a new project to create a magazine website, this theme is perfect.
ColorNews is similar to the ColorMag template (mentioned above in the same list), but it also has some differences. Download it and give it a try. The theme includes a slider to adjust the full width. Use it to focus on recent posts or posts in a specific category. If you love full width slider, this magazine theme is for you.
Peculiarities
Sticky menu.
3 custom menu locations.
13+ widget areas.
Related posts (by category or by tags).
Enable / disable the lightbox effect (popup effect) for the image in the post.
Cross browser compatibility.
Social icons menu in the top bar.
Scroll up button.
WooCommerce compatible.
Download + Demo + Info | Order template customization
4 FlyMag
FlyMag is a beautiful theme in the style of ThemeIsle magazine. The theme has clear coding and clean design. This theme offers many widgets that allow you to create an interactive magazine site. Custom widgets are built into the theme, aiming at presenting content in a clean and well-presented format. Widgets help you highlight posts, comments, and videos. The theme allows you to arrange your featured images nicely, so your posts will be presented with beautiful photos.
With its exceptional flexibility, custom widgets, widget areas and wide range of options, this theme can be used for any site, not just magazines. The possibilities are endless. FlyMag theme is fully responsive and unusual in its design. Your website content will look great on any screen. The theme is optimized for SEO and speed.
Peculiarities
Clean and tested code.
Theme options panel.
Compatible with all popular browsers.
6+ custom widgets.
SEO optimization.
Optimization of website loading speed.
Download + Demo + Info | Order template customization
5 ionMag
If you're looking for a modern online magazine theme that supports a live page, the ionMag News WordPress theme by tagDiv is perfect. Here you can quickly drag and drop the items you want, rearrange them, customize and create beautiful web pages. You can place any content anywhere and create your own layout. Therefore ionMag is “one theme” with endless variations. The template follows the best coding, web design and SEO best practices, providing its users with all the modern features.
It is a free theme, but it offers many premium options and widgets. There are very useful custom widgets like Social Counter widget, Instagram widget, Popular category widget, Box Box widget, Ad Box widget and others. The ionMag theme also offers a well thought out ad system that allows you to place ads in different places on the site.
IonMag has all the features you might need for a complete online magazine. And all these options are at your fingertips. The template is easy to use, adaptable to different device sizes. It is a perfect theme for beginners as well as webmasters and design agencies.
Properties
Live Frontend Builder.
Social buttons and counters widget.
Instagram widget.
Lightbox for images.
Content blocks.
Fake mobile menu.
Responsive template.
Download + Demo + Info | Order template customization
6 eStore
eStore is specially designed for e-commerce site. But in reality, all WooCommerce features are activated when the WooCommerce plugin is installed. If you are not using the WooCommerce plugin then this theme is perfect for a magazine site. There is a demo showing what a magazine website would look like with this theme. To do this, simply click the "Download + Demo + Info" button below.
If you run a WordPress magazine site and also plan to sell some products, eStore is the right theme for you. You don't need any additional investment, this topic will cover everything.
The theme allows you to set colors for different categories. You can display posts on the homepage in a variety of beautiful layouts and designs. The theme comes with ad widgets. With all the header options, design options, layout options, base color option, logo, and more, you can customize your site to your liking. The theme is SEO optimized, so your site content is bound to improve your search rankings.
Peculiarities
Download + Demo + Info | Order template customization
7 GreatMag
GreatMag is a gorgeous free WordPress magazine theme. This is a template for creating modern magazine websites, online news or editorial websites, and simple blogs. It has many options to make your magazine site look professional. Fully based on the latest WordPress Customizer, the template allows you to quickly edit your website design with a preview. From the Customizer, you can easily customize the color, font, background, and other settings.
GreatMag theme supports page builder plugin - page design possibilities are endless. There are also several built-in custom widgets that you can use to create stylish and unique pages. The theme allows you to add advertisements and earn money accordingly. In addition, the GreatMag theme includes a notification bar, social icons, post carousels, sidebar options, a custom footer, blog layouts, google fonts, and more.
Options
GreatMag provides all the widgets you need to quickly create a magazine style website.
You can use the theme's integration with the Page Builder plugin and create your own pages without any restrictions.
Allows you to choose between four possible blogs: list, classic, masonry and masonry in full width mode.
Easily switches fonts in Customizer and gives free access to 800 of the best web fonts.
Responsive theme, the site will look amazing no matter what devices are in use.
Download + Demo + Info | Order template customization
8 Madd Magazine
Madd's unique responsive online magazine is a sleek WordPress magazine theme most suitable for newspapers, magazines and professional blogs. The template has a built-in slider that allows you to integrate images or videos. The drag and drop builder effectively helps you create whatever you want on your site. Thus, you have the opportunity to create a beautiful website even without coding knowledge!
The theme is SEO friendly. Extremely easy to install and use. Comes with left and right sidebars where you can add the widgets you want. Another great feature of the theme is cross-browser compatibility. This means your site will perform and look amazing no matter what browser the visitor is using.
Options
Adaptive assembly in the slider.
Custom background image.
Custom background color.
Slider / Buttons Color options.
Google fonts.
Responsive design and layout.
WordPress is the current version.
Search engine optimization.
Compatible with Chrome, Safari, Firefox, IE 10+.
Download + Demo + Info | Order template customization
9 Tortuga
Tortuga is a very flexible free WordPress magazine theme. It comes with a nifty widget-based home page template. You can easily create your website home page by drag and drop custom widgets available in the theme. The template also has a title widget area where the website title is configured. You can add your social media icons, header ads and make money from it.
The theme provides three different layouts for archives; One / Two / Three Columns with Sidebar. There is an option to create a slideshow to show the most important posts. Optionally, you can select the slider category, the number of sliders and the slider animation. It is a fully responsive theme that quickly adapts to any type of device.
Peculiarities
Download + Demo + Info | Order template customization
10 Journal
Most people don't trust the quality of things they get “for free”, but there is always an exception to the rule. This is confirmed by the ‘Journal’ free WordPress theme. The theme is free to download and unlimited in terms of use, but offers premium features and functionality. This magazine WordPress theme is suitable for online magazines, blogs and portfolio site.
Journal is a ThemeFuse developer theme based on the powerful Unyson platform like all of its other themes. Framework provides a simple and user-friendly interface. Allows users to use a variety of customization options including portfolio, sidebars, events, testimonials, sliders, mega menus. As the test of this theme confirms, it has a full set of features - built-in sliders, easy color settings, Google font integration, lots of stylish page layouts, shortcodes, a beautiful portfolio module, contact forms, and SEO features. The theme is fully responsive.
Peculiarities
Drag-and-drop function of modules.
Supports free or premium plugins like WPML and qTranslate. Using these tools, you can translate everything: pages, posts, menus, taxonomies, etc.
Powerful contact form module.
Advanced SEO options built in!
Built-in backup module.
Download + Demo + Info | Order template customization
11 Editorial
Editorial is a free responsive WordPress magazine theme suitable for editorial and newspaper sites, online magazines. The template provides excellent structure for the magazine. Based on the Customizer tool, you can customize all the theme options in preview mode. Easy-to-use drag-and-drop layout widgets make your task much easier. The editorial theme is fully widgetable and comes with a set of useful custom widgets.
The Editorial theme is easy to use and beginner friendly. Anyone who knows nothing about coding and programming using this theme will be able to create an amazing magazine website. The template is responsive, so the site content will look great no matter what device you are using. SEO module is easy to set up. It's enough to add good content and save it. The site is sure to get the best SEO rankings. Last but not least, the WPML plugin. You can translate the site into any language that you need and then you can actually publish news and articles for your local audience.
Properties
Built-in Live WordPress Customizer Editor.
Mega Menu options.
Built-in post carousel.
Stylish featured posts.
Custom CSS options.
Download + Demo + Info | Order template customization
12 PT Magazine
PT Magazine is a modern, responsive online magazine theme published by Promenade Themes. The theme is ideal for dynamic news portals, online magazines, publishers, blogs, newspapers, editors and other creative sites. This theme is designed with SEO best practices. PT Magazine's free theme is super fast and secure.
In addition, the theme has feature pools at its disposal. The template generates flexible layouts so that site content looks great on every device. It also has video tutorials, and an advanced slider, custom menus and custom widgets. PT Magazine has many color options to choose from. You can change the color of the site with one click. The theme also includes 4 widget-based news list layouts and widget-draggable sections.
PT Magazine can certainly be one of the best options if you are looking for a free magazine theme with a modern look and powerful features.
Peculiarities
Change site color with one click.
4 widget based news list layouts.
Show / hide related posts function.
Advanced slider.
SEO requirements are taken into account.
Download + Demo + Info | Order template customization
13 Hueman
When you watch a demo of the Hueman theme, the design is amazing. The theme clearly shows all the efforts of the author Alexander Agnarson. This is one of the most downloaded themes on wordpress.org.
Hueman is a responsive, high resolution blog and magazine theme. Unique sidebars provide excellent visibility and reading on tablet and mobile, which is rarely found with other responsive themes. If you want your website to look cool then the Hueman theme is for you.
The version of Hueman available at wordpress.org is a "lightweight" version and does not include share buttons, basic shortcodes, and a few other things as this is considered a plugin scope.
Properties
Download + Demo + Info | Order template customization
14 JustWrite
With the JustWrite theme, you can just focus on writing your content. All issues like crisp look, bold typography, responsive design and other requirements needed to attract readers will be handled by this theme.
What makes this theme different from others? If you want your site's content to span the full width of your screen, even if it's a 1920px widescreen, then this is the theme for you. To verify this, simply view the demo link below on a 1920px wide screen.
Some of the useful features included in this theme are custom widgets, options bar, page templates, jQuery slider and multiple sidebars.
Options
You can customize and host the layout of your home page with 10 sections and 8 custom sidebar widgets, all for free.
Custom widgets.
Ability to add a second navigation menu in the header with unlimited submenus and items.
Pre-loaders of pages.
Download + Demo + Info | Order template customization
15 MH Magazine Lite
MH Magazine lite is a simple and clean magazine WordPress theme. The template is designed for a site width of 980 pixels. This free responsive theme is suitable for an online news resource, blog, modern online magazines and other editorial resources. The theme will perfectly present your blog stories, news, articles, announcements, and more.
It is a fully widget theme with 12 widgets. This is where you can place standard WordPress widgets, custom widgets or ads. In addition, the template comes with some useful widgets for posts, slider, Facebook and more. The theme works with Contact Form 7 and other WordPress plugins.
Properties
Simple and highly intuitive design.
Support for multi-post format.
SEO requirements are taken into account.
Built-in support for communication with social networks.
WPML compatibility.
Download + Demo + Info | Order template customization
16 AccessPress Mag
AccessPress Mag is a modern version of a magazine theme hosted in WordPress. Ideal for newspapers, editorial offices, online magazines and blog sites.
Feature of this theme is the post slider. It shows recent posts or specific category, multiple layout, site home page layout, and more. The theme supports built-in line feed functionality. This may be of interest to all users who want to change the English words of a topic to their native language. This can be done directly from the theme options panel without creating language files or from plugins such as translation plugins.
This theme can be the "calling card" of your site, so give it a try.
Options
Custom logo upload option.
An array of blog layouts available.
Search archive pages through categories, author, tags, taxonomies and other elements.
Advanced typography.
Custom shortcodes.
Translated into Russian.
Download + Demo + Info | Order template customization
17 Fashionista
If you are into the classic style, then aThemes Fashionista theme might be for you.
The theme focuses on black and white and will give an elegant classic feel to your site. The theme is clean and white, with thick black borders under the different sections giving it a classic touch. Some of the features to note are custom widgets, featured images, social media icons, icon downloads, and more. Google fonts and color options make the theme attractive and eye-catching.
The Fashionista theme is fully responsive for any type of device. Your website content will look great on all devices, including PCs, laptops, tablets, smartphones and small mobile phones.
Options
Real-time editor WordPress Customizer.
Ability to upload your logo, change fonts and more.
Fast translation into the required language.
Supports the most modern web browsers.
Download + Demo + Info | Order template customization
18 MesoColumn
With this theme, you can add colors to almost every component of a theme: categories, navigation, sidebar, footer, and links. If you are looking for a magazine theme that supports community and ecommerce then this is the MesoColumn theme.
You can choose a blog style layout or magazine grid layout for categories on the home page. The theme is built with semantic HTML5 elements and CSS3 styles for modern browsers. MesoColumn supports many amazing popular plugins like BuddyPress, WooCommerce, and BBPress.
Peculiarities
Download + Demo + Info | Order template customization
19 Forceful Lite
Forceful Lite has a unique design that suits multi-part content on one page, but everything looks beautiful and eye-catching. The header displays the menu, search section, advertising area, weather, breaking news and social icons.
This theme is stylish, perfect for your magazine, blog or news site. The template follows the most popular design trends. ForceFul Lite can be set up quickly and easily. The theme comes with a number of features that enhance the usability of the website and also control its appearance. Some of the great features are: multiple layout options, unlimited sidebar, full-featured post slider, social link support, translation, and more.
Template properties
Adaptive.
HTML5 semantic elements and CSS3 styles.
Selection of widgets.
WPML compatibility, that is, the ability to translate into other languages.
Compatible with most popular browsers.
Download + Demo + Info | Order template customization
20 Black & White
If you like black and white designs look no further, Black & White is the theme for you. This is a truly awesome modern theme.
The theme has a full width slider and a classic black and white feel, as the name suggests. Some of the features included in this theme are unlimited color options, google font selector, sample xml content, and more. All available options are available on the Control Panel's "Customize" screen, where you can make changes and immediately see how it will look before saving your changes.
The Black & White theme is optimized for SEO and speed. Created by professional WordPress developers, the theme is powerful, free and available to everyone.
Theme properties
Unlimited color options.
Adapts to any device.
Sharpened for SEO.
Demo content.
Google font switcher.
Works with the latest versions of Firefox, Chrome, Safari, IE 9+ and Opera.
Download + Demo + Info | Order template customization
21 ComboMag
ComboMag is a stylish magazine style WordPress theme by MagPress. The theme has built-in color options for the site header, navigation, sidebar, and footer. With the popularity of custom web fonts in many web designs, this theme currently has 700+ google web fonts.
ComboMag is suitable for any newsfeed blogger, magazine and website. Many users love to use this theme on WordPress multicast.
ComboMag theme is a modern responsive WordPress theme. The site will look relevant on all devices in all browsers. The site on this template loads quickly and is optimized for SEO.
Template properties
Download + Demo + Info | Order template customization
22 Gadgetry
Gadgetry is suitable for blogs or small magazine-style websites. This free WordPress theme has a responsive design, suitable for all types of screens - both large desktop screens and small phone screens.
The theme is minimal and very easy to customize. If you are a beginner with no coding knowledge, this theme might be the perfect choice for you. Here you can change colors, backgrounds and more directly from your WordPress dashboard. The theme has many features such as an animated HTML5 slider, built-in page layouts, a powerful contact form module, unlimited sidebars, a full set of shortcodes, built-in advanced SEO options, one-click installation and more. The theme is built on top of the Fuse Framework, just like other ThemeFuse themes.
Template properties
Change highlight colors with one click.
HTML5 animation slider.
Responsive template.
Built-in page templates to choose from.
Unlimited sidebars.
A huge number of shortcodes.
Download + Demo + Info | Order template customization
23 Resolution
Resolution is a magazine theme that is well organized and colorful. This is a 100% responsive WordPress theme that looks brilliant on all devices.
The theme contains many great features: theme options, home page layout settings, google web fonts, title options, social link support. The theme is modern, trendy and perfect for blogs, magazines and news sites. The template contains unlimited sidebars, which gives more functionality to the site. This is an SEO-tuned theme that will improve your site's search engine rankings and therefore attract more visitors.
Properties
Adaptive design.
Unlimited sidebars.
Compatible with popular browsers.
Custom shortcodes.
HTML5 and CSS3.
Custom widgets.
WPML compatibility.
There is a translation into Russian.
Download + Demo + Info | Order template customization
24 Dynamic News Lite
Dynamic News lite is a responsive WordPress theme with vibrant color and bold fonts. It comes with a fully functional slider and magazine page template. The theme provides many features and functionality to quickly create a professional-looking news and magazine website.
Dynamic News theme by ThemeZee developer. He has been producing magazine themes since 2010. This theme is suitable for blogs, online magazine and news portals. The main advantages of the Dynamic News theme are a customizable magazine style page template as well as a fully functional slider. It also has the following features: social icons, header search form, 3 categories widget, custom header, custom background, rich colors, bold typography and many more.
Peculiarities
full screen template,
left / right sidebar,
post settings,
post slider template,
tree-like hierarchy of comments,
HTML5 and CSS3,
GPL license.
Download + Demo + Info | Order template customization
25 Surfarama
Surfarama is a simple magazine theme that displays posts in a layout based on pinterest image type. It's perfect for travel and blog style online magazines.
The theme is highly customizable, with the ability to upload your own logo, set the background (or image) color, theme base color, and category color code without the need for coding. This theme will appeal to novice webmasters, as it allows you to create a professional-looking website without touching the program code. The theme adapts intuitively to display equally well on any screen.
Peculiarities
color settings,
responsive theme,
compatibility with popular browsers,
social buttons.
Download + Demo + Info | Order template customization
(Total visitors: 6 324, today: 2)
For some types of projects, the most common, unpretentious and simple templates for WordPress are ideal, similar to the basic Twenty Seventeen, Fifteen, etc. They look good on personal blogs, small business card websites, presentation web resources with a minimum amount of content, and can even be used in a portfolio.
Of course, we are not talking about completely, where there is no visual design at all, but the principle is similar - to reduce the use of graphics, scripts and complex elements to a minimum. Today we'll take a look at a selection of the best layouts from this category, including the so-called minimalist WordPress themes.
People choosing such options want to pay maximum attention to the content, be it photographs, personal notes, illustrations, small texts, etc. As a rule, the page contains a minimum of objects (perhaps even without a sidebar and / or footer). You can find a couple of suitable solutions on the topic in this selection of 2018 themes from Hostinger. I will try to supplement it with other interesting examples of simple templates for WordPress, I posted minimalistic themes at the very end of the note.
Adler
Cool stylish and original layout. Much like an online notebook or personal diary - large illustrations of nature, handwritten and printed typography perfectly complement this experience. You can create a blog with travel notes.
Pure
Not a bad light solution for a portfolio. The menu has a function to change the display of posts - in the form of a grid or line by line. Minimalism is observed here rather not in terms of excluding bright or overly complex elements, but as a visual sensation.
This template leaves a pleasant feeling due to its light, stress-free design; in terms of functionality, it is very well built: a lot of graphics and information blocks, several types of pages. Someone may even doubt its "simplicity", but on the other hand, you are not forced to use absolutely all the chips at once.
Responsive simple Wordpress theme, perfectly compatible with any device. There is a narrow, fixed sidebar on the left, and the content seems to scroll in a large column on the right. There are many options in the admin settings panel. In general, a solid high-quality layout that suits different tasks.
A great solution for a personal project such as an illustrator and other creative types of professions. The focus is on content - in this case, graphics. The header contains a menu of categories, social buttons and links to some other pages. Viewing a single entry looks good too.
Visually, the option "asks" for the design of the blog of a web developer or programmer (due to the correct display of the code), although other types of posts also look good there: gallery, audio, texts. The sidebar is not fixed, it contains only basic information - tags, search, about the author and social icons. The list of categories is located above the content block.
The screenshot looks very similar to the minimalistic WordPress template, but when scrolling, the user will see more advanced functions and information display scripts. This is not to say that they complicate the topic too much, but usually in such a style, additional effects in the appearance of pictures, floating texts on hover, etc. are not welcomed. Nevertheless, it looks great and original.
Visually pleasing and light design. The content can be arranged in 2 columns, there is adaptability, which is generally great! The footer is a little more massive than accepted - 4 columns at once, but, theoretically, it can be simplified.
This simple WordPress theme is best suited for bloggers and creative writers. The typography is very interesting here, there is a nice functional photo gallery, and it also supports the display of posts in the form of a grid. The footer is almost empty, the top menu is fixed.
The authors advise using it for web projects of cafes, small restaurants, coffee shops and other small businesses. There are many different features in the description, which, however, do not deprive the layout of visual lightness. From the screenshot you can see that the screen is split into 2 parts + several types of pages. The only thing, it is not clear which of this is available in the free version.
About 8K downloads is one of the biggest numbers for wordpress.org I've come across. The solution is quite beautiful, perhaps, it cannot be fully called minimalistic, because here and the background is dark, and the graphics are given a lot of space + large fonts. Although the absence of a sidebar allows you to concentrate all your attention on the content of the site.
Stylish simple WordPress blogging template with a nice uncomplicated design. The texts are easy to read here, and in the settings you can change some details of the appearance. The sidebar is very small in size, although all the necessary information is there + cool header: search, logo, menu, social buttons. I like the overall composition very much.
Olsen
The selection already has a similar functionality option with a photo strip in the footer, full graphics in the sidebar and header. It certainly doesn't smell like a minimalistic theme, although a lot depends on how you end up setting it up. It is ideal for blogs, for example, women's blogs about fashion, beauty, etc.
Good quality layout, where content is located in one central column (more than 4 thousand downloads). The simplicity is partly achieved by the lack of a sidebar, yes, and in general, typography, header / footer are quite ordinary (they perform the corresponding tasks, nothing more). On a single page, after the text, there are various additional navigation methods.
Cool visual implementation. Perhaps this feeling is achieved through non-standard fonts and the use of b / w graphics. Although the location of the blocks on the main one is also quite unusual. Everything is compact, but at the same time functional - on a small page there are social buttons, a gallery, a list of posts with a subscription, and a couple of other elements. I liked it very much.
Kent
Cool blogging theme with many nice features: localization, forms, social buttons, widget / post settings, similar notes, etc. Visually, it also looks good, as they say - " Сontent is king«.
This and the next one perfectly fits the definition of simple WordPress templates. Despite the fact that there are a lot of graphics + there is a slider in the header, the overall impression is quite ordinary and pleasant. Links to posts / posts from the main page are presented in the form of pictures. In theory, the layout can be used for a photo site. There is adaptability.
The most uncomplicated and visually standard theme with nice typography and colors. As you can see, all typical blog functions are presented here, which are equally well displayed on any device.
Another classic blog theme with a sidebar on the right. If desired, the content on the main page is placed in 2 columns. The header contains a drop-down menu and a slider, the footer is as simple as possible (copyright + social media).
It was not possible to look at the full demo version, viewing through wordpress.org does not give a complete understanding of the layout. In general, I like the nice background and the design of the blocks, it looks pretty neat.
This simple WordPress theme should be perfect for creatives, artists, photobloggers, and more (at least that's what the authors think). The demo shows a non-standard arrangement of blocks, an original menu, massive typography and an informative footer. Plus there are all the necessary blog features. True, it is not clear which of this is available in the light version.
An interesting web resource, where the left part with a huge picture remains static, is somewhat reminiscent of a book. Hopefully the split screen aspect ratio can be changed, since 50% of the space for a normal "cover" where nothing happens is a bit too much. In smaller screens, this block background is removed.
A very stylish layout with a good range of options. I liked how the author neatly entered various features into the general concept - a drop-down menu, the use of tabs to view additional information about the notes and its author. Styles are provided for almost all the details that exist here: text decoration in comments, attached posts, slider, gallery, etc. Very high quality work.
Latte
One page and highly functional theme. There are many landing page-relevant features here: pricing table, maps, parallax effect, testimonials, and even a hamburger drop-down menu. There are also enough settings in the admin panel, although, perhaps, the demo shows the features of the paid version, and the light one will be simpler.
Another clearly not minimalistic template for WordPress, although you can't call it particularly complicated either. There are a couple of different types of pages (some with original design), there are options for the location of the sidebar on the right / left + a menu that moves when scrolling. The header on the main page contains the original slider, but the footer is rather simple.
Despite the fact that this WordPress theme looks simple, it has a couple of hidden features. Along the edges in the corners of the screenshot you can see 3 additional functions: search, sharing in social networks and hamburger menu. Moreover, the last element does not just open the navigation, but contains a full-fledged sidebar with widgets.
Nice looking design with essential features for a traditional website or blog. There is a slider in the header, apparently, it shows the latest or favorite notes. Additional information is displayed in the sidebar or footer of three columns. Adaptability is supported.
Announcements of posts on the main page are presented in the form of pictures, which is suitable for a tourist or any other creative project. Instead of the classic splitting, the page has a Load More button that pulls in new content. The top and bottom of the page are visually simple, light, and the whole design is light.
Kotha
The layout of the current template is similar to many of the above - a traditional two-column blogging layout (responsive, which pleases). Different types of notes have their own display: video, gallery, audio and text. Perhaps I would have made slightly smaller indents between the blocks so that they are not so striking.
Minimalistic themes
In this article, I decided to combine simple themes and minimalist WordPress solutions, because they overlap in many ways. As I browsed through some of the collection of materials on the web, I noticed that the same designs can be presented in both categories. The edges are gradually being erased. Although, if you think about it, it all depends on how you will use the layout functions - removing most of the widgets, minimizing information in the footer and disabling the sidebar will get the simplest result.
Less
Nice looking minimalistic theme, adaptive, shows itself well in "text" web resources: blogs, collections of poems / works, personal journal with the author's notes.
Cool typography, classic blog template, header - dropdown menu and social icons. The only thing is that I would slightly reduce the boxes of the blocks or make them gray. Although, perhaps, it is due to these lines that the layout looks stylish.
In the preview, all graphics used in the layout are b / w, and this is probably why the feeling of minimalism is so noticeable. There are no sidebars, not even the top menu, and the navigation and search elements are hidden at the bottom of the page.
One of the few "old" topics that made it into the collection. There is a single centered column, perhaps slightly narrow for new monitor formats, but with working adaptability. The main posts will have to be done in order to shorten the announcements. The footer seems to have a widget field.
Maker
A good solution for a photographer's portfolio or blog is to focus on images, and the menu, footer, and header are almost invisible. In a single view of the content, you can add a short information about the current project + additional illustrations. Adaptability is supported.
Despite the general visual minimalism in the design in terms of functions, there is the necessary basis: menu, search, social buttons. It's nice that the developers paid attention to the little things like design and pagination.
A classic blogging theme without unnecessary bells and whistles and with traditional functionality: menu, sidebar, search, gallery, footer. If not for the multi-colored graphics, the effect of minimalism would have been stronger.
Total. I hope these 40 solutions from the collection will be useful to you in your work. After writing a note, I can draw a couple of conclusions:
Simple WordPress templates, of course, do not need functionality and versatility as the focus here is on content. Additional distractions are more likely to get in the way.
On the other hand, this does not mean that you need to remove all features and chips altogether - basic navigation elements must be present, sidebar / footer are also common. It is simply desirable to make the design stress-free and easy to read.
Looking through the lists of the best minimalist WordPress themes, I realized that this format is much less popular now than it used to be. Apparently, users need a bigger one. After all, at any time you can turn off unnecessary details or not use widget fields, while adding them to a half-empty template is a more difficult task.
I would also like to note that many of the presented solutions are light versions of more advanced layouts. Search the source pages for these download options. Often the functionality offered there is enough, especially since we are talking about simple topics.
Hello. Today everything strives for cleanliness and simplicity, the design of complex 3d objects is moving into a flat style (flat), the interfaces of applications and services are made simpler so that you can operate with one button, the same trend has not bypassed design for websites. Remove all unnecessary, leave the very essence, simple WordPress templates in the style of minimalism, light, clean, light will help you with this.
Top 25 Simple Minimalist WordPress Templates of 2019
1. Massive Dynamic
Massive Dynamic is an interesting minimalist template. It provides great opportunities for creating websites on various topics: construction, travel, resume, advertising agency, interior design and others. Powerful working platform, no limits on creating page layouts, 15 header styles, fast online store development.
Massive Dynamic is all about simplicity, convenience and creativity. Focus on important details, discard all unnecessary!
2. Salient
Salient is the ultimate template for building your dream website. It paves the way for self-expression with powerful tools: 150+ demos, multiple blog styles, thousands of icons, expressive design, 7 ways to customize your portfolio, create a beautiful gallery in a few clicks.
Kalium is a creative professional theme, unlimited possibilities for your website. This is a suitable template for developing a fashion online store, architecture, photography, freelancing, education, blog. There are no restrictions on self-expression. The universal theme is well-designed visually, endowed with popular plugins (well-thought-out slider, visual effects management). You can run the demo version in one click to understand how the website will work.
4 plugins for free for $ 246.
4. Jevelin
Jevelin is a simple WordPress theme suitable for creating stunning websites (freelance, sales, small business, design, construction). It is a revolution in the field of slide creation, one-click installation, simple appearance settings, powerful admin panel.
The theme is optimized for SEO, adapted for any device, has many settings. At your disposal ample opportunities for the design of the gallery, photo, video, 10 layouts for a portfolio, dozens of widgets. The template takes into account all the points that are important for the development of a unique website. There are video tutorials to help you customize your theme.
5. Soledad
Soledad is the top 1 selling magazine / blog this year. Over 300 options for slider and blog. Create your own unique website using visual tools and a powerful admin panel. Decide on the look of your pages by choosing one of 900 homepage options. Enjoy the benefits of user-friendly plugins.
The template offers easy customization of sidebars, many text layouts, different portfolio types, and six slide styles. Great room for self-expression and the implementation of bold ideas.
6. Gillion
Gillion is a minimalist wordpress template for blog, magazine, reviews and news. At your disposal are 7 demos, a convenient bookmarking system, 13 widget options, a large selection of page styles. No coding knowledge required to create your dream website.
The template offers five blog layouts, unlimited choice of colors and fonts. Each page will reflect your lifestyle and original projects. The main advantages of Gillion are simplicity, convenience, and uniqueness.
Selection by topic: 45 templates for a blog on WordPress 2019 »
7. XStore - online store in the style of minimalism
XStore is a WordPress theme for creating a vibrant, memorable online store. This template can hardly be called simple, but it has 3 demos that are made in the style of minimalism.
The functionality of the template allows you to add 50 products to the page in a couple of minutes, choose the appropriate design without knowing the coding in accordance with personal preference. You have a $ 250 premium plugin package at your disposal for a successful e-commerce business.
Use the large menu to set up sections for products, filters to quickly find the desired product. Place beautiful images, a slider with an animation effect that inadvertently attracts the attention of buyers. XStore makes selling products easy and in a couple of clicks.
8. Reco
A minimalistic WordPress theme that will look great as a blog or simple landing page. Included:
three ready-made designs;
adaptation to multilingual settings;
nine widgets.
Despite its simplicity, it looks very nice and even spectacular. 24/7 support will help you solve possible problems.
9. Merchandiser
Merchandiser is a cool e-commerce theme that lets you create an online store in a few simple steps. The minimalist design of the pages only emphasizes the attractiveness of the products, creates convenience for finding a suitable product. This simple WordPress template is SEO optimized, has a WooCommerce plugin and offers many catalog design options.
10. Petal - Creative Simple Portfolio
Petal is a minimalist theme for creative studios, agencies, freelancers. Change the hat and basement as you wish. Choose suitable visuals and customize your portfolio.
Petal will help you differentiate your project from the crowd and take your website to a whole new level with minimal effort on your part. The great advantage of the theme is unlimited customization possibilities.
Oshine has been a popular blog, photography, portfolio template over the past few years. A large selection of exquisite designs, a user-friendly and pleasant interface, individual style on each page - all this is Oshine. The zest of the theme is its simplicity and elegance. Website creation is facilitated by a well-designed editor with a large number of fonts and colors.
I am highlighting one demo for your double scrolling portfolio. For more details, look at the gif-picture, how the work is viewed.
BuzzBlog is a nice minimalist theme for blog, personal website. 12 blog feed options, 60+ homepage options. This design is perfect for glamor magazines and women's / men's beauty and style blogs.
13. H-Code
14. Adios - Simple Portfolio
The Adios theme belongs to minimalism website templates. It allows you to express your individual style, creativity and present your services in a favorable light. Light colors, emphasis on the main thing, the ability to present the portfolio in different ways in order to attract the maximum number of clients - this is not a complete set of template functions. The aesthetics and sophistication of the topic attracts increased attention to it.
15. Kleanity
16. Alpha
Alpha is a unique theme designed to showcase your best work, express your creative ideas. This is a great way to surprise visitors and make them remember your site for a long time. The template is adapted to any device. On the main page, we see a slider of works with a nice scrolling. The template is not suitable for everyone, but whoever chooses it will make a very creative presentation of their project. The minimalism of the theme emphasizes the uniqueness of your presentation.
17. Typology
Typology is a great template for bloggers who can express any thoughts on its pages. The beautiful design does not require any additional decoration. The ease of publishing makes the topic appealing to writers and creatives. Setting up a website won't take more than five minutes with a convenient dashboard that includes useful options. An unlimited number of fonts and colors are at your disposal.
The main feature of the theme is the absence of pictures on the site. Everything is done with text only and it is very creative, minimalistic and catchy.
18.Notio
Notio is an awesome theme for your blog, portfolio, or your business. Unique design, modular site construction without coding, beautiful slides with animation elements - everything is provided for easy use and implementation of bold ideas. The theme looks great on any device. A large choice of style in the design of the text (3500 fonts). Other features: one-click publishing, unlimited color choices, SEO optimization.
19. Luisa
Luisa is a minimalist theme for artists, creative agencies, blogs and presentations. It is suitable for any kind of creativity, has an intuitive navigator, an easy-to-configure menu. The template looks unusual on mobile devices and does not distract attention to secondary things.
20. Ottar
The fashion for minimalistic design is fully preserved in 2019, and in this theme for WordPress, the idea is implemented with maximum power. The design is beautiful and makes an impression, allowing the user to focus on the product or service presented on the landing page or business card website. Perfect for a portfolio. Advanced sliders will help you present your work in the best possible light.
21. Adorn
A very beautiful and delicate theme for online stores in the theme of fashion, accessories. The current minimalistic design is made by professionals, it is guaranteed to attract attention and be remembered by the site visitors. Styling for "tiles" or Instagram will help to focus on graphics with images of goods, services, portfolio items. Included WooCommerce options for online sales.
22. Alia
simple attractive blog design;
flexible header and footer settings;
excellent adaptation for smartphones, tablets;
emphasis on typography.
An excellent template for a text blog that will be very pleasant and easy to read. It is possible to add pictures and scroll through them with a slider.
23. Publisher Theme
A large selection of great WordPress themes that are relevant in 2019. The offered options guarantee adaptability and responsiveness, including for Retina devices. The set includes the main WordPress plugins used for stores, business cards, from a visual editor to online sales with deep search for various parameters. Attractive designs are customizable online by simply swapping pictures.
24. Sahel
According to the developers, it is a multi-conceptual theme. You can look at the blanks to make sure that it is done at a high level. The spectacular "flat" design will be remembered by anyone who opens the site, at the same time not interfering with emphasizing and highlighting the accents on the goods or services offered. Portfolio-specific settings, including videos, will help showcase your work.
25. Kodell
Bright template in the concept of minimalism. The developers guarantee:
a selection of ready-made pages - all in one style, combining simplicity and noticeable accents;
internal pages have been developed - will allow you to expand from a landing page to a major resource;
portfolio blanks, product demonstration, blog.
More than 800 fonts included, social media integrated. Unlimited customization of color schemes, installation in one click.