Generate Press Theme Customisation 2025

by

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.

Additional CSS Code

/* 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, #ce45dd 0, #a609b8 51%, #d058dd 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 */

Blog Loop Template

<!-- wp:generateblocks/query-loop {"uniqueId":"27a53e09","inheritQuery":true,"query":{"post_type":"post","per_page":10}} -->

<!-- wp:generateblocks/grid {"uniqueId":"2f44cc1d","columns":1,"verticalGap":20,"isDynamic":true,"blockVersion":3,"isQueryLoop":true,"lock":{"remove":true}} -->

<!-- wp:generateblocks/container {"uniqueId":"fd6fcffb","isGrid":true,"isQueryLoopItem":true,"gridId":"2f44cc1d","backgroundColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":4,"sizing":{"width":"100%"},"spacing":{"paddingTop":"30px","paddingRight":"30px","paddingBottom":"30px","paddingLeft":"30px","paddingTopMobile":"30px","paddingRightMobile":"30px","paddingBottomMobile":"30px","paddingLeftMobile":"30px"},"paddingSyncUnits":true,"lock":{"remove":true,"move":true}} -->

<!-- wp:generateblocks/headline {"uniqueId":"2aa2cee5","blockVersion":3,"typography":{"fontSizeMobile":"17px"},"spacing":{"marginBottom":"5px"},"linkColor":"var(\u002d\u002dcontrast-2)","linkColorHover":"var(\u002d\u002daccent-hover)","useDynamicData":true,"dynamicContentType":"post-title"} -->
<h2 class="gb-headline gb-headline-2aa2cee5 gb-headline-text"> </h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"da411723","element":"p","blockVersion":3,"typography":{"fontSize":"12px","fontSizeMobile":"10px"},"useDynamicData":true,"dynamicContentType":"post-date"} -->
<p class="gb-headline gb-headline-da411723 gb-headline-text"> </p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/container {"uniqueId":"7ff14326","isDynamic":true,"blockVersion":4,"display":"flex","flexDirectionMobile":"column","flexWrapTablet":"wrap","columnGap":"40px","rowGap":"20px","rowGapMobile":"10px"} -->

<!-- wp:generateblocks/image {"uniqueId":"38a00f10","sizeSlug":"full","width":"100%","blockVersion":2,"spacing":{"marginTopMobile":""},"borders":{"borderTopLeftRadius":"10px","borderTopRightRadius":"10px","borderBottomLeftRadius":"10px","borderBottomRightRadius":"10px","borderTopWidth":"1px","borderTopStyle":"solid","borderRightLeftRadius":"10px","borderLeftLeftRadius":"10px","borderRightRightRadius":"10px","borderLeftRightRadius":"10px","borderRightWidth":"1px","borderBottomWidth":"1px","borderLeftWidth":"1px","borderRightStyle":"solid","borderBottomStyle":"solid","borderLeftStyle":"solid","borderTopWidthMobile":"0px","borderRightWidthMobile":"0px","borderBottomWidthMobile":"0px","borderLeftWidthMobile":"0px"},"useDynamicData":true,"dynamicContentType":"featured-image","dynamicLinkType":"single-post"} /-->

<!-- wp:generateblocks/container {"uniqueId":"1100d04b","isDynamic":true,"blockVersion":4,"flexShrink":0,"flexBasis":"55%","flexBasisTablet":"100%","spacing":{"paddingTopMobile":""}} -->

