The social footer is one of my plugins. I have created this plugin to avoid writing code over and over and static codes in HTML for showing social icons or social footer.
![](https://blogs.ontoorsolutions.com/wp-content/uploads/2023/01/preview-25.gif)
This plugin allows the developer to provide the query, which can use to fetch icons, and label text. configuration option to set up the color.
![](https://blogs.ontoorsolutions.com/wp-content/uploads/2023/01/image-183.png)
Query attributes
#LINK_TEXT#
#LINK_URL# \ #ICON#
Sample query
Select '#' LINK_URL,
'Facebook' LINK_TEXT,
'fa-facebook' ICON
FROM DUAL
UNION
Select '#' LINK_URL,
'Twitter' LINK_TEXT,
'fa-twitter' ICON
FROM DUAL
UNION
Select 'https://www.github.com' LINK_URL,
'GITHub' LINK_TEXT,
'fa-github' ICON
FROM DUAL
UNION
Select 'https://www.google.com' LINK_URL,
'Google' LINK_TEXT,
'fa-google' ICON
FROM DUAL
Steps
- Download Plugin
- Install to your application
- Add a region to your global page/ any page where you want to see the social footer
![](https://blogs.ontoorsolutions.com/wp-content/uploads/2023/01/image-184-1024x426.png)
Configuration:
background Color: { "refresh": 0 ,"backgroundColor":"lightsalmon"}
![](https://blogs.ontoorsolutions.com/wp-content/uploads/2023/01/image-185-1024x275.png)
Source: