Aaron D. Campbell

<p>Upcoming Posts Widget acts very much like the recent posts widget, but displays<br />
scheduled posts instead of published ones.  Requires WordPress 2.8+</p>
<p>You may also be interested in WordPress tips and tricks at <a href="http://wpinformer.com" rel="nofollow ugc">WordPress Informer</a></p>


Upcoming Posts Widget

A widget that displays a list of scheduled posts.

Ayuda WordPress

Fernando Tellado

<p><strong>Scheduled Posts Showcase</strong> lets you display your scheduled (future) posts on the frontend of your WordPress site without creating problematic links to unpublished content.</p>
<p>Unlike other solutions that link to scheduled posts and generate 404 errors for visitors, this plugin shows post information (title, date, excerpt, featured image, categories) without ever exposing the permalink or post ID.</p>
<h4>Key Features</h4>
<ul>
<li><strong>No 404 errors</strong> – Never generates links to unpublished content</li>
<li><strong>Multiple display methods</strong> – Use shortcode, widget, Gutenberg block, or REST API</li>
<li><strong>Fully customizable</strong> – Control what information to display and how it looks</li>
<li><strong>Global settings with per-instance overrides</strong> – Set defaults once, customize where needed</li>
<li><strong>Translation ready</strong> – Fully prepared for localization</li>
<li><strong>Developer friendly</strong> – Extensive hooks for customization</li>
</ul>
<h4>Display Options</h4>
<ul>
<li>Number of posts to show</li>
<li>Featured image at any registered size, including a responsive “full width” option that fills the container</li>
<li>Scheduled publication date</li>
<li>Post excerpt (with configurable word count)</li>
<li>Categories</li>
<li>Custom heading with selectable HTML tag (headings, paragraph, span or div)</li>
<li>Custom footer content for calls to action</li>
<li>Custom CSS classes on the main container, both globally and per instance</li>
</ul>
<h4>Appearance Options</h4>
<ul>
<li>Card or minimal container style</li>
<li>Dashicon, theme default, or no list bullets</li>
<li>Curated icon selector for list bullets</li>
<li>Accent color customization</li>
<li>Responsive design</li>
</ul>
<h4>Visibility Control</h4>
<p>Choose who can see your scheduled posts:</p>
<ul>
<li>Everyone (public)</li>
<li>Logged-in users only</li>
<li>Editors and administrators only</li>
</ul>
<h4>Usage</h4>
<p><strong>Shortcode:</strong></p>
<pre><code>[scheduled-posts-showcase]
</code></pre>
<p>With parameters:</p>
<pre><code>[scheduled-posts-showcase count="3" show_date="1" show_excerpt="1" container_style="card"]
</code></pre>
<p><strong>Widget:</strong></p>
<p>Add the “Scheduled Posts Showcase” widget to any widget area from Appearance <span aria-hidden="true" class="wp-exclude-emoji">→</span> Widgets.</p>
<p><strong>Gutenberg Block:</strong></p>
<p>Search for “Scheduled Posts” in the block inserter and add the block to any post or page.</p>
<p><strong>REST API:</strong></p>
<pre><code>GET /wp-json/scheduled-posts-showcase/v1/scheduled-posts
</code></pre>
<p>Parameters: <code>per_page</code>, <code>fields</code>, <code>post_type</code>, <code>order</code></p>
<h4>Why This Plugin?</h4>
<p>Existing plugins for displaying scheduled posts either:</p>
<ul>
<li>Are abandoned (some over 10 years old)</li>
<li>Link to scheduled posts, causing 404 errors</li>
<li>Use deprecated WordPress functions</li>
<li>Lack modern features like Gutenberg blocks</li>
</ul>
<p>Scheduled Posts Showcase solves all these problems with a modern, secure, and fully-featured solution.</p>
<h3>CSS Customization</h3>
<p>The plugin provides semantic CSS classes for easy customization.</p>
<h4>Available CSS Classes</h4>
<ul>
<li><code>.sps-scheduled-posts</code> – Main container</li>
<li><code>.sps-style-card</code> – Card style container</li>
<li><code>.sps-style-minimal</code> – Minimal style container</li>
<li><code>.sps-scheduled-heading</code> – Heading element</li>
<li><code>.sps-scheduled-list</code> – Posts list (ul)</li>
<li><code>.sps-list-dashicon</code> – List with dashicon bullets</li>
<li><code>.sps-list-theme</code> – List with theme default bullets</li>
<li><code>.sps-list-none</code> – List with no bullets</li>
<li><code>.sps-scheduled-item</code> – Each post item (li)</li>
<li><code>.sps-scheduled-icon</code> – Dashicon bullet</li>
<li><code>.sps-scheduled-thumbnail</code> – Featured image container</li>
<li><code>.sps-scheduled-thumbnail--full-width</code> – Added to the thumbnail container when the “Full width” image size is selected</li>
<li><code>.sps-scheduled-title</code> – Post title</li>
<li><code>.sps-scheduled-date</code> – Scheduled date</li>
<li><code>.sps-scheduled-excerpt</code> – Post excerpt</li>
<li><code>.sps-scheduled-categories</code> – Categories list</li>
<li><code>.sps-scheduled-footer</code> – Custom footer content</li>
<li><code>.sps-no-scheduled</code> – Empty state message</li>
</ul>
<h4>Example Customizations</h4>
<pre><code>/* Change font size for post titles */
.sps-scheduled-title {
    font-size: 1.1em;
}

