As an avid WordPress user like me, you might be wondering, what is the new twist in GeneratePress WordPress Theme 2024? Well, it’s impressive how it offers an unprecedented level of customization, enabling users like us to tailor our sites to our distinct flavor and purpose. With this theme, creating a website that stands out amongst the sea of internet pages is easier than ever.
The magnificent GeneratePress WordPress Theme 2024 tracks its roots to a simple yet powerful premise – Flexibility. Statistics show that more than 200,000 WordPress sites are currently powered by this theme! The 2024 update enables users to manipulate layout control, colors, typography, and even override the default WordPress settings. Exciting? It sure is! With GeneratePress, we can create the online presence we’ve only dreamed of!
- First, I install and activate the GeneratePress WordPress Theme.
- Then, I navigate to ‘Appearance’ and select ‘Customize’.
- Here, I find the options to personalize my layout, colors, typography, and other design elements.
- I also have the choice to add custom CSS if I need further customization.
- Finally, I click ‘Publish’ to save my changes.
Unveiling the Power of Customize GeneratePress WordPress Theme 2024
With the introduction of GeneratePress WordPress Theme 2024, customization of your website has been pushed to new dimensions. From simple design tweaks to major overhauls, this theme places a world of options at the fingertips of its users. Whether you are building a personal blog or a professional site, understanding the customization process optimizes site aesthetics and functionality. Let’s dive into how precisely to tailor this responsive and versatile theme to meet your specific needs.
The Fundamentals of General Settings
Easily accessible in your WordPress dashboard, the General Settings panel is the first step to customizing your GeneratePress theme. It contains options for site layout, colors, typography, and more. When making changes, remember to save and preview your site to ensure the modifications improve user experience.
The “site layout” sub-section allows you to set the content, header, and footer widths. Depending on your preferences, you can keep the traditional settings or opt for a more contemporary feel by framing your design with padding. It gives a boxed appearance and isolates the main content from your site background.
To achieve a unified look across your website, GeneratePress allows you to customize the main colors—background, text, link, link hover, and form background. Remember to use a consistent color palette that not only represents your brand but also that enhances readability and navigation.
As for typography, GeneratePress offers a vast array of fonts to choose from. You can select different fonts for headings, subheadings, body text and buttons, thereby creating a visual hierarchy and guiding your visitors through the content.
Adventuring in Advanced Design with GenerateBlocks
As a GeneratePress user, you have several options for further advanced design customizations. The GenerateBlocks plugin – made by the same developers – is one option that allows you to expand your designing horizons. This plugin adds four new blocks to your WordPress editor: Container, Grid, Headline, and Buttons
The Container block, for example, is like a blank canvas, where you can mix and match other blocks to create a unique layout. The Grid block, meanwhile, lets you precisely divide your content into columns for an organized and clean look. Headline and Buttons blocks add enhanced customization levels to your headlines and buttons content, respectively.
What sets GenerateBlocks apart is its incredible performance. All its CSS is produced inline and only when necessary, thereby reducing extraneous code to maintain an optimized site. Plus, its focus on functionality makes it an accessible tool for both beginners and experienced developers.
Beyond the Basics: GeneratePress and Custom CSS
All the wonderful GeneratePress customization options provide a robust platform to design a unique and appealing website. However, inserting your custom CSS offers you the freedom to tweak your site to perfection and distinguish yourself from other websites. By understanding how GeneratePress interacts with CSS, you can unearth opportunities for truly custom designs.
Exploring Essential Elements with Inspector Tools
Before you rush off to write custom CSS, you first need to identify the elements you wish to change on your site. Modern browsers come equipped with inspection tools that let you view the HTML and applied CSS rules of your site. Simply right-click on the area you want to modify and select ‘Inspect’ or ‘Inspect Element’, and you’ll see a window with a detailed structure of your webpage.
Understanding how to read this information is crucial. The HTML is displayed in a panel (usually on the left), showing an expandable tree that represents the structure of your webpage. On the other side of the window, you’ll find the computed CSS for the selected element. Do note that not all the CSS shown applies to the selected element—rules may be crossed out, indicating that they’ve been overridden by another CSS rule.
Nowadays, inspecting tools offer more than just a look under the hood—they allow you to experiment with changes in real-time. Feel free to edit or add CSS rules to the selected element and watch how the changes reflect immediately on your webpage. Keep in mind this is temporary—you will have to write these changes in your WordPress theme to apply them permanently.
In conclusion, mastering the GeneratePress WordPress Theme 2024 customization is key to building an engaging, optimized, and visually splendid website. With the blend of intuitive theme options, the power of GenerateBlocks, and your custom CSS, the sky’s the limit for your site design. Enjoy the customization process, experiment with new ideas, and most importantly, have fun creating.
Customizing GeneratePress WordPress Theme
The GeneratePress WordPress Theme is a versatile and highly customizable theme that provides a plethora of options for customization. Whether you’re a blogger, entrepreneur, or a website designer, the GeneratePress theme can be tailored to your specific needs and preferences.
To begin with, the customization option is located in the Appearance menu in your WordPress dashboard labeled ‘GeneratePress’. The theme offers a range of modules for customization, which includes colors, typography, layout, and more. Engaging these modules allows you to adjust the color scheme, font styles, and overall layout of your WordPress website. You can also add background images, spacing, secondary navigation, and blog layout options.
| Customization Options | Features |
| Colors | Allows modifying the color scheme |
| Typography | Offers various font styles |
| Layout | Optimize your website’s look and feel |
| Background Images | Add a personal touch to your website |
| Spacing | Arrange content with the best spacing |
| Secondary Navigation | Introduce additional navigation features |
| Blog layout options | Create a dynamic blog page |
Note: While customizing, ensure that any changes you make enhance the user experience and functional efficiency. Finally, remember to save your changes to see them applied on your website.
Frequently Asked Questions
Navigating the customization process of the GeneratePress WordPress Theme could be strenuous to some. Here are some Frequently Asked Questions relating to customizing the GeneratePress WordPress Theme for the year 2024 answered to make the process simpler for you.
1. What are the essential steps in the set-up of GeneratePress WordPress theme 2024?
Setting up the GeneratePress WordPress Theme requires installation and activation initially. Once you have installed the theme, ensure you activate it in your WordPress dashboard. The GeneratePress Theme can be found by searching in the WordPress theme directory or downloaded and installed from the official GeneratePress website.
The following step involves customization where you tweak the themes to your requirement. You can access customization settings through the WordPress Customizer. This should simplify the process of setting up the GeneratePress WordPress Theme 2024.
2. How do I change the fonts and colors in GeneratePress WordPress Theme 2024?
Editing fonts and colors in GeneratePress is a straightforward task. Given its user-friendly interface, you can access these settings in the WordPress Customizer. Once you’re there, navigate to the Typography option for font changes and Colors option for color changes.
In the typography settings, you can adjust font family, font weight, size, and line height for different elements of your website. Regarding color changes, you can adjust the color of various elements of your site, including the header, content, sidebar, and footer. It’s as simple as choosing a color from the color palette or entering the preferred Hex code.
3. Can I import and export customization in GeneratePress WordPress Theme 2024?
Yes, GeneratePress allows you to import and export your customization settings. This feature is incredibly useful when you want to maintain a consistent look across several websites or wish to backup your settings before trying something new.
To export customizer settings, navigate to Appearance > GeneratePress in your WordPress dashboard, and click on the Export tab. To import settings, use the Import tab in the same location. Just upload the .json file containing your settings, and it should be applied to your site.
4. How can I add a featured image in GeneratePress WordPress Theme 2024?
Featured images add visual appeal to your WordPress posts. To add a featured image in GeneratePress, edit the post where you want the featured image to appear. On the right-hand side in the document setting sidebar, find and click on the ‘Featured Image’ panel and upload your preferred image. Your change will take effect once you update the post.
GeneratePress provides options for fine-tuning how featured images display. You can control the width, height, and alignment of your featured image. Furthermore, you also have the choice to disable the featured image on single posts or archives independently.
5. Can I use GeneratePress WordPress Theme 2024 without coding knowledge?
Absolutely! One of the major benefits of using GeneratePress is its user-friendly interface that doesn’t require coding knowledge. With GeneratePress, you can customize your theme extensively via the WordPress Customizer. This live-editing tool gives you control over the design of your site without needing to touch a single line of code.
For advanced customization, GeneratePress does include hooks and filters for those familiar with PHP and CSS. However, novice users can create a stunning, professional-looking website with GeneratePress without needing to learn to code.
How to Customize GeneratePress Theme | GeneratePress Full Theme Customization 2024
Following our discussion on how to customize the GeneratePress WordPress Theme 2024, it’s clear that the process requires not only technical ability, but also a creative eye. From choosing the ideal color scheme to selecting the perfect layout, every step is integral to make your website stand out. Remember to give thought to the aspect of responsiveness, ensuring that your site looks equally good on all devices.
As we pointed out, the GeneratePress theme’s customization options are vast and versatile. Nonetheless, if you find the process somewhat daunting, remember you can always utilize the pre-made Site Library templates, and then tweak them to your liking. Always test out changes in a staging environment before going live. In this way, you harness the power of GeneratePress to create an engaging and impactful web presence.
Aditional CSS
/* GeneratePress Site CSS */ .inside-article,
.sidebar .widget,
.comments-area, .gb-query-loop-item:not(.sidebar .gb-query-loop-item),.container-widget {
border-right: 0px solid rgba(0, 0, 0, 0.07);
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
border-radius: 10px;
box-shadow: 0 0 10px rgba(232, 234, 237, 0.9);
}
/* End GeneratePress Site CSS */
.entry-content h2, h3, h4, h5, h6 {
font-weight: 500;
padding: 10px 10px 10px 25px;
background-image: linear-gradient(to right, #1399FF 0%, #4DB2FF 51%, #1399FF 100%);
border-radius: 10px;
color: #fff !important;
box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
}
.widget-title {
font-weight: 500;
padding: 10px 10px 10px 25px;
background-image: linear-gradient(to right, #1399FF 0%, #4DB2FF 51%, #1399FF 100%);
border-radius: 10px;
color: #fff !important;
box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
text-align: center;
}
.read-more.button {
font-weight: 500;
padding: 10px 10px 10px 25px;
background-image: linear-gradient(to right, #1399FF 0%, #4DB2FF 51%, #1399FF 100%);
border-radius: 10px;
color: #fff !important;
box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
text-align: center;
}
#rpwwt-recent-posts-widget-with-thumbnails-2 img {
width: 100px;
height: 50px;
}
.rpwwt-widget ul li img {
display: inline;
float: left;
margin: 0.2em 0.75em 0.75em 0;
}
.rpwwt-widget ul li img {
display: inline;
float: left;
margin: 0.3em 0.75em 0.75em 0;
}
.rpwwt-widget img {
border-radius: 4px;
}
img {
height: auto;
max-width: 100%;
}
.wp-block-search__button {
background: linear-gradient(to right, #1399FF 0%, #4DB2FF 51%, #1399FF 100%);
}
.wp-block-search__button {
border-radius: 10px;
font-size: 14px !important;
padding: 8px 20px !important;
text-align: center;
color: #fff !important;
box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px !important;
}
a.gb-button {
font-size: 14px;
padding: 10px 25px;
text-align: center;
transition: 0.5s;
background-size: 200% auto;
color: #fff;
box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
border-radius: 120px;
}
a.gb-button {
background-image: linear-gradient(to right, #1399FF 0%, #4DB2FF 51%, #1399FF 100%);
}
.wp-post-image {
vertical-align: middle;
margin-top: 0px;
border-radius: 12px;
box-shadow: rgba(23, 43, 99, 0.2) 0 7px 28px !important;
}
button, input[type=button], input[type=reset], input[type=submit] {
background-image: linear-gradient(to right, #1399FF 0%, #4DB2FF 51%, #1399FF 100%);
color: #fff;
border: 1px solid transparent;
cursor: pointer;
-webkit-appearance: button;
padding: 10px 20px;
border-radius: 10px;
}
/*end of Alcashzone author box*/
.alcashzone-author-box {
padding: 3%;
padding-bottom: 10px;
margin-top: 30px;
font-size: 0.9em;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
box-shadow: rgb(23 43 99 / 30%) 0 2px 10px;
border-radius: 25px;
}
.alcashzone-author-box .insights-avatar {
width: 250px;
height: auto;
border-radius: 100%;
margin-right: 30px;
}
.alcashzone-author-box .insights-avatar img {
border-radius: 100%;
}
.author-title {
margin-bottom: 0.1em;
font-weight: 500;
font-size:18px;
font-weight:bold;
}
.author-description {
line-height: 1.6em;
font-size:16px;
}
.author-links a {
margin-top: -2em;
font-size: 14px;
line-height: 2em;
font-weight:bold;
color: #04A17A;
float: left;
}
@media (max-width: 768px) {
.bloggingskill-author-box {
padding: 20px;
padding-bottom: 25px;
margin-top: 60px;
margin-bottom: 60px;
flex-direction: column;
text-align: center;
}
.alcashzone-author-box .insights-avatar {
margin-right: 0;
width: 100%;
margin-top: -60px;
}
.alcashzone-author-box .insights-avatar img {
max-width: 100px;
}
.author-links a {
float: none;
align-self: center;
}
.author-description {
margin-bottom: -0.1em;
}
}
/*end of Alcashzone author box*/
/* Entire Site Social Share Design by AlcashZone*/
.alcashzone-float-social-wrapper {
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9999;
}
.alcashzone-float-social-sharing {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
align-items: flex-start;
min-height: 30px;
font-size: 12px;
padding: 14px 10px;
}
.alcashzone-float-social-sharing:first-of-type {
border-top-right-radius: 10px;
}
.alcashzone-float-social-sharing:last-of-type {
border-bottom-right-radius: 10px;
}
.alcashzone-social-facebook {
fill: #fff;
background-color: rgba(59, 89, 152, 1);
}
.alcashzone-social-facebook:hover {
background-color: rgba(59, 89, 152, .8);
}
.alcashzone-social-twitter {
fill: #fff;
background-color: rgba(29, 161, 242, 1);
}
.alcashzone-social-twitter:hover {
background-color: rgba(29, 161, 242, .8);
}
.alcashzone-social-pinterest {
fill: #fff;
background-color: rgba(189, 8, 28, 1);
}
.alcashzone-social-pinterest:hover {
background-color: rgba(189, 8, 28, .8);
}
.alcashzone-social-linkedin {
fill: #fff;
background-color: rgba(0, 119, 181, 1);
}
.alcashzone-social-linkedin:hover {
background-color: rgba(0, 119, 181, .8);
}
.alcashzone-social-whatsapp {
fill: #fff;
background-color: rgba(37, 211, 102, 1);
}
.alcashzone-social-whatsapp:hover {
background-color: rgba(37, 211, 102, .8);
}
.alcashzone-social-telegram {
fill: #fff;
background-color: #1ba2f1;
}
.alcashzone-social-telegram:hover {
background-color: #2686C6;
}
/* After Post Social Share Design by loan patrika*/
.alcashzone-social-wrapper {
margin: 30px 0;
font-size: 0;
}
.alcashzone-social-wrapper span {
font-weight: bold;
padding-right: 10px;
font-size: 16px;
}
.alcashzone-social-sharing {
font-size: 17px;
padding: 7px 20px;
}
@media only screen and (max-width: 600px) {
.alcashzone-social-sharing {
font-size: 17px;
padding: 6px 17px;
display: inline-block;
}
.alcashzone-social-wrapper {
margin: 30px 0px;
font-size: 0;
}
}
.alcashzone-social-sharing svg {
position: relative;
top: 0.15em;
display: inline-block;
}
.alcashzone-social-sharing:first-of-type {
border-radius: 100px 0 0 100px;
}
.alcashzone-social-sharing:last-of-type {
border-radius: 0 100px 100px 0;
}
.alcashzone-social-facebook {
fill: #fff;
background-color: rgba(59, 89, 152, 1);
}
.alcashzone-social-facebook:hover {
background-color: rgba(59, 89, 152, .8);
}
.alcashzone-social-twitter {
fill: #fff;
background-color: rgba(29, 161, 242, 1);
}
.alcashzone-social-twitter:hover {
background-color: rgba(29, 161, 242, .8);
}
.alcashzone-social-pinterest {
fill: #fff;
background-color: rgba(189, 8, 28, 1);
}
.alcashzone-social-pinterest:hover {
background-color: rgba(189, 8, 28, .8);
}
.alcashzone-social-linkedin {
fill: #fff;
background-color: rgba(0, 119, 181, 1);
}
.alcashzone-social-linkedin:hover {
background-color: rgba(0, 119, 181, .8);
}
.alcashzone-social-whatsapp {
fill: #fff;
background-color: rgba(37, 211, 102, 1);
}
.alcashzone-social-whatsapp:hover {
background-color: rgba(37, 211, 102, .8);
}
.alcashzone-social-reddit {
fill: #fff;
background-color: rgba(255, 87, 0, 1);
}
.alcashzone-social-reddit:hover {
background-color: rgba(255, 87, 0, .8);
}PHP social Media Button entire Site
<?php
$alcashzoneURL = urlencode(get_the_permalink());
$alcashzoneTitle = urlencode(get_the_title());
$alcashzoneImage= urlencode(get_the_post_thumbnail_url(get_the_ID(), 'full'));
?>
<div class="alcashzone-float-social-wrapper hide-on-mobile hide-on-tablet">
<a class="alcashzone-float-social-sharing alcashzone-social-facebook" href="https://www.facebook.com/sharer/sharer.php?u=<?php echo $alcashzoneURL; ?>" 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="alcashzone-float-social-sharing alcashzone-social-twitter" href="https://twitter.com/intent/tweet?text=<?php echo $alcashzoneTitle;?>&url=<?php echo $alcashzoneURL;?>&via=alcashzone" 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="alcashzone-float-social-sharing alcashzone-social-pinterest" href="https://pinterest.com/pin/create/button/?url=<?php echo $alcashzoneURL; ?>&media=<?php echo $alcashzoneImage; ?>&description=<?php echo $alcashzoneTitle; ?>" 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="alcashzone-float-social-sharing alcashzone-social-linkedin" href="https://www.linkedin.com/shareArticle?url=<?php echo $alcashzoneURL; ?>&title=<?php echo $alcashzoneTitle; ?>&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="alcashzone-float-social-sharing alcashzone-social-whatsapp" href="https://api.whatsapp.com/send?text=<?php echo $alcashzoneTitle; echo " "; echo $alcashzoneURL;?>" 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="alcashzone-float-social-sharing alcashzone-social-telegram" href="https://telegram.me/submit?url=<?php echo $alcashzoneURL;?>&title=<?php echo $alcashzoneTitle; ?>" 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>Social Media Button Under the Post
<?php
$alcashzoneURL = urlencode(get_the_permalink());
$alcashzoneTitle = urlencode(get_the_title());
$alcashzoneImage= urlencode(get_the_post_thumbnail_url(get_the_ID(), 'full'));
?>
<div class="alcashzone-social-wrapper"> <span class="hide-on-mobile">Sharing Is Caring:</span> <a class="alcashzone-social-sharing alcashzone-social-facebook" href="https://www.facebook.com/sharer/sharer.php?u=<?php echo $alcashzoneURL; ?>" 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="alcashzone-social-sharing alcashzone-social-whatsapp" href="https://api.whatsapp.com/send?text=<?php echo $alcashzoneTitle; echo " "; echo $alcashzoneURL;?>" 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="alcashzone-social-sharing alcashzone-social-twitter" href="https://twitter.com/intent/tweet?text=<?php echo $alcashzoneTitle;?>&url=<?php echo $alcashzoneURL;?>&via=alcashzone" 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="alcashzone-social-sharing alcashzone-social-pinterest" href="https://pinterest.com/pin/create/button/?url=<?php echo $alcashzoneURL; ?>&media=<?php echo $alcashzoneImage; ?>&description=<?php echo $alcashzoneTitle; ?>" 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="alcashzone-social-sharing alcashzone-social-linkedin" href="https://www.linkedin.com/shareArticle?url=<?php echo $alcashzoneURL; ?>&title=<?php echo $alcashzoneTitle; ?>&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="alcashzone-social-sharing alcashzone-social-reddit" href="https://reddit.com/submit?url=<?php echo $alcashzoneURL;?>&title=<?php echo $alcashzoneTitle; ?>" 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>Auther Box
<div class="alcashzone-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://alcashzone.com/about-us/" title="Contact this author">About Us</a>
</div>
</div>
</div>