WordPress Entry-content

WordPress Entry-content The plugin is used to display the WordPress content. The shortcode can be inserted into any post or page. This shortcode displays the content of a specific WordPress post in a full column along with featured image and excerpt, as well as meta information including title, author, category, thumbnails and comments.

Now you can quickly create a powerful homepage for your WordPress site without going to any extent of coding. Just make a few clicks to give your homepage the functionalities like creating pages and posts, add videos and images in thumbnails, arrange galleries, add integrated social networking profiles, logo and top navigation bar etc. You will also find the plugin useful for its extensibility as well.

Adding Title and Content Blocks

The WordPress block editor comes with a clean writing interface. At the top, you will enter your post’s title.

Add a title for your post

To add content, you need to add a block. There are multiple add block buttons on the screen that you can click to select and add a block.

Add block buttons

If you don’t want to use a mouse to click on the button, then you can use a keyboard shortcut by typing / to search and add a block.

Select a block while writing

All content elements are wrapped in a block. WordPress comes with blocks for all the common content items including paragraphs, columns, images, galleries, embeds, shortcodes, widgets, and more.

Some WordPress plugins may also add their own blocks to add other features like contact forms, SEO, etc (more on this later in the article).

Increase/Decrease Margins

Let’s say that you think that there is too much or not enough white space in a certain area in your theme on a certain device.

This is the case for me with the Twenty Seventeen theme.

I think there is way too much white space above the real body content, so I want to remove it.

First I inspect the white space with the chrome inspector, and find out where the padding/margin is coming from.

Twenty Seventeen WordPress Theme CSS Padding

And then I inspect it to find out what classes/ID I can target to change. (Ctrl + Shift + C in Google Chrome)

This particular element is affected by media queries, so I need to make sure to add them to my custom CSS, and target the devices I want to change.

I am happy to just change the look on desktops, so I add a media query for min-width 48em, and adjust the padding down to 2 em.

12345@media screen and (min-width: 48em) {.site-content {    padding: 2em 0 0;}}

And enter that into the customizer and update.

Twenty Seventeen WordPress Theme New CSS Padding

And you can instantly see the results. Much less white space above the main content of the blog.

(Another reason the additonal CSS function in the customizer is the superior way to add CSS, is the real-time previews you get on your code edits.)

Word Stats

“A suite of word counters, keyword counters and readability analysis for your blog.”

When you hear the phrase “linguistic diagnostics” what comes to mind? This may not mean much to you now, but this will all change, once you install the WordPress plugin -Word Stats

With this WP robot tool, you gain access to a variety of tools to help improve the quality of your WP content.

My favorite feature is the reports page, as this allows you to analyze content for a particular author. It provides the following information:

  • Word count.
  • Post types broken down by number and percentage.
  • Top 20 keywords.
  • A graph showing monthly word count per post type.

Best yet, there is a diagnostic table that links to old and new posts that need your attention as they reduce your chance of getting them shared on social media or attracting engagement from your audience. This includes those that are too short, too difficult for readers to understand or that include too many keywords.

The way your content reads is important to your overall success. Let the Word Stats plugin be your guide, as you attempt to create higher quality WP content.

image08

Adding Images, Videos, & Other Media

You can add images by simply adding the image block and then upload or select the image you want to add.

Add an image block

If you want to text and image next to each other, then you can use the ‘Media & Text’ block. This block helps you wrap text around the image in WordPress.

Media and text block

WordPress editor also comes with a Gallery block that you can use to display images in rows and columns with a grid layout.

Simply add the Gallery block and then upload or select the images from your WordPress media library.

Adding image gallery

While the gallery block is powerful, you may need other advanced gallery features like albums, image sorting, etc. In that case, we recommend using one of these WordPress gallery plugins.

Want to embed a video in your content? No problem.

The default WordPress editor comes with embed blocks for all popular providers.

Add embed blocks

You can also just copy and paste the video URL to a paragraph block, and WordPress will automatically convert it into a video embed block.

