How to Add Social Icons to About Page or Footer?

Using Themes
1

Am new to Hugo and am trying to place Social Icons (GitHub, LinkedIn & Footer) to a specific page (e.g. About page or Footer).

Using: hugo v0.128.2 and the FixIt 2 theme.

Inside my hugo.toml file (which is located in the root folder), have the appropriate values inside this section:

[params.social]
GitHub = "myGitHubUser"
LinkedIn = "myLinkedInUser"
Twitter = "myTwitterUser"

Have an About page inside:

project_folder
|
|-content
   |
   about.md

about.md:

+++
title = 'About'
date = 2024-07-18T00:55:21-07:00
draft = false
menus = ['main']
class = 'center'
+++

About Me

Tried putting social = true inside the top+++ +++ section but nothing (GitHub, LinkedIn, and Twitter icons) comes up inside the About page? These icons do come up inside my home page (about my posts) when I set this inside hugo.toml:

[params.home]
  [params.home.profile]
  enable = true
  social = true

How can I make them only appear in a specific page that I want (e.g. About page or Footer) Also, how could I position (right, center, or left) them?

2

Please continue the conversation here:
https://github.com/orgs/hugo-fixit/discussions/459

1 Like