WordPress Tips & Tricks Part TWO // ft. Making Post Titles Bold, Centering Multiple Images & more

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:

  1. typing “[what kind of gif you want] gif” on the search bar
  2. clicking on the image results
  3. copy imaging the gif you want, and then
  4. 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.

33876440. sy475 33876440. sy475 33876440. sy475

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.

Image result for shiny eyes gif

Making post titles bold, italicized etc.

in case you didn’t notice my post title

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. 💗

Did you find this post helpful? Do you like coding? What’s your most useful WordPress tip/trick?

50 thoughts on “WordPress Tips & Tricks Part TWO // ft. Making Post Titles Bold, Centering Multiple Images & more

  1. Omg the toggle thing I never knew that; thanks heaps! The big small text thing is helpful too I might use it sometime; I think I stumbled upon the header thing on mobile once by accident but good to know it’s actually a thing. Love the post, hope you do more 🙂

    Liked by 1 person

    1. Yay, I’m so glad that this post was able to help you, Cas! Even though a lot of people use these codes, they’re a little hard to stumble upon for those who still don’t know.
      Haha, it’s so cool that we both accidentally discovered the title thing! Thank you so much :)) Haha, Idk about more because there’s only so much WordPress hacks but hopefully someday ❤

      Liked by 1 person

  2. This is brilliant! Thank you so much! I had *no idea* how to do the different text sizes for paragraphs and that was bugging me so legit, bless you.

    even though I am babyblogger^tm, I had some ideas – there’s a post format called ‘Offset’ that lets you add multiple pictures and centres them for you! It may be easier than coding though coding looks nicer

    I had NO idea the Toggle button existed but I chuckled to myself reading that you had to click it at least four times, right after I had clicked it at least four times! You get me

    Liked by 1 person

    1. Aww, thank you so much! I’m so glad to be of help! I feel like most bloggers already know how to do the different text thing, but the thing is, you have to discover it by yourself, so I really wanted to help people discover it!

      Oooo, welcome to the book blogging community! I really hope you stay for a long time ❤ Ohh, I didn't know about Offset! Thank you so much for the tip!

      OMG right?? It's such an addictive button I swear!! I'm so obsessed with making the hidden text appear then disappear 😅

      Like

  3. The toggle button is actually my enemy, because it always takes me about an hour to make it look decent. 😦

    But I think you just saved my life with the “Centering multiple images”!! I recently made a post where I spent more than an hour trying to center multiple books, but I eventually gave up because it wasn’t working (I guess I have no life, haha). I think your code will work better for me, though! 💕 This is such a helpful post, and I had never thought about getting gifs from Google!

    Liked by 1 person

    1. Ahh, if you mean that it takes you a long time to make the things it hides look decent, I just write that using the visual editor, copy the code version of it, & then paste it inside the toggle button 😂

      Yes!! Omg when I found that trick out my life was *saved*. I don’t know why WordPress doesn’t have an easier option to do it!! I spent like, an hour trying to figure it out too, so I feel your pain 😭 glad I helped!! Ahh thank you 💖 Google is such an easy place to get gifs, but you honestly don’t have to worry because your gifs always load perfectly fine for me :))

      Like

  4. AH CAITLIN QUEEN OF BLOGGING IS BACK with another incredible post filled with tips ahh I love this. Thank you for sharing all of these wonderful tips, definitely bookmarking this ❤ I recently found out how to center multiple images as well, before I was just so frustrated about it all the time, I gave up hahaha. And I did not know that the different text sizes would not appear on the reader if I used a specific font size! Thank you for letting me know!! 🙂
    Amazing post! ❤ ❤

    Liked by 1 person

    1. Ahh, Marie 😭💗 *blushes* (we all know that /you’re/ the queen of blogging though!)
      I know! I think I once spent a solid hour trying to center multiple images, & I’m glad that it paid off! Yeah, only the & codes work on the Reader! (Another thing I hate the Reader for, honestly.) So glad to be of help 💖💖
      Thank you so much :))

      Liked by 1 person

  5. Ooh, this post is so great Caitlin!! I use Giphy to get gifs, but I might try out google images now too since sometimes you really got to search for the *perfect* reaction gif. I had no idea about editing the post title!! This opens up a whole new world of opportunities 😍😍

    Since I have to code for some of my classes I hold by the rule that all coding is evil and I despise it, but I actually don’t mind HTML that much! I love how just a teensy bit of coding can make a blog so much more readable. I don’t think I ever will come around to C++ or Java though 😅

    Liked by 1 person

    1. Wait, how do your gifs work even though you use Giphy?! I used to use it for gifs too, and my gifs would always have a problem loading 😭 Me too!!! Still proud of myself for figuring it out haha :))

      lol, I’m probably gonna take Computer Science in college, so I guess it’s important to learn some code now! Even though I know this one is much easier and super basic 😅 my sister is a Computer Science Major, & she’s dying bc of her coding classes! She hates C++ and Java too! I think Python is her fave, but not by much ://
      But yeah, coding helps me out as a blogger so much! There are so many things that WordPress doesn’t offer visually, so the only option left is to code 😩

      Liked by 1 person

  6. I love the post! It’s always fun to tweak WordPress and make it do some cool things 😄 I also had no idea that you could customize the title and make it bold, that’s great!! I’ll definitely have to try that out 👍 I also love the This Mortal Coil appreciation that’s woven through this post 😉🥰

    Liked by 1 person

    1. Thank you! And yes!! I hate that WP makes it hard to do a lot of cool things normally, so I love that I get to “cheat” it in a way by using html and other tips and tricks! Lol, TMC was the last book I’d finished while writing that post and its amazingness was still stuck in my mind :”)

      Liked by 1 person

  7. Hey Caitlin! This is such an awesome post! I’ve bookmarked this to use later! I knew a couple of the tips you mentioned but the one about bolding titles?? mind. blown. loved reading your tips!

    Liked by 1 person

  8. This is such a helpful post! I didn’t know about most of your tips, so you’ve just changed my entire blogging life XD thank you so much! Now I can’t wait to use the toggle function in my future reviews

    Liked by 1 person

  9. This is really really helpful! I saw the different font sizes in the same paragraph in your other advice post, and this is really helpful! The toggle function also is really helpful! I’ll definitely use it for future reviews and posts and stuff! Anyways, thanks for writing this post!

    Liked by 1 person

    1. I’m so glad, Aria! I love changing font sizes and using the toggle function! I feel like most bloggers already know how to do it, but everybody had to figure it out themselves, so I really wanted to assist people who hadn’t found out yet! Again, I’m super happy that I was able to help you even a little bit!

      Liked by 1 person

Leave a Reply to juli Cancel reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s