Embedding a YouTube video

While you use the video block to upload videos directly to your website, we recommend against that because it will slow down your website and can even crash your WordPress hosting server.

Instead, we recommend uploading your videos on a service like YouTube or Vimeo, and then embed it in your WordPress posts.

 PrePost SEO

“WordPress SEO plugin: Check Plagiarism / Duplicate Content, Broken Links, Keyword density, content, meta tags, images optimization, etc.”

When it comes to your content, there’s not much that this WordPress plugin can’t do. Are you worried about duplicate content on your WordPress site? You’re covered. What about keyword density? Once again, PrePost SEO does all the work for you.

Some of the top features include:

  • Link counter.
  • Pinpoint any broken links in your text.
  • Calculate keyword density.
  • Analyze meta tags.
  • Suggestions on how to improve your content.
  • Post title optimization.

As you can see, the PrePost SEO plugin does it all. From the content itself to the Yoast SEO, you can rely on this tool to show you the way before you publish.

Tip: using this plugin will train you to become a better writer. Over time, you’ll learn what your content should entail as well as what you need to avoid.

image07

Style Individual Headers

The second easy hack to completely change the look of your site is to style your headers differently.

Again, the Twenty Seventeen theme has quite boring headers, let’s take a look at how we can spice them up a little bit.

The first step, again, is to inspect the header using Google Chrome Developer tools.

Hover over the headers you want to change, and you can quickly see which classes and styles apply to them.

We see here that the classes in question are “.single-post .entry-title”. The classes in grey targeting the same code are not active on this page, and can be ignored, unless you want to apply these changes to both single posts and pages.

A very simple change we can make, is changing the color of the header & increasing font size & weight.

12345.single-post .entry-title { font-size:2em; font-weight:900; color:blue;}

This will give the header a lot more impact. (Specifically, only the headers for single post pages. The headers on the blog page or single pages will remain unchanged.)

Since there are media queries in the theme, we need to overwrite them in the same way.

(If you followed the previous step, you can add it to the same query.)

Bigger Better Title Header CSS in WordPress Twenty Seventeen Theme

You can also edit the header in other ways, such as adding a borders above and below (or just below).

12border-top: solid 2px blue;border-bottom: solid 2px blue;

The reason the borders cover the whole section and not just the area the text occupies, is that the h1 is set to act as a “block” element.

To only follow the text, we need to set the it to the “inline-block” property.

This means that the element doesn’t automatically occupy the entire width of the parent container.

WordPress Theme Header Edited With CSS To Add Thick Border Below

We can also easily change the font by using the “font-family” property.

Editing WordPress Theme Header On Single Post With CSS

These changes were all made to the entry-header of single post pages only.

If you want to apply changes less or more broadly, you can make use of .class or #id qualifiers.

For example, if we add “.postid-1” in front, these changes only apply to the hello world post page.

Editorial Calendar

“The Editorial Calendar makes it possible to see all of your posts and drag and drop them to manage your blog.”

It’s easy to get so caught up in creating WP content that you overlook the importance of organization, scheduling and content management. In an overall sense, this is every bit as important as the words you write.

The Editorial Calendar plugin helps you to better manage your content, ensuring that you are always pushing out fresh content on a schedule that works for you and your audience.

Some of its top features include:

  • View all your posts, including when they are scheduled to be published.
  • Drag and drop capabilities.
  • Easy access to the status of each post.
  • Tools to manage posts from multiple authors.

Let’s put it this way: high quality content doesn’t do you any good if it’s sitting in your WordPress dashboard as a draft.

Once you install this WordPress plugin, you’ll find it easier to manage and organize your WordPress site. You want to create killer content. But, you also need to make sure it’s shared with your audience at the right time, every time.

image11

Conclusion

WordPress Entry-content is a small, lightweight and fast WordPress widget, that you can use to display the content of any page of your site, with a blog-like look, just in one click.

0 Comments

No Comment.