Houzz Icon for Blocksy Theme Socials Block


( Share the Noogies )

I like to use a lot of different page builders and themes for WordPress. Blocksy is one of my new favorites. It has a header and footer block called “Socials”, and although it has almost every social icon from popular social media, it is missing some. Fortunantly they gave us an add_filter option to add our own social media icons to the Socials block.

One of my very good friends needed an updated site for his construction company and needed the Houzz icon for the header and footer, so I grabbed the Houzz media tools, created an SVG file in Adobe Illustrator, and optimized it for this purpose. It’s a very simple svg file.

Link to the Creative Themes – Blocksy example: Add a custom social network

Blocksy add_filter Houzz Code

Notice

Place this in your functions.php file of the Blocksy theme or use a code insertion plugin to load it.

I’ve also noticed this code display plugin is not able to keep WordPress from changing the single apostrophe to right single quotes. Looks like it’s WordPress that is doing it. You will have to change them before you impliment this. Visual Studio Code is a good tool for this. Use CTRL + H to replace them all at once, then copy and paste it into your functions.php or plugin. BTW, the WordPress block for code does the same thing.

Here’s a copy of the filter for WordPress Blocksy theme

// -[ Houzz Icon for Blocksy Socials ]-
// - Houzz Pro Blue = #0066c3
add_filter('blocksy:social-box:dynamic-social-networks', function ($networks) {
  $networks[] = [
    'id' => 'houzz',
    'name' => __('Houzz', 'blocksy'),
    'icon' => ' <svg
      class="ct-icon"
      width="20px"
      height="20px"
      viewBox="0 0 54 60">
      <polygon points="34 60 54 60 54 25.5 14 14 14 0 0 0 0 60 20 60 20 40 34 40 34 60"/>
    </svg>',
  ];

  return $networks;
});
(Visited 36 times, 1 visits today)

( Share the Noogies )

Leave a Review

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Disclaimer

Technoogies.com has made every effort to ensure that the information provided is correct but is not advice. Technoogies will not accept any responsibility or liability for any errors or omissions. Technoogies Authors do not vouch for third party sites. Visit third party sites at your own risk. Technoogies is not directly partnered with any vendor or third party. This website uses cookies only for analytics and basic website functions. Technoogies does not accept any liability that might arise from accessing the data presented on this site. Links to internal pages promotes the content of Technoogies. This article does not constitute legal advice.

Disclosure of Affiliations

Technoogies.com is affiliated with Google, Amazon, and other advertisers. Running this site costs money and if it can’t sustain itself through ad's, it’ll go bye-bye. Please help me to keep that from happening with your patronage of ads that are of interest to you.

Scroll to Top