• About WordPress
    • WordPress.org
    • Documentation
    • Support
    • Feedback
  • Log In
  • Register
  • Skip to primary navigation
  • Skip to main content
  • Skip to footer

1-855-377-5577

[email protected]

  • Facebook
  • Instagram
  • Twitter
  • YouTube
Energy Bright University

Energy Bright University

Study awareness, energy and personal growth

  • The Course
  • Departments
    • Fun
    • Heart
    • Love
    • Collective mind
    • Money
    • Earth
    • Energy
    • Body
    • Values
    • Dreaming
    • Enhanced learning
    • Time
    • Skills
    • Inner awareness.
  • Resources
    • Reading
  • Blog
Contact Us

Sample post with advanced post formatting

You are here: Home / Uncategorized / Sample post with advanced post formatting

December 11, 2017 by Anton Leave a Comment

There are lots of powerful things you can do with the WordPress editor

If you’ve gotten pretty comfortable with all the basics of writing in WordPress, then you may enjoy some more advanced tips about the types of things you can do!

As with the last post about the editor, you’ll want to be actually editing this post as you read it so that you can see all the cool stuff we’re using.

Special formatting

As well as bold and italics, you can also use some other special formatting in the editor when the need arises, for example:

  • strike through
  • highlight
  • *escaped characters*

Writing code blocks

Code elements can be created in the editor by switching the text style to Preformatted. Code is formatted by wrapping any word or words in pre tags, <pre>like this</pre>. Larger snippets of code can be displayed across multiple lines like this:

.my-link {
    text-decoration: underline;
}

Full width images

One neat trick which you can use in WordPress to distinguish between different types of images is to add a class value to the image itself from the Advanced Settings tab, and then target images containing the class with special styling. For example:

which is styled with…

img.full-width {
    max-width: 100vw;
}

This creates full-bleed images in the Corporate Pro theme, which stretch beyond their usual boundaries right up to the edge of the window. Every theme handles these types of things slightly differently, but it’s a great trick to play with if you want to have a variety of image sizes and styles.

Full HTML

Perhaps the best parts of the WordPress editor is that you’re never limited to just WYSIWYG. You can write HTML directly in the WordPress editor and it will just work as HTML usually does. No limits! Here’s a standard YouTube embed code as an example:

Share this:

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)

Related

Category iconUncategorized

Subscribe to our newsletter

Get the latest posts delivered right to your inbox

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Ready to start your inner peace journey?

Start by doing what's necessary, then do what's possible.

Footer

Corporate Pro

Get a professionally designed website to build trust in your customers.

555-4-49485

[email protected]

Sitemap

  • Home
  • Portfolio
  • FAQs
  • News
  • Contact

Company

  • Gallery
  • Pricing
  • Shop
  • Cart
  • My account

Newsletter

Get the latest news, events and announcements straight to your inbox.

  • Facebook
  • Instagram
  • Twitter
  • YouTube

Copyright © 2023 SEO Themes. All rights reserved. Return to top

 

Loading Comments...