<!-- wp:generateblocks/headline {"uniqueId":"d4207768","element":"div","blockVersion":3,"typography":{"fontSizeMobile":"15px","fontSize":"16px"},"useDynamicData":true,"dynamicContentType":"post-excerpt","useDefaultMoreLink":false} -->
<div class="gb-headline gb-headline-d4207768 gb-headline-text"> </div>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/button {"uniqueId":"60d0af85","hasUrl":false,"blockVersion":4,"display":"inline-flex","flexDirectionMobile":"column","alignItemsMobile":"center","justifyContentMobile":"center","typography":{"fontSize":"15px"},"spacing":{"paddingTop":"10px","paddingRight":"15px","paddingBottom":"10px","paddingLeft":"15px","marginTop":"10px","paddingLeftMobile":"15px","paddingRightMobile":"15px","paddingTopMobile":"10px","paddingBottomMobile":"10px"},"borders":{"borderTopLeftRadiusMobile":"10px","borderTopRightRadiusMobile":"10px","borderBottomLeftRadiusMobile":"10px","borderBottomRightRadiusMobile":"10px","borderTopLeftRadius":"10px","borderTopRightRadius":"10px","borderBottomLeftRadius":"10px","borderBottomRightRadius":"10px"},"backgroundColor":"#7a04f0","backgroundColorHover":"#6513ba","textColor":"#ffffff","textColorHover":"#ffffff","gradient":true,"gradientDirection":94,"gradientColorOne":"rgba(255, 255, 255, 0.1)","gradientColorTwo":"rgba(0, 0, 0, 0.30)","useDynamicData":true,"dynamicLinkType":"single-post"} -->
<p><span class="gb-button gb-button-60d0af85 gb-button-text">Read more</span></p>
<!-- /wp:generateblocks/button --><!-- /wp:generateblocks/container --><!-- /wp:generateblocks/container --><!-- /wp:generateblocks/container --><!-- /wp:generateblocks/grid -->

<!-- wp:generateblocks/container {"uniqueId":"4dc632a1","isDynamic":true,"blockVersion":4,"variantRole":"button-container","display":"flex","justifyContent":"center","spacing":{"marginTop":"20px"},"isPagination":true} -->

<!-- wp:generateblocks/button {"uniqueId":"f2c46de0","hasUrl":false,"blockVersion":4,"display":"inline-flex","alignItems":"center","typography":{"fontSizeMobile":"15px"},"spacing":{"paddingTop":"15px","paddingRight":"20px","paddingBottom":"15px","paddingLeft":"20px"},"textColor":"var(\u002d\u002dcontrast)","textColorHover":"var(\u002d\u002dcontrast-2)","hasIcon":true,"iconStyles":{"width":"1em","height":"1em","paddingRight":"0.5em"},"useDynamicData":true,"isPagination":true,"dynamicLinkType":"pagination-prev","dynamicLinkRemoveIfEmpty":true} -->
<p><span class="gb-button gb-button-f2c46de0 gb-button-text">Previous</span></p>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/button {"uniqueId":"8a92b969","hasUrl":false,"blockVersion":4,"display":"inline-flex","typography":{"fontSizeMobile":"15px"},"spacing":{"paddingTop":"15px","paddingRight":"20px","paddingBottom":"15px","paddingLeft":"20px"},"textColor":"var(\u002d\u002dcontrast)","textColorHover":"var(\u002d\u002dcontrast-2)","textColorCurrent":"var(\u002d\u002dcontrast-2)","useDynamicData":true,"isPagination":true,"dynamicContentType":"pagination-numbers"} -->
<p><span class="gb-button gb-button-8a92b969 gb-button-text">1 2 … 10</span></p>
<!-- /wp:generateblocks/button -->

<!-- wp:generateblocks/button {"uniqueId":"0da14d3f","hasUrl":false,"blockVersion":4,"display":"inline-flex","alignItems":"center","typography":{"fontSizeMobile":"15px","textAlign":"center"},"spacing":{"paddingTop":"15px","paddingRight":"20px","paddingBottom":"15px","paddingLeft":"20px"},"textColor":"var(\u002d\u002dcontrast)","textColorHover":"var(\u002d\u002dcontrast-2)","hasIcon":true,"iconLocation":"right","iconPaddingRight":"","iconStyles":{"width":"1em","height":"1em","paddingLeft":"0.5em"},"useDynamicData":true,"isPagination":true,"dynamicLinkType":"pagination-next","dynamicLinkRemoveIfEmpty":true} -->
<p><span class="gb-button gb-button-0da14d3f gb-button-text">Next</span></p>
<!-- /wp:generateblocks/button --><!-- /wp:generateblocks/container --><!-- /wp:generateblocks/query-loop -->

Sidebar

<!-- wp:generateblocks/container {"uniqueId":"356d0541","isDynamic":true,"blockVersion":4,"display":"flex","flexDirection":"column","rowGap":"20px"} -->
<!-- wp:generateblocks/container {"uniqueId":"d8499018","isDynamic":true,"blockVersion":4,"spacing":{"paddingTop":"20px","paddingRight":"20px","paddingBottom":"20px","paddingLeft":"20px","marginTop":"10px","marginBottom":"10px"},"className":"container-widget"} -->
<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search....","buttonText":"Search"} /-->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"6a176ec8","isDynamic":true,"blockVersion":4,"spacing":{"paddingTop":"20px","paddingRight":"20px","paddingBottom":"20px","paddingLeft":"20px"},"className":"container-widget"} -->
<!-- wp:categories {"showPostCounts":true,"showEmpty":true} /-->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"1e20c17b","backgroundColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":4,"useInnerContainer":true,"spacing":{"paddingTop":"30px","paddingRight":"20px","paddingBottom":"30px","paddingLeft":"20px","marginTop":"10px","marginBottom":"10px"},"className":"container-widget"} -->
<!-- wp:generateblocks/headline {"uniqueId":"838fca02","blockVersion":3,"typography":{"fontSize":"20px","textAlign":"center"},"spacing":{"paddingTop":"10px","paddingRight":"10px","paddingBottom":"10px","paddingLeft":"10px"},"borders":{"borderTopRightRadius":"50px","borderBottomRightRadius":"50px","borderBottomLeftRadius":"50px","borderTopLeftRadius":"50px"},"backgroundColor":"#8707ae","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":4,"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":4,"useInnerContainer":true,"sizing":{"width":"33.33%","widthMobile":"33.33%"}} -->
<!-- wp:generateblocks/image {"uniqueId":"743f9534","sizeSlug":"medium","widthMobile":"100%","objectFit":"cover","blockVersion":2,"borderRadiusUnit":"%","useDynamicData":true,"dynamicContentType":"featured-image"} /-->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"277ca434","isGrid":true,"gridId":"6976bfa4","verticalAlignment":"center","isDynamic":true,"blockVersion":4,"useInnerContainer":true,"sizing":{"width":"66.66%","widthMobile":"66.66%"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"a69df127","element":"h3","blockVersion":3,"typography":{"fontSize":"14px","fontWeight":"600","fontSizeMobile":"14px"},"spacing":{"marginBottom":"5px"},"linkColor":"var(\u002d\u002dcontrast-2)","linkColorHover":"var(\u002d\u002daccent-hover)","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 -->

Site Footer

<!-- wp:generateblocks/container {"uniqueId":"490e2a9d","isDynamic":true,"blockVersion":4} -->

<!-- wp:generateblocks/container {"uniqueId":"d1f47294","linkColor":"var(\u002d\u002dcontrast-2)","isDynamic":true,"blockVersion":4,"display":"flex","flexDirectionTablet":"column","alignItemsTablet":"center","justifyContent":"space-between","justifyContentTablet":"center","rowGapTablet":"20px","useGlobalMaxWidth":true,"spacing":{"paddingTop":"20px","paddingRight":"20px","paddingBottom":"20px","paddingLeft":"20px","marginRight":"auto","marginLeft":"auto"}} -->

<!-- wp:generateblocks/headline {"uniqueId":"e41178b2","element":"div","blockVersion":3,"typography":{"fontSize":"15px","textAlignMobile":"center"}} -->
<div class="gb-headline gb-headline-e41178b2 gb-headline-text">© {{current_year}} cribad.com • designed by <a href="https://mrtejaa.com/" target="_blank" rel="noreferrer noopener">Mr.Tejaa</a></div>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/container {"uniqueId":"658f27a5","isDynamic":true,"blockVersion":4,"display":"flex","columnGap":"15px","orderTablet":-1} -->

<!-- wp:navigation {"ref":4,"overlayMenu":"never","layout":{"type":"flex","justifyContent":"center"}} /--><!-- /wp:generateblocks/container --><!-- /wp:generateblocks/container --><!-- /wp:generateblocks/container -->

PHP code for Author Box

<div class="bloggingskill-author-box">
    <div class="insights-avatar">
        <?php echo get_avatar( get_the_author_meta( 'ID' ), 250 ); ?>
    </div>
    <div class="insights-author-info">
        <div class="author-title" itemprop="author" itemscope itemtype="http://schema.org/Person">
            <span itemprop="name"><?php printf( get_the_author_meta( 'display_name') );?></span>
        </div>
        <div class="author-summary">
            <p class="author-description"><?php echo wp_kses( get_the_author_meta( 'description' ), null ); ?></p></div>
<div class="author-links">
            <a href="https://bloggingskill.com/" title="Contact this author">Contattaci</a>
       </div>
    </div>
</div>

Social share button

<?php
$loanpatrikaURL = urlencode(get_the_permalink());
$loanpatrikaTitle = urlencode(get_the_title());
$loanpatrikaImage= urlencode(get_the_post_thumbnail_url(get_the_ID(), 'full'));
?>
<div class="loanpatrika-social-wrapper"> <span class="hide-on-mobile">Sharing Is Caring:</span> <a class="loanpatrika-social-sharing loanpatrika-social-facebook" href="https://www.facebook.com/sharer/sharer.php?u=<?php echo $loanpatrikaURL; ?>" target="_blank" rel="nofollow">
  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
    <path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/>
  </svg>
  </a> 
	<a class="loanpatrika-social-sharing loanpatrika-social-whatsapp" href="https://api.whatsapp.com/send?text=<?php echo $loanpatrikaTitle; echo " "; echo $loanpatrikaURL;?>" target="_blank" rel="nofollow">
  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
    <path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/>
  </svg>
  </a> 
	
	<a class="loanpatrika-social-sharing loanpatrika-social-twitter" href="https://twitter.com/intent/tweet?text=<?php echo $loanpatrikaTitle;?>&amp;url=<?php echo $loanpatrikaURL;?>&amp;via=loanpatrika" target="_blank" rel="nofollow">
  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
    <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/>
  </svg>
  </a> <a class="loanpatrika-social-sharing loanpatrika-social-pinterest" href="https://pinterest.com/pin/create/button/?url=<?php echo $loanpatrikaURL; ?>&amp;media=<?php echo $loanpatrikaImage;   ?>&amp;description=<?php echo $loanpatrikaTitle; ?>" target="_blank" rel="nofollow">
  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
    <path d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z" fill-rule="evenodd" clip-rule="evenodd"/>
  </svg>
  </a> <a class="loanpatrika-social-sharing loanpatrika-social-linkedin" href="https://www.linkedin.com/shareArticle?url=<?php echo $loanpatrikaURL; ?>&amp;title=<?php echo $loanpatrikaTitle; ?>&amp;mini=true" target="_blank" rel="nofollow">
  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
    <path d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z"/>
  </svg>
  </a> <a class="loanpatrika-social-sharing loanpatrika-social-reddit" href="https://reddit.com/submit?url=<?php echo $loanpatrikaURL;?>&title=<?php echo $loanpatrikaTitle; ?>" target="_blank" rel="nofollow">
  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
    <path d="M24 11.779c0-1.459-1.192-2.645-2.657-2.645-.715 0-1.363.286-1.84.746-1.81-1.191-4.259-1.949-6.971-2.046l1.483-4.669 4.016.941-.006.058c0 1.193.975 2.163 2.174 2.163 1.198 0 2.172-.97 2.172-2.163s-.975-2.164-2.172-2.164c-.92 0-1.704.574-2.021 1.379l-4.329-1.015c-.189-.046-.381.063-.44.249l-1.654 5.207c-2.838.034-5.409.798-7.3 2.025-.474-.438-1.103-.712-1.799-.712-1.465 0-2.656 1.187-2.656 2.646 0 .97.533 1.811 1.317 2.271-.052.282-.086.567-.086.857 0 3.911 4.808 7.093 10.719 7.093s10.72-3.182 10.72-7.093c0-.274-.029-.544-.075-.81.832-.447 1.405-1.312 1.405-2.318zm-17.224 1.816c0-.868.71-1.575 1.582-1.575.872 0 1.581.707 1.581 1.575s-.709 1.574-1.581 1.574-1.582-.706-1.582-1.574zm9.061 4.669c-.797.793-2.048 1.179-3.824 1.179l-.013-.003-.013.003c-1.777 0-3.028-.386-3.824-1.179-.145-.144-.145-.379 0-.523.145-.145.381-.145.526 0 .65.647 1.729.961 3.298.961l.013.003.013-.003c1.569 0 2.648-.315 3.298-.962.145-.145.381-.144.526 0 .145.145.145.379 0 .524zm-.189-3.095c-.872 0-1.581-.706-1.581-1.574 0-.868.709-1.575 1.581-1.575s1.581.707 1.581 1.575-.709 1.574-1.581 1.574z"/>
  </svg>
  </a> </div>

Floating share button for entire site

<?php
$loanpatrikaURL = urlencode(get_the_permalink());
$loanpatrikaTitle = urlencode(get_the_title());
$loanpatrikaImage= urlencode(get_the_post_thumbnail_url(get_the_ID(), 'full'));
?>

<div class="loanpatrika-float-social-wrapper hide-on-mobile hide-on-tablet">
	<a class="loanpatrika-float-social-sharing loanpatrika-social-facebook" href="https://www.facebook.com/sharer/sharer.php?u=<?php echo $loanpatrikaURL; ?>" target="_blank" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"><path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/></svg></a>
	
	<a class="loanpatrika-float-social-sharing loanpatrika-social-twitter" href="https://twitter.com/intent/tweet?text=<?php echo $loanpatrikaTitle;?>&amp;url=<?php echo $loanpatrikaURL;?>&amp;via=loanpatrika" target="_blank" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"><path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg></a>
	
	<a class="loanpatrika-float-social-sharing loanpatrika-social-pinterest" href="https://pinterest.com/pin/create/button/?url=<?php echo $loanpatrikaURL; ?>&amp;media=<?php echo $loanpatrikaImage;   ?>&amp;description=<?php echo $loanpatrikaTitle; ?>" target="_blank" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.372-12 12 0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146 1.124.347 2.317.535 3.554.535 6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z" fill-rule="evenodd" clip-rule="evenodd"/></svg></a>
	
	<a class="loanpatrika-float-social-sharing loanpatrika-social-linkedin" href="https://www.linkedin.com/shareArticle?url=<?php echo $loanpatrikaURL; ?>&amp;title=<?php echo $loanpatrikaTitle; ?>&amp;mini=true" target="_blank" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"><path d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z"/></svg></a>
	
	<a class="loanpatrika-float-social-sharing loanpatrika-social-whatsapp" href="https://api.whatsapp.com/send?text=<?php echo $loanpatrikaTitle; echo " "; echo $loanpatrikaURL;?>" target="_blank" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"><path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/></svg></a>
	
	<a class="loanpatrika-float-social-sharing loanpatrika-social-telegram" href="https://telegram.me/submit?url=<?php echo $loanpatrikaURL;?>&title=<?php echo $loanpatrikaTitle; ?>" target="_blank" rel="nofollow"><svg style="color: white" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telegram" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z" fill="white"></path> </svg></a>
</div>

Following these video tutorials you can easily create a blog website using the GeneratePress Marker theme.

Leave a Comment