Single Post

How to use Single Post / Page Builder features of Sky Addons for WordPress

Sky Addons Theme Builder Single Post feature lets you create fully customized templates for individual posts using Elementor’s drag-and-drop interface. Replace your theme’s default single post layout with a custom design that perfectly showcases your content and enhances reader engagement.

The Single Post Builder gives you complete control over how your blog posts, articles, and other single content pieces are displayed. Create professionally designed post layouts with custom typography, featured image treatments, author boxes, related posts, and much more – all without touching code. Use Display On and Applies To to give a post type its own design, for example one layout for blog posts and another for products.

Key Features

1. Full Elementor design capabilities with all widgets and styling options
2. Post element control (featured images, titles, content, meta, comments)
3. Applies To setting to target one post type, or every post type
4. Custom typography and color schemes for different post types
5. Advanced featured image layouts and effects
6. Related posts (post widget with Source set to Related) and next and previous links (Post Navigation URL dynamic tag)
7. Replaces the content area on any classic WordPress theme, between the header and the footer

Create a Single Post Template

1. In your WordPress Dashboard, go to Sky Addons > Theme Builder
2. Click the “Add New” button to create a new template
3. In the New Template window, click the Single card
4. The settings form opens in the same window. Fill it in as shown below, then click Publish. Click Save Draft instead to keep the template off the site while you work on it.

Single Post Layout Settings

Configure the basic settings for your single post template:

1. Give your template a descriptive name (e.g., “Standard Blog Post” or “Featured Article”)
2. Template type – The type you picked shows in the window title (New Single). To pick another, click the back arrow before you save. You cannot change the type later.
3. Status – Set to “Enabled” to activate your single post template, or “Disabled” to temporarily turn it off. The template shows on the site only when it is published and its Status is Enabled.
4. Applies To – Default (Posts only) covers blog posts, plus pages that use a custom page template. Pick a post type, or Any Post Type for pages, products and every custom type. See Custom Post Types & Taxonomies
5. Display On – Choose All Posts for single posts and custom post type entries, or All Pages for pages. Without a Display On value the template never shows
6. Edit with Elementor – Click to open the Elementor editor and begin designing your single post layout

Display Conditions

Control exactly where your single post template appears with powerful targeting options:

• All Posts: single blog posts and single entries of custom post types. Applies To then decides which post types the template accepts
• All Pages: static pages. With the Default scope only pages using a custom page template are covered, so set Applies To to Any Post Type or Pages for all pages
• Specific Pages: only the pages you pick by name
• Exclude From: places the template must skip. Exclusions always win

User Role Targeting

Control single post template visibility based on user roles:

1. All Users – Display the single post template to everyone
2. Logged In – Show only to any logged-in WordPress user
3. Logged Out – Display only to visitors who aren’t logged in
4. Administrator/Editor/Author/Contributor/Subscriber – Target specific WordPress user roles

Design Your Single Post Template with Elementor

1. After creating your single post template and setting conditions, click “Edit with Elementor”
2. Design your single post layout using powerful Elementor widgets:
   • Post Title – Add a Heading widget and connect it to the Post Title dynamic tag
   • Featured Image – Add an Image widget and connect it to the Featured Image dynamic tag
   • Post Content – Connect a Text Editor widget to the Post Content dynamic tag
   • Post Info – Use the Post Author, Post Date and Post Terms dynamic tags
   • Author Box – Combine the Author Avatar and Post Author dynamic tags
   • Post Navigation – Add buttons and link them with the Post Navigation URL dynamic tag
   • Post Comments – Add the Post Comments widget and style the comments section
   • Related Posts – Add a post widget and set its Source to Related
3. Use Elementor’s section and column controls to create unique layouts
4. Apply responsive settings to ensure your posts look perfect on all devices

Single Post Template Options

Customize how your single post content is displayed:

1. Featured Image Position – Above content, inline, as background, or side-by-side
2. Content Width – Control the reading width for optimal readability
3. Typography Settings – Custom fonts, sizes, and line heights for content
4. Meta Information – Show/hide and style author, date, comments, categories
5. Social Sharing – Add share buttons with the Social Share widget
6. Reading Time – If another plugin gives you a reading time shortcode, show it with the Shortcode dynamic tag
7. Table of Contents – Add the Table of Contents widget for longer posts

Theme Independence

Sky Addons Single Post Builder works independently of your theme:

1. Content area only – The template replaces the content area of the page. Your theme (or your Sky Addons header and footer templates) still draws the header and footer around it
2. Consistent Design – Maintains your custom design regardless of theme updates
3. Full Width/Boxed Layouts – Control content width independent of theme settings
4. Custom Spacing – Set your own margins and padding regardless of theme defaults

Save and Preview

1. Once you’ve designed your single post template, click “Publish” or “Update” in Elementor to save your changes
2. Click the eye icon on the template card to open the live preview. To choose which post it uses, open the template in Elementor and set Preview Post under Sky Preview Settings
3. Visit any blog post on your site to see your custom template in action
4. Test different post types to ensure your template works correctly with various content lengths
5. Check responsiveness by viewing your posts on different devices

Troubleshooting

1. Template not appearing: Verify display conditions and check that no exclusion rules are preventing display. Ensure the template is published and its status is set to “Enabled”, and that Applies To matches the post type you are viewing.
2. Multiple templates showing: If you have multiple single post templates with overlapping conditions, review your display rules to ensure only one template targets each post.
3. Missing post elements: Connect your widgets to dynamic tags such as Post Title and Post Content. Typed text shows the same on every post.
4. Featured images not showing: Check that your posts have featured images and that an Image widget in the template uses the Featured Image dynamic tag.
5. Content styling issues: If post content formatting looks incorrect, check the typography of the widget that shows the Post Content tag.

Conclusion

The Sky Addons Theme Builder Single Post feature transforms how your articles and blog posts are presented to readers. Create beautiful, engaging post layouts that highlight your content and keep readers engaged. The theme-independent approach ensures your custom post designs work perfectly regardless of which WordPress theme you use, giving you complete creative freedom.

If you have any questions or encounter any challenges while using, please don’t hesitate to reach out to our dedicated support team at https://wowdevs.com/support/ where our expert team is ready to provide prompt and helpful assistance.