If you want to create a WordPress blog website using GeneratePress Premium Theme? In this tutorial, I will give you a full guide to creating a blog website using GeneratePress. In this tutorial, we are using the GeneratePress Marketer theme to create this blog website.
I made one of these tutorials a few months back. Which many of you liked very much. At your request, I am sharing a new tutorial with you.
By following our guide, you can easily design a beautiful blog website with a GeneratePress Marker theme.
Following these video tutorials you can easily create a blog website using the GeneratePress Marker theme.
Additional CSS Code
Copy this CSC code and paste it on the Additional CSS option.
Using this class read-more-bt
on button
/* GeneratePress Site CSS */
.sidebar .widget,
.container-widget {
box-shadow: rgba(23, 43, 99, 0.3) 0 6px 18px;
border-radius: 4px;
}
/*Button Style*/
.read-more-bt,
a.button,
.pagination-bt,
.wp-block-search__button,
input[type="submit"] {
font-size: 14px;
padding: 10px 25px;
transition: 0.5s;
background-size: 200% auto;
box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
background-image: linear-gradient(to right, #1fd1bf 0, #07b0a2 51%, #1fd1bf 100%);
border-radius: 50px;
}
.read-more-bt:hover {
background-position: right center;
color: #fff;
text-decoration: none;
}
a.button:hover {
background-position: right center;
color: #fff;
text-decoration: none;
}
input[type="submit"]:hover {
background-position: right center;
color: #fff;
text-decoration: none;
}
.pagination-bt:hover {
background-position: right center;
color: #fff;
text-decoration: none;
}
.wp-block-search__button:hover {
background-position: right center;
color: #fff;
text-decoration: none;
}
/*Attachment Image Style*/
.attachment-full {
box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
border-radius: 25px;
}
#wp-block-search__input-1 {
border-radius: 5px;
border: 0px;
}
/* End GeneratePress Site CSS */
Site Footer
Copy this code and paste it on Site Footer Elements
<!-- wp:generateblocks/container {"uniqueId":"6c410209","backgroundColor":"var(\u002d\u002dbase-2)","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"paddingTop":"25","paddingRight":"20","paddingBottom":"25","paddingLeft":"20"} -->
<!-- wp:generateblocks/grid {"uniqueId":"96d7f280","columns":2,"horizontalGap":30,"verticalGap":30,"horizontalAlignment":"center","isDynamic":true,"blockVersion":3,"useLegacyRowGap":true} -->
<!-- wp:generateblocks/container {"uniqueId":"214b20c5","isGrid":true,"gridId":"96d7f280","removeVerticalGap":true,"removeVerticalGapTablet":true,"removeVerticalGapMobile":true,"isDynamic":true,"blockVersion":3,"useInnerContainer":true,"sizing":{"width":"50%","widthMobile":"100%"},"marginBottomMobile":"10","paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0"} -->
<!-- wp:generateblocks/headline {"uniqueId":"4086ad29","element":"p","blockVersion":2,"alignmentMobile":"center","fontSize":13,"letterSpacing":0.04,"marginBottom":"0","backgroundColor":"","textColor":"var(\u002d\u002dcontrast)","linkColor":"var(\u002d\u002dbase-2)","linkColorHover":"var(\u002d\u002dbase)","borderColor":"","highlightTextColor":"","iconColor":""} -->
<p class="gb-headline gb-headline-4086ad29 gb-headline-text">© WebsiteName | All rights reserved</p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"72705691","isGrid":true,"gridId":"96d7f280","removeVerticalGap":true,"removeVerticalGapTablet":true,"removeVerticalGapMobile":true,"isDynamic":true,"blockVersion":3,"useInnerContainer":true,"sizing":{"width":"50%","widthMobile":"100%"},"alignmentMobile":"center","paddingTop":"0","paddingRight":"0","paddingBottom":"0","paddingLeft":"0"} -->
<!-- wp:generateblocks/headline {"uniqueId":"4b7e9038","element":"p","blockVersion":2,"textTransform":"capitalize","alignment":"right","alignmentMobile":"center","fontSize":13,"letterSpacing":0.04,"marginBottom":"0","backgroundColor":"","textColor":"var(\u002d\u002dcontrast)","linkColor":"var(\u002d\u002dcontrast)","linkColorHover":"var(\u002d\u002daccent-hover)","borderColor":"","highlightTextColor":"","iconColor":""} -->
<p class="gb-headline gb-headline-4b7e9038 gb-headline-text"><a href="#" data-type="URL" data-id="https://images.wpjankari.com/privacy-policy/">Privacy Policy</a> | <a href="#">Disclaimer</a> | <a href="#">About Us</a> | <a href="#" data-type="URL" data-id="https://images.wpjankari.com/disclaimer/">Contact Us</a></p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
Sidebar Widgets
Copy this code and paste it on Sidebar Widgets Elements.
<!-- wp:generateblocks/container {"uniqueId":"356d0541","isDynamic":true,"blockVersion":3,"display":"flex","flexDirection":"column","rowGap":"20px"} -->
<!-- wp:generateblocks/container {"uniqueId":"d8499018","isDynamic":true,"blockVersion":3,"marginTop":"10","marginBottom":"10","paddingTop":"20","paddingRight":"20","paddingBottom":"20","paddingLeft":"20","className":"container-widget"} -->
<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search....","buttonText":"Search"} /-->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"6a176ec8","isDynamic":true,"blockVersion":3,"paddingTop":"20","paddingRight":"20","paddingBottom":"20","paddingLeft":"20","className":"container-widget"} -->
<!-- wp:generateblocks/container {"uniqueId":"63330cf4","isDynamic":true,"blockVersion":3,"variantRole":"button-container","display":"flex","flexDirection":"column"} -->
<!-- wp:generateblocks/button {"uniqueId":"f6aae181","hasUrl":true,"target":true,"relNoFollow":true,"blockVersion":3,"display":"inline-flex","alignItems":"center","alignment":"center","fontSize":15,"marginTop":"5","marginRight":"5","marginBottom":"5","marginLeft":"5","paddingTop":"10","paddingRight":"20","paddingBottom":"10","paddingLeft":"20","borderRadiusTopRight":"50","borderRadiusBottomRight":"50","borderRadiusBottomLeft":"50","borderRadiusTopLeft":"50","backgroundColor":"#1877f2","backgroundColorHover":"#156cdc","textColor":"#ffffff","textColorHover":"#ffffff","hasIcon":true} -->
<a class="gb-button gb-button-f6aae181" href="https://www.facebook.com/" target="_blank" rel="nofollow noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path></svg></span><span class="gb-button-text">Facebook</span></a>
<!-- /wp:generateblocks/button -->
<!-- wp:generateblocks/button {"uniqueId":"c0c430ff","hasUrl":true,"target":true,"relNoFollow":true,"blockVersion":3,"display":"inline-flex","alignItems":"center","fontSize":15,"marginTop":"5","marginRight":"5","marginBottom":"5","marginLeft":"5","paddingTop":"10","paddingRight":"20","paddingBottom":"10","paddingLeft":"20","borderRadiusTopRight":"50","borderRadiusBottomRight":"50","borderRadiusBottomLeft":"50","borderRadiusTopLeft":"50","backgroundColor":"#0ea2f8","backgroundColorHover":"#0b8edb","textColor":"#ffffff","textColorHover":"#ffffff","hasIcon":true} -->
<a class="gb-button gb-button-c0c430ff" href="https://twitter.com/" target="_blank" rel="nofollow noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg></span><span class="gb-button-text">Twitter</span></a>
<!-- /wp:generateblocks/button -->
<!-- wp:generateblocks/button {"uniqueId":"11d6ead1","hasUrl":true,"target":true,"relNoFollow":true,"blockVersion":3,"display":"inline-flex","alignItems":"center","fontSize":15,"marginTop":"5","marginRight":"5","marginBottom":"5","marginLeft":"5","paddingTop":"10","paddingRight":"20","paddingBottom":"10","paddingLeft":"20","borderRadiusTopRight":"50","borderRadiusBottomRight":"50","borderRadiusBottomLeft":"50","borderRadiusTopLeft":"50","backgroundColor":"#e60606","backgroundColorHover":"#ce0606","textColor":"#ffffff","textColorHover":"#ffffff","hasIcon":true} -->
<a class="gb-button gb-button-11d6ead1" href="https://www.youtube.com/" target="_blank" rel="nofollow noopener noreferrer"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg></span><span class="gb-button-text">YouTube</span></a>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"1e20c17b","backgroundColor":"var(\u002d\u002dbase-3)","bgOptions":{"selector":"element","opacity":1,"overlay":false,"position":"center center","size":"cover","repeat":"no-repeat","attachment":""},"shapeDividers":[],"isDynamic":true,"blockVersion":3,"useInnerContainer":true,"marginTop":"10","marginBottom":"10","paddingTop":"30","paddingRight":"20","paddingBottom":"30","paddingLeft":"20","className":"container-widget"} -->
<!-- wp:generateblocks/headline {"uniqueId":"838fca02","blockVersion":2,"alignment":"center","fontSize":24,"paddingTop":"7","paddingRight":"7","paddingBottom":"7","paddingLeft":"7","borderRadiusTopRight":"40","borderRadiusBottomRight":"40","borderRadiusBottomLeft":"40","borderRadiusTopLeft":"40","backgroundColor":"var(\u002d\u002daccent)","textColor":"var(\u002d\u002dbase-3)"} -->
<h2 class="gb-headline gb-headline-838fca02 gb-headline-text">Recent Posts</h2>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/query-loop {"uniqueId":"612787da","query":{"post_type":"post","per_page":"8"}} -->
<!-- wp:generateblocks/grid {"uniqueId":"2d83fe74","columns":1,"verticalGap":10,"isDynamic":true,"blockVersion":3,"isQueryLoop":true,"useLegacyRowGap":true,"lock":{"remove":true}} -->
<!-- wp:generateblocks/container {"uniqueId":"41e9886c","isGrid":true,"isQueryLoopItem":true,"gridId":"2d83fe74","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"sizing":{"width":"100%"},"lock":{"remove":true,"move":true}} -->
<!-- wp:generateblocks/grid {"uniqueId":"6976bfa4","columns":2,"horizontalGap":15,"verticalGap":10,"verticalAlignmentTablet":"center","isDynamic":true,"blockVersion":3,"useLegacyRowGap":true} -->
<!-- wp:generateblocks/container {"uniqueId":"077353f5","isGrid":true,"gridId":"6976bfa4","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"sizing":{"width":"33.33%","widthMobile":"33.33%"}} -->
<!-- wp:generateblocks/image {"uniqueId":"743f9534","sizeSlug":"medium","widthMobile":"100%","objectFit":"cover","borderRadiusUnit":"%","useDynamicData":true,"dynamicContentType":"featured-image"} /-->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"277ca434","isGrid":true,"gridId":"6976bfa4","verticalAlignment":"center","isDynamic":true,"blockVersion":3,"useInnerContainer":true,"sizing":{"width":"66.66%","widthMobile":"66.66%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"a69df127","element":"h3","blockVersion":2,"fontWeight":"600","fontSize":14,"fontSizeMobile":14,"marginBottom":"5","backgroundColor":"","textColor":"","linkColor":"var(\u002d\u002dcontrast-2)","linkColorHover":"var(\u002d\u002daccent-hover)","borderColor":"","highlightTextColor":"","iconColor":"","useDynamicData":true,"dynamicContentType":"post-title","dynamicLinkType":"single-post"} -->
<h3 class="gb-headline gb-headline-a69df127 gb-headline-text"></h3>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/query-loop -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/container -->
Hope after watching this video tutorial you can easily customize GeneratePress Marker theme to create a beautiful blog website.
How add categories in sidebar? Please
how to add a separate menu in the footer bar, like contact us, about us
good theme.
Thank you 😊
bhai itna bata diye hon to sidebar me categories kaise add kare or advertisement kaise add kare uska bhi code dedo ya bata do,,,How add categories and advertisement in sidebar? Please
Great Sir, Love From Bangladesh
can you help me, please? If possible please give me the code of this page search design CSS only.
great sir
Bro font ka name kiya hai jo body mai use kiya hai
Superb….Love it
sir mana apki pori video dekh kr step by step apni website pr lagaia tha but usma read more ka option ka round ma box bun gia or design ma bhi oval ki jagah box bana ha please guide me how to solve it
Bhai Meri website customize Kar do mai Kar do
Bhai Maine nahi Kar pa raha hu
Bhai help Kar do
Bhai charge let Lena
Mai student hu Bhai
Oar blogging karna chahta hu
Sir Jb hum Side bar ka code paste krty hain to update krny ke bad front end pe code he show ho rha ha side bar show nhi ho rha
I need help .
make theme i am use for life time
and my all themes any problem i ask you
and Pay you.
Patnership work.
and this time your website contact page not work, massage not send to you.
The guide was very helpful, I used it to work on my website and it turned out to be very beautiful.
La jabab bro
Aisa hi kam kare jao
Search bar is not working. when you click on search button in the header popup is not showing after customizing as per your css code with marketer template. Please suggest the solution
Love you bro both zabardast