A few of you might remember when I first made a post on WordPress tips & tricks.
I look back on that post and cringe sometimes. Because how did I, a baby blogger, think I was qualified to give that kind of advice??…. But somehow, it’s my most liked post on this blog, and here I am with enough advice to post a part two of that post! Hopefully, this one will be better formatted, more helpful, and less embarrassing? (In all seriousness though, I’ve figured a few cool tricks out, and I can’t wait to share them!!)
How to make your text different sizes in the same paragraph
I did include how to do this in my first WordPress tips and tricks post, but little did I know while making that post that there were other ways to make your text different sizes in the same paragraph.
The code I gave back then was:
<span style=”font-size: _pt;”>new size text</span>
where you could input the blank before pt with any number of your choosing, the bigger the number, the bigger the text size.
But, there’s another, more popular and easy way of changing text size, which are
<big>big text</big> & <small>small text</small>
I find using these two codes more preferable to the first one I gave, because 1) typing <big></big> and <small></small> is way quicker than typing <span style=”font-size: _pt;”></span>, and 2) if you use, <big></big> and <small></small>, the different text size will actually appear on the Reader. The only con to the two new codes I gave is that you can’t customize how big or small the text is, but I’m personally super happy with it already!
Adding gifs to your posts
I’m sure we all love adding gifs to our posts—they are such great ways of adding color and liveliness to them! But sometimes I have a problem loading the gifs in other people’s posts. And I once had that problem myself, but now I’m confident that my gifs load almost all the time!
Here’s how to add gifs to your posts that almost always load without error:
✨ Get your gifs from google images ✨
It’s as easy as:
- typing “[what kind of gif you want] gif” on the search bar
- clicking on the image results
- copy imaging the gif you want, and then
- pasting it on your post.
Centering multiple images
I’m so annoyed that WordPress does not have a more easy option to do this! Usually, people align their images in a row using the gallery block, but from my experience with it, the gallery block can get a little funky. There’s a much easier, nicer-looking way of displaying multiple images in a row.
In case you didn’t know, WordPress has an option for you to center paragraphs:
read diverse books
The code to center align paragraphs is <p class=”has-text-align-center”></p>. This code is supposed to be for text only, but to center multiple images, I insert images into this code.
As you can see here:
Customizing the post excerpts that appear on your homepage
I’m sure ya’ll have seen at least one blog that has post excerpts displayed all over its homepage. You know, that Continue reading → link that takes you to the rest of the post? Some themes naturally have this link built in, and others, like the one I’m using right now, only display the entire post on the homepage.
So if you want to customize your post excerpts or add excerpts to the posts, use the more block!
It allows you to do just that, and you can even customize what it says!
It says “Read more” by default, but I always replace it with Continue reading →.
Adding the toggle button to your posts
I’m not sure if toggle button is the right term for it. But, I’m referring to that button that hides things. I put my content warnings under it in case people don’t want to read CWs! Here’s an example of what I’m talking about:
You should readThis Mortal Coil.
Adding this button only requires a simple piece of code, and I’ve seen multiple bloggers share it already, but if you don’t know yet, here it is:
<details><summary>text that isn’t hidden</summary>text you want hidden</details>
Side note: Don’t you just love the toggle button??? Whenever I see/use it, I always have to click on it at least four times, because seeing the text appear and disappear is so mesmerizing for some reason.
Making post titles bold, italicized etc.
So, if you choose to edit your post as HTML in the web browser, and you add <b></b> to the post title there, somehow it won’t work??? Like, your post title will literally be <b>Post Title</b>, instead of Post Title.
BUT, if you choose to edit your post as HTML in the phone app for WordPress, it’ll work!
Figuring this trick out is the crowning achievement of my WordPress career! I was just randomly fooling around when I was able to do it, and I can’t believe my luck!!
You can also italicize the title using <i></i>. I’ve tried to underline it with no luck, and I’m still figuring out which codes work on the post title, but for now, just know that you can bold and italicize!
And, that’s it! I’m really not a good advice giver, so I’m sorry if this post is just gibberish to you. But I hope it was helpful in some way!! Feel free to comment down below if you need me to clarify something. 💗