In this video tutorial, I will show you, how to build a simple blog using GeneratePress free theme. You can download the latest version of GeneratePress free theme from WordPress repository or from the GeneratePress website directly.
It’s a quick and short video, so please watch the video without skipping.
Table of Contents
Recommended Hosting
Required Theme
- GeneratePress (Free Version)
Required Plugins
Color Palette
| CSS Variable Name | Hexa Code | Actual Color |
|---|---|---|
| contrast | #222222 | |
| contrast-2 | #575760 | |
| contrast-3 | #b2b2be | |
| base | #f0f0f0 | |
| base-2 | #f7f8f9 | |
| base-3 | #ffffff | |
| accent | #1e73be | |
| border | #cdd9ec |
Custom CSS Code
.widget-area .widget .recent-posts-widget-with-thumbnails {
padding: 0px;
}
.comments-area,
.home-grid,
.archive .page-header,
.category .page-header,
.search .page-header,
.blog .inside-article,
.page .inside-article,
.single .inside-article,
.category .inside-article,
.tag .inside-article,
.search .inside-article,
#left-sidebar .widget_block,
#right-sidebar .widget_block {
border: 1px solid var(--border);
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
header.site-header {
box-shadow: 0 4px 25px 0 #0747a01a;
}
header .inside-header {
padding: 15px 40px !important;
}
.read-more {
display: block;
padding-top: 15px;
}
.blog footer.entry-meta .cat-links,
.category footer.entry-meta .cat-links,
.search footer.entry-meta .cat-links,
.tag footer.entry-meta .cat-links {
display: none;
}
.blog footer.entry-meta .tags-links,
.category footer.entry-meta .tags-links,
.search footer.entry-meta .tags-links,
.tag footer.entry-meta .tags-links {
display: none;
}
.blog footer.entry-meta .comments-link,
.category footer.entry-meta .comments-link,
.search footer.entry-meta .comments-link,
.tag footer.entry-meta .comments-link {
display: none;
}
.single-featured-image {
padding-top: 25px;
}
.blog .inside-article,
.category .inside-article,
.search .inside-article,
.tag .inside-article {
padding-bottom: 10px;
}
ul.wp-block-categories li,
ul.wp-block-archives li {
list-style-type: none;
margin-left: 0px;
border-bottom: 1px dotted var(--border);
}
ul.wp-block-categories li a,
ul.wp-block-archives li a {
display: inline-block;
width: 80%;
float: none;
text-decoration: none;
padding-bottom: 13px;
margin-bottom: 13px;
}
.wp-block-tag-cloud a {
font-size: 14px !important;
text-decoration: none;
border: 1px solid var(--border);
padding: 5px 12px;
margin-bottom: 10px;
}
#left-sidebar .widget-title::before,
#right-sidebar .widget-title::before,
.section-title::before {
content: "//";
margin-right: 5px;
}
.search.widget-title .wp-block-search__inside-wrapper {
margin-top: 20px;
}
.rpwwt-widget .rpwwt-post-date {
font-size: 14px;
padding-bottom: 15px;
}
.home-grid a {
text-decoration: none;
}
hr.home-page-separator {
margin-top: -10px;
border-width: 0px;
background-color: var(--border);
}PHP Code Snippets
GeneratePress Custom Copyright Text
add_filter( 'generate_copyright','wpframer_gp_custom_copyright' );
if (!function_exists('wpframer_gp_custom_copyright')) {
function wpframer_gp_custom_copyright() {
$year = date("Y");
?>
© <?php echo $year ?> WordPress Site Development• All Rights Reserved!
<?php
}
}