E4. How to add another social icon in Tempera?

Extra social icons can be added or existing social icons images can be changed using a child theme.

0. Download the sample extra socials child theme – [for v1.6.0 and newer] or [for v0.9 to v1.5.2].

1. Find an image for you new social that fits in with the existing icons you will be using. Use the provided NewSocials.psd to match the layout and shadow. Create a 26×26 pixels transparent PNG for it. Place that image as tempera-extrasocials/images/socials/YourIcon.png

2. Edit the provided functions.php file to define/rename your new social icon(s). Your new social icon(s) will then appear in Tempera’s settings page (Appearance > Tempera Settings) and once you enable it (them) also on the website.

3. Install the child theme via WordPress or manually upload the tempera-extrasocials folder to your wp-content/themes site’s folder. Using a child theme makes sure you will not lose your changes on theme updates. Use it as the basis for all your future customization or merge the contents of the functions.php file (and the images folder) with your existing child theme.

4. Activate the new child theme in Appearance > Themes. As you theoretically changed themes, you will need to re-assign the following things (if they were previously set): background image, header image, menu(s) association(s).

PS: You can add one, several or no social icons.

PS2: You can use the child theme to only replace the social icons images, by adding all your custom images in the tempera-extrasocials/images/socials/ folder (using exactly the same name as the originals).