Every respective service has their own Documentation on how to set up a Transactional Mail into your WordPress. It’s hard to fully describe how to configure these settings and we strongly recommend to read their Documentation and also have a good understanding of how your Hosting Provider works.
There are many Transactional Mail Services available. Some of them will work through the SMTP settings, while other also has the option to work through its API.
Remember that some Transactional Mail Services also highlights the importance to insert some settings into your Domain Records.
See some of the lists to work with Transactional Mail
Let’s go to one of our posts and see how it appear to us.
Seems like our post doesn’t have any background image defined. Let’s go to our post settings and see how to add an image that describes our post in a beautiful look way.
Let’s add an image to the Banner and see the result
Perfect. But it seems too big, Let’s head over again to our settings and see if we can crop the image.
As we can see, the image is too big, but I want to give an effect to include the pencil and the paper just a little. Let’s see the result.
Perfect! Now, this was the expected result that I was looking for.
As we can see, we have to tweak some images to find a better position, to our final result.
The image should have a good definition to appear in the post with a satisfactory result. Some images, you’ll need to crop and scale where you want the result to be focused.
This article contains everything you must know about configuring the blog and it’s broken down into the following topics.
General WordPress blog settings
Configuring the blog archive page
Configure blog posts
Adding a banner image to a blog post
Adding a blog posts section on the home Page
1. General WordPress Blog Settings
STEP 1: Go to Settings > Reading
STEP 2: Under Your homepage displays settings, select your Posts page (Example: Blog)
STEP 3: Under Your homepage displays settings, select your Posts page (Example: Blog)
STEP 4: Click Save Changes
2. Configuring the blog archive page
STEP 1: Go to Theme Options > Bog
STEP 2: Select appropriate blog settings for the archive page.
Blog Archive page settings
The following settings are only to change the appearance on the blog archive page, except for the Blog Sidebar Style which affects both the blog archive and blog post/detail page.
Here are some examples of archive page styles.
Blog Post/Details page settings
The following settings are only to change the appearance on the blog post/details page, except for the Blog Sidebar Style which affects both the blog archive and blog post/detail page.
3. Configure Blog Posts
Let’s go to one of our posts and see how it appears to us.
Seems like our post doesn’t have any background image defined. Let’s go to our post settings and see how to add an image that describes our post in a beautiful look way.
Let’s add an image to the Banner and see the result
Perfect. But it seems too big, Let’s head over again to our settings and see if we can crop the image.
As we can see, the image is too big, but I want to give an effect to include the pencil and the paper just a little. Let’s see the result.
Perfect! Now, this was the expected result that I was looking for.
As we can see, we have to tweak some images to find a better position, for our final result.
The image should have a good definition to appear in the post with a satisfactory result. For some images, you’ll need to crop and scale where you want the result to be focused.
4. Adding a banner image to a blog post
5. Adding a blog posts section on the home Page
STEP 1: Go to Pages > All Pages > and search for the Home
STEP 2: Edit the page in your Page Builder (Example: WP Bakery or Elementor).
STEP 3: Search for Blog and select Blog Grids.
Elementor
STEP 4: Choose from the following options.
Select Blog Element Style
There are three different styles to choose from.
Style 1 – Blog Grids
Style 2 – Blog Masonry
Style 3 – Blog Circles
Select Blog Category
All the categories that were added under Blog Posts > Categories will be listed here to choose from.
Select Number of Posts
Enter the number of post needs to be displayed.
To customize the blog sidebar, go to Appearance > Widgets and add or remove all the appropriate widgets under the Default sidebar section on the right.
Go to your Theme Options > Footer > and choose the Second Footer Layout.
After selecting the new layout and configured all the preferred Social Media below, hit Save Changes.
The new footer layout works with widgets. to fully work with this new layout, we need to go to Appearance > Widgets > and find the Footer Sidebar Widget.
Find the ListingPro contact info widget from the list on your left side and add it to your Footer sidebar widget and press the save button.
The default ListingPro Footer, already include social media and other relevant information. Going to the Second Footer Layout, the same result should be available on your footer page. It’s important to note that if you want to include more widgets in the footer sidebar, you can simply add them to the respective area and rearrange them in your preferred order.
If you want to insert Custom CSS to tweak some options based on your own requirements then you can easily insert all codes inside of the Theme Options > General Settings > Custom CSS and click on Save Changes.
Custom CSS is used to add additional CSS codes when you want to achieve advanced desirable customization.
Not only CSS but you can also add more flexible adjustments in the Custom JS editor.
Only apply these changes if you really know what you’re doing. Cridio Studio is not responsible for any custom adjustment that may compromise theme quality or break any plugin or page structure of your directory. Use this editor at your own risk.
Seems like our post doesn’t have any background image defined. Let’s go to our post settings and see how to add an image that describes our post in a beautiful look way.