/* Add more padding to the card container */
.sps-style-card {
    padding: 1.5em;
}

/* Custom color for the date */
.sps-scheduled-date {
    color: #666;
    font-style: italic;
}
</code></pre>
<h4>Custom CSS Classes</h4>
<p>You can target a specific widget, block or shortcode without writing a long selector by adding your own classes:</p>
<ul>
<li><strong>Global</strong>: Appearance <span aria-hidden="true" class="wp-exclude-emoji">→</span> Future Posts <span aria-hidden="true" class="wp-exclude-emoji">→</span> Appearance section <span aria-hidden="true" class="wp-exclude-emoji">→</span> “Custom CSS class”. Space-separated. Applied to every instance.</li>
<li>
<p><strong>Per instance</strong>: each widget, block and shortcode has its own “Extra CSS class” field. These are appended to the global ones, never replace them.</p>
<p>/* Style a specific instance */<br />
.sps-scheduled-posts.sidebar-cta {<br />
    background: #fffbe6;<br />
    padding: 1.5em;<br />
}</p>
</li>
</ul>
<h4>CSS Custom Property</h4>
<p>The accent color is available as a CSS custom property:</p>
<pre><code>/* Use the accent color in your custom styles */
.my-custom-element {
    border-color: var(--sps-accent-color);
}<h3>Developer Hooks</h3>
</code></pre>
<p>The plugin provides filters and actions for developers to customize behavior without modifying plugin code.</p>
<h4>Filters with Examples</h4>
<p><strong>spscase_query_args</strong></p>
<p>Modify WP_Query arguments before fetching scheduled posts.</p>
<pre><code>add_filter( 'spscase_query_args', function( $args ) {
    // Only show posts from specific category
    $args['cat'] = 5;
    return $args;
} );
</code></pre>
<p><strong>spscase_post_data</strong></p>
<p>Modify the data array for each post before rendering.</p>
<pre><code>add_filter( 'spscase_post_data', function( $post_data, $post ) {
    // Add custom field to post data
    $post_data['reading_time'] = get_post_meta( $post->ID, 'reading_time', true );
    return $post_data;
}, 10, 2 );
</code></pre>
<p><strong>spscase_post_html</strong></p>
<p>Modify the HTML output for each individual post item.</p>
<pre><code>add_filter( 'spscase_post_html', function( $html, $post_data ) {
    // Add reading time after the title
    if ( ! empty( $post_data['reading_time'] ) ) {
        $badge = '<span class="reading-time">' . esc_html( $post_data['reading_time'] ) . ' min read</span>';
        $html = str_replace( '</span class="sps-scheduled-title">', '</span>' . $badge, $html );
    }
    return $html;
}, 10, 2 );
</code></pre>
<p><strong>spscase_output_html</strong></p>
<p>Modify the complete rendered HTML output.</p>
<pre><code>add_filter( 'spscase_output_html', function( $html, $posts, $settings ) {
    // Wrap output in custom container
    return '<div class="my-custom-wrapper">' . $html . '</div>';
}, 10, 3 );
</code></pre>
<p><strong>spscase_rest_post_data</strong></p>
<p>Modify post data in REST API responses.</p>
<pre><code>add_filter( 'spscase_rest_post_data', function( $post_data, $post ) {
    // Add author name to API response
    $post_data['author'] = get_the_author_meta( 'display_name', $post->post_author );
    return $post_data;
}, 10, 2 );
</code></pre>
<p><strong>spscase_excerpt_length</strong></p>
<p>Override the excerpt word count.</p>
<pre><code>add_filter( 'spscase_excerpt_length', function( $length ) {
    // Shorter excerpts for sidebar widgets
    return 15;
} );
</code></pre>
<p><strong>spscase_date_format</strong></p>
<p>Override the date format (default: WordPress date_format option).</p>
<pre><code>add_filter( 'spscase_date_format', function( $format ) {
    // Show relative dates like "in 3 days"
    return 'relative';
} );
</code></pre>
<p><strong>spscase_post_types</strong></p>
<p>Filter available post types in the settings dropdown.</p>
<pre><code>add_filter( 'spscase_post_types', function( $post_types ) {
    // Remove 'page' from available post types
    unset( $post_types['page'] );
    return $post_types;
} );
</code></pre>
<p><strong>spscase_cache_expiration</strong></p>
<p>Modify cache duration in seconds (default: 3600 = 1 hour).</p>
<pre><code>add_filter( 'spscase_cache_expiration', function( $seconds ) {
    // Cache for 6 hours on high-traffic sites
    return 6 * HOUR_IN_SECONDS;
} );
</code></pre>
<p><strong>spscase_allowed_footer_html</strong></p>
<p>Modify allowed HTML tags for footer content.</p>
<pre><code>add_filter( 'spscase_allowed_footer_html', function( $allowed_tags ) {
    // Allow button element in footer
    $allowed_tags['button'] = array(
        'class' => true,
        'type'  => true,
    );
    return $allowed_tags;
} );
</code></pre>
<h4>Actions with Examples</h4>
<p><strong>spscase_before_output</strong></p>
<p>Fires before the scheduled posts list renders.</p>
<pre><code>add_action( 'spscase_before_output', function( $posts, $settings ) {
    // Track impressions
    if ( function_exists( 'my_track_impression' ) ) {
        my_track_impression( 'scheduled_posts_widget' );
    }
}, 10, 2 );
</code></pre>
<p><strong>spscase_after_output</strong></p>
<p>Fires after the scheduled posts list renders.</p>
<pre><code>add_action( 'spscase_after_output', function( $posts, $settings ) {
    // Output additional content after the list
    echo '<p class="sps-custom-note">Updated hourly</p>';
}, 10, 2 );<h3>Support</h3>
</code></pre>
<p>Need private support or custom development?</p>
<p>Do you need one-on-one help, priority troubleshooting, or a custom feature, integration, or tweak built specifically for your site? I offer private support and custom development. Just <a href="mailto:scheduled-posts-showcase@ayudawp.com" rel="nofollow ugc">contact me</a> and tell me what you need.</p>
<p>Need help or have suggestions?</p>
<ul>
<li><a href="https://servicios.ayudawp.com" rel="nofollow ugc">Official website</a></li>
<li><a href="https://wordpress.org/support/plugin/scheduled-posts-showcase/" rel="ugc">WordPress support forum</a></li>
<li><a href="https://www.youtube.com/AyudaWordPressES" rel="nofollow ugc">YouTube channel</a></li>
<li><a href="https://ayudawp.com" rel="nofollow ugc">Documentation and tutorials</a></li>
</ul>
<p>Love the plugin? Please leave us a 5-star review and help spread the word!</p>
<h3>About AyudaWP</h3>
<p>We are specialists in WordPress security, SEO, AI and performance optimization plugins. We create tools that solve real problems for WordPress site owners while maintaining the highest coding standards and accessibility requirements.</p>


Scheduled Posts Showcase

Display your scheduled and future posts on the frontend without generating 404 links. Show visitors what's coming next.

Upcoming Posts Widget vs Scheduled Posts Showcase