Snippets

You might find various use cases of Recursive Vue Components where the Source is based on some Nested Array. What we are going to demonstrate here is Recursive Element Implementation from Tags. Let’s say we want to create a Sidebar for Admin Panel and want to make it look minimal in coding. <sidebar-item name="Dashboard" link="#"> <sidebar-item name="Dashboard Default" link="/dashboard"></sidebar-item> <sidebar-item name="Dashboard eCommerce" link="/dashboard-ecommerce"></sidebar-item> </sidebar-item> <sidebar-item name="Components" link="/components"></sidebar-item> Actual implementation of each sidebar item would be more like this:...

Open functions.php from your WordPress Child Theme and add the code below: add_action('wp_footer', 'add_whatsapp_icon'); function add_whatsapp_icon() { echo'<a style="display:block;position:fixed;left:15px;bottom:10px;z-index:1000;" href="https://wa.me/918888888888?text=Hi"><img src="https://dwij.net/resources/whatsapp.svg" style="width:50px;height:50px;"></a>'; } Make sure to update Phone Number. You may also need to update whatsapp.svg url to support Cross-origin Resource Sharing (CORS). Download SVG file from https://dwij.net/resources/whatsapp.svg.