Stage 1 – Getting started
Install this plugin: https://www.ads-software.com/plugins/custom-content-type-manager/
Go to the “Custom Fields” section of the dashboard: https://snag.gy/oWEt2.jpg
Stage 2 – Creating a Custom Field
I’ll be demonstrating one that I created earlier.
- Select “Create Custom Field”: https://snag.gy/HvRr5.jpg
-
Select the “Create Text” button: https://snag.gy/jaGay.jpg
- In “Label” enter “Circle text link”: https://snag.gy/KeKvp.jpg
-
In “Name” enter “circle_text_link”: https://snag.gy/6rQ1o.jpg
- Scroll down. Underneath “Associations” tick the “post” checkbox: https://snag.gy/X3guN.jpg
- Press “Save”: https://snag.gy/6JJae.jpg
Then edit the post that you want the text under the circle to link to, e.g: https://snag.gy/eThRZ.jpg
You should then be able to see the custom field “Circle text link” that you just created: https://snag.gy/jdAWm.jpg
That’s where you put the URL that the text under the circle should link to. It can be blank if you don’t want it to link to anything.
Stage 3 – Coding
- Copy the “content-home.php” file from the theme and paste it into your Child Theme folder
- Edit that “content-home.php” from within your Child Theme folder and replace all of its code with the code from this PasteBin page: https://pastebin.com/mKbfHfHJ
- Then edit your Child Theme style.css file
- Right at the bottom of your Child Theme style.css file add the following code:
.hentry .circle-link-text,
.hentry.no-thumbnail .circle-link-text {
opacity: 1;
background: none;
height: auto;
}