| 开发者 | wpyog |
|---|---|
| 更新时间 | 2026年6月18日 14:28 |
| PHP版本: | 7.0 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
[wpyog_ticker] shortcode. Three animation styles are included:
prefers-reduced-motion.
[wpyog_ticker animation="scroll" label="Breaking News" speed="medium" limit="10"]
[wpyog_ticker animation="flap" show_count="true" show_date="true" label="Top News" label_bg="#1a1a2e"]
Smart Shortcode Generator
Generate custom shortcodes directly from the admin panel without coding. The Shortcode Generator has two tabs — one for News List/Card and one for the News Ticker — with a live preview that updates as you change settings.
[wpyog_news layout="card" columns="3" limit="9"]
External News & Source Attribution
WPYog News supports curated external news workflows with external article URLs, source name display, source website links, favicon/logo support, and proper source attribution. Perfect for curated industry news, cybersecurity updates, compliance news, digital transformation articles, and technology feeds.
[wpyog_news] — Shortcode Attributes
layout — Display style. Options: list or card. Default: list
limit — Number of news items to display. Default: 10
category — Filter by category ID. Use comma-separated IDs for multiple categories. Default: all categories
show_date — Show or hide the publication date. Options: true or false. Default: true
show_excerpt — Show or hide the excerpt. Options: true or false. Default: true
excerpt_length — Excerpt length in words. Default: 20
show_source — Show or hide source attribution. Options: true or false. Default: true
order — Sort direction. Options: DESC (newest first) or ASC (oldest first). Default: DESC
orderby — Sort field. Options: date, title, or rand. Default: date
columns — Grid columns (card layout only). Options: 2, 3, or 4. Default: 3
pagination_type — Pagination style (list layout only). Options: numeric or prev-next. Default: numeric
extra_class — Add a custom CSS class to the wrapper. Default: none
[wpyog_ticker] — Shortcode Attributes
animation — Animation style. Options: scroll, fade, or flap. Default: scroll
speed — Animation speed. Options: slow, medium, fast, or any integer (px/s). Default: medium
limit — Number of news items to show. Default: 10
category — Filter by category ID, comma-separated. Default: all categories
order — Sort direction: DESC or ASC. Default: DESC
orderby — Sort field: date, title, or rand. Default: date
show_label — Show or hide the label chip. Options: true or false. Default: true
label — Label text. Default: Breaking News
label_bg — Label background colour (hex). Default: #e74c3c
label_color — Label text colour (hex). Default: #ffffff
show_date — Show publication date next to each headline. Options: true or false. Default: true
show_count — Show a post counter (e.g. 2 / 10). Options: true or false. Applies to fade and flap only. Default: false
pause_on_hover — Pause ticker on mouse hover. Options: true or false. Default: true
direction — Scroll direction (scroll mode only). Options: left or right. Default: left
separator — Character between items (scroll mode only). Default: •
extra_class — Add a custom CSS class to the wrapper. Default: none
Also registered as [wpyog_news_ticker] — both shortcode names work identically.
Use Cases
wpyog-news folder to /wp-content/plugins/.Yes. The plugin includes a List layout, a Card layout, and a News Ticker.
The News Ticker displays animated news headlines in a bar that you can place anywhere on your site using the [wpyog_ticker] shortcode. Three animation styles are available: scroll (continuous horizontal), fade (cross-fade), and flap (push-up slide). Use WPYog News → Shortcode Generator → News Ticker tab to configure it.
Yes. WPYog News supports external article URLs and source attribution.
Yes. You can display the source name, source URL, and source favicon/logo for curated news articles.
Yes. WPYog News includes a built-in shortcode generator with two tabs — one for News List/Card and one for the News Ticker — with a live preview.
Yes. News posts can be grouped and filtered using categories. Use the category attribute with the category ID: [wpyog_news category="5"]. Category IDs are shown in WPYog News → Categories.
Yes. All layouts are optimized for desktop, tablet, and mobile devices. The News Ticker automatically adjusts its label and font size on small screens.
Yes. WPYog News includes full Elementor Theme Builder support — News posts appear as conditions in the Theme Builder so you can build custom single post templates. A native Gutenberg block is also included.
No. The plugin is designed for easy management directly from the WordPress dashboard.
When editing a news item, add a URL in the External Link field. The news title and Read More button will then link to that external URL (opens in a new tab) instead of the internal news page. External links also work in the News Ticker.
The card layout uses a Load More button via AJAX instead of traditional pagination.
Yes. Add show_count="true" to [wpyog_ticker] to display a "3 / 10" badge on the right side of the ticker. This works with fade and flap animation modes.
flap animation mode — current headline slides out upward while the next headline slides in from below, clipped cleanly by the ticker viewport. Works consistently across all browsers..wpyog-card-cats a category pill padding updated.show_label attribute — set show_label="false" to hide the label chip entirely.show_count attribute — set show_count="true" to display a post counter (e.g. 3 / 10) on the right side of the ticker. Applies to fade and flap animation modes.[wpyog_news_ticker] shortcode alias — both [wpyog_ticker] and [wpyog_news_ticker] work identically.show_date now defaults to true.[wpyog_ticker] to display animated news headlines anywhere on your site. Three animation styles: scroll (continuous horizontal ticker tape), fade (cross-fade), and flap (animated slide).prefers-reduced-motion accessibility support — ticker pauses automatically for users who prefer reduced motion.single_template filter is removed, allowing Elementor Pro's template_include hook to take over cleanly.wp_unslash() calls.