All damn day today I’ve been dicking around with WordPress trying to customize certain parts. I find editing blocks both frustrating and flexible. There are so many more things you can do with WordPress than when I first started using it. But the new system using blocks sometimes is confusing and it’s hard to find how to customize certain features. I decided to use this year’s default theme, Twenty Twenty-Two. It’s a clean theme and the block editor allows enough customization to make each site unique.
Today I added the privacy policy page and was trying to add items to that link menu. Not because I need to add any links but because I wanted to know how it works. It’s maddening! I’m clicking around and nothing seems to happen. I think I finally figured it out. A plus sign was buried underneath another plus sign. I was clicking in the wrong place!
Adding a font to the theme is straight forward. However, you have to edit the theme.json file. I copied the code that’s already there, inserted it in the correct place, and made the appropriate changes for my font. I missed a comma and a bracket. Holy shit! I couldn’t see what I missed. I must have wasted a half hour on that. I finally found what I missed and it all works now. Here’s the code I inserted.
{
Those last damn straight and curly brackets and the comma that killed me.
“fontFamily”: “\”Comfortaa\”, sans-serif”,
“name”: “Comfortaa”,
“slug”: “comfortaa”,
“fontFace”: [
{
“fontFamily”: “Comfortaa”,
“fontWeight”: “200 900”,
“fontStyle”: “normal”,
“fontStretch”: “normal”,
“src”: [ “file:./assets/fonts/comfortaa/Comfortaa-Regular.ttf” ]
},
{
“fontFamily”: “Comfortaa”,
“fontWeight”: “200 900”,
“fontStyle”: “bold”,
“fontStretch”: “normal”,
“src”: [ “file:./assets/fonts/comfortaa/Comfortaa-Bold.ttf” ]
}
]
},
Another customization I wanted is to remove the underline from links that are not part of the content of a post or page. There is no setting anywhere in the Twenty Twenty-Two theme that does this. I spent another half our or so clicking around all the settings. Internet search to the rescue. It’s a good thing more times than not someone has already asked the question for which you need the answer. This one was easier and worked like a charm. For this one you add the code to the style.css file for the theme you’re using. Here’s the code.
/* Removes underline from links except main content area of posts and pages */
a {
text-decoration: none!important;
}.entry .entry-content a {
text-decoration: underline!important;
}
Here’s what the basic site looks like right now.
I was unable to move forward with actual podcast stuff because of these issues today. Hopefully tomorrow but I’ll be out of my office most of the day so who knows!
Leave a Reply