Houzz Icon for Blocksy Theme Socials Block


Table Of Contents

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. Fortunately 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.

Two of the best are Advanced Scripts and WPCodeBox, but they aren’t free. If you want a really good freebie there are also two good ones, WPCode and Woody Snippets. I don’t recommend Code Snippets because it only inserts PHP in the free version and I haven’t tried the Pro plugin.

Although Ad Inserter is intended for ads, it really blows the others away in capabilities, especially for insertion control. It is a more complex tool though. I use it for custom insertion points that the other can’t match.

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 414 times, 1 visits today)

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.

Technical Nuggets of Knowledge
Scroll to Top