Documentation
T4B News Ticker Pro
Thank you so much for your interest in our plugin from WordPress.
- Version: 1.4
- Author: Realwebcare
- Created: 17 June, 2019
- Update: 6 December, 2024
If you have any questions that are beyond the scope of this help file, Please feel free to contact us via Plugin Support Page.
Installation
Installing 'T4B News Ticker Pro' Plugin is as simple as installing any other WordPress Plugin. The plugin can be installed in two convenient ways:
- Install by ZIP file or,
- Install by FTP.
Install by ZIP File:
- Log in to your WordPress admin dashboard.
- Navigate to Plugins in the left menu and click Add New.
- Click Upload Plugin and choose the t4b-news-ticker-pro-v1.4.zip file.
- Click on Install Now button.
- Once installed, click on Activate Plugin button.
- Create a new ticker under News Ticker » Quick Start.
Install by FTP:
- Upload the t4b-news-ticker-pro folder with all the files located in it to your WordPress plugin directory (/WORDPRESS-DIRECTORY/wp-content/plugins/) [e.g. www.yourdomain.com/wp-content/plugins/]
- From your WordPress dashboard, choose Installed Plugins option under the Plugins category
- Locate the newly added plugin and click on the Activate link to enable its features.
- After successfully activating the plugin, you are ready to create your first ticker. Click on Quick Start link to create a ticker from 12 stunning ready-made templates.
Quick Start
Getting Started: A Quick Guide
- Go to News Ticker » Quick Start in your WordPress admin panel.
- Select your desired ticker from the 12 available templates.
- Hover over the template and click on the Create Ticker button.
Your new ticker will be instantly generated based on the chosen template. After generating a news ticker it'll redirect to the All News Tickers section.
Quick Preview of the templates
Next, let's explore how to switch between templates using the Preview feature for enhanced usability. At the top right of the ticker list, you'll find the Preview button. Clicking on it reveals a dropdown list of all available templates.
Hover over any template name to see a gif animated preview on the left, giving you a clear visual of how each template will display your news ticker.
Now, select a template from the dropdown list that best suits your preferences.
Editing a Specific Ticker: Step-by-Step Guide
To configure the settings for a specific news ticker in the T4B News Ticker Pro plugin, follow these simple steps:
Accessing the Edit Ticker Option:
- Navigate to the list of existing tickers on your dashboard.
- Mouse over the name of the ticker you want to edit.
- Three options will appear: Edit Ticker, Copy, and Delete.
- Click on the Edit Ticker link to open the settings configuration for the selected ticker.
Editing Ticker Settings:
Once you click Edit Ticker, the settings page for that ticker will load seamlessly using AJAX. Here, you will find the following tabs to configure the ticker:
- General Settings: Manage foundational options such as ticker title, type, border etc.
- Advanced Settings: Fine-tune additional controls for enhanced customization such as ticker behavior, speed, and direction.
- Font Settings: Adjust typography-related settings, including font styles and sizes for ticker text.
- Colors Settings: Customize the color scheme to align with your branding and design preferences.
Saving Your Changes:
- After making the necessary adjustments in each tab, ensure that you save your changes.
- The updated settings will immediately apply to the ticker, enhancing its appearance and functionality on the front-end.
General Settings: Detailed Overview
The General Settings tab in the T4B News Ticker Pro plugin allows you to configure fundamental aspects of your ticker. Below is a detailed explanation of each option available in this tab:
Core Settings:
- Enable Ticker: Activate or deactivate the news ticker.
- Show in Homepage Only: Restrict ticker visibility to the homepage.
- Hide Ticker if No Ticks Exist: Automatically hide the ticker when no content is available.
- Open Link in New Tab: Enable this option to open ticker links in a new browser tab.
- Hide Ticker Title: Hide the ticker title to optimize the display on smaller screens.
- Show Ticker Only On: Control the visibility of the ticker for Desktop, Tablet, and Mobile views.
- Show Ticker Title on Mobile: Decide whether to display the ticker title on mobile devices.
Title Settings:
- News Ticker Title: Define a title for your ticker. Two text boxes are provided:
- Regular Title: Standard title for the ticker.
- Regional Title: If provided, this will override the regular title.
Appearance Settings:
- Ticker Height: Set the height of the ticker.
- Ticker Border Width: Specify the border width for the ticker.
- Ticker Border Radius: Customize the border radius to achieve rounded edges.
Content Source Settings:
Choose from five types of news ticker content sources:
- Categories: Select one or more categories from a dropdown list to display posts in your ticker.
- Tags: Use content tags instead of categories. Additional option:
- Select News Ticker Tags: Click the plus icon to choose tags from a list.
- Custom Text: Enter custom text for the ticker using the WordPress post editor. Additional option:
- News Ticker Custom Text: Enter one sentence with or without a link per line.
- RSS: Use an RSS feed as the content source. Steps:
- Create an account on rss2json and obtain an API key.
- Enter the API key and RSS feed URL in the respective fields.
- JSON: Load ticker content from a JSON file. Enter the path to the JSON file in the URL field.
Common Options:
Certain options are shared across Categories and Tags:
- Disable Ticker Link: Disable clickable links on ticker titles.
- Post Date & Time: Display the post date and time before each ticker title. Additional options include managing time format (e.g., seconds, AM/PM, 24-hour format) and date range (week, day, month, year).
- Number of Posts: Specify the number of posts to display in the ticker.
- Select Post Order: Set the order of posts (ascending or descending).
- Select Post Order By: Define the sorting parameter (default is Post Date).
RSS and JSON-Specific Options:
- Select Showing Field: Choose which part of the feed to display in the ticker.
- Enable Link: Enable or disable links for RSS/JSON items.
- Open Link in New Tab: Open links in a new browser tab if enabled.
- Error Message: Enter a message to display if the RSS feed or JSON file fails to load.
Advanced Settings: Tailoring Ticker Animation
The Advanced Settings tab in T4B News Ticker Pro offers a variety of options to fine-tune the ticker's animation and appearance. Here's an in-depth guide to the available settings and their uses:
Ticker Animation Type:
Choose from seven different animation styles to match your ticker's requirements:
- Scroll: A continuous scrolling effect for the ticker.
- Typography: Sequential display of ticker text.
- Fade: Smooth fade-in and fade-out animation.
- Slide: Includes the following four types of slide animation:
- Slide Right
- Slide Left
- Slide Up
- Slide Down
Disable Continuous Ticker:
Enable this option to start the ticker scroll from the right side of the page instead of the center.
Animation Options:
The settings below allow you to customize specific animation types:
For Scroll Animation:
- Speed of Scrolling: Adjust the speed of the scrolling effect. A higher value increases the speed.
- Adjust Scroll Start Point: Enter a value between -1000 and 1000 to set the starting point for the ticker scroll.
- Show Ticker Control: Display control icons for the ticker when set to True.
- Auto Play Ticker: Enable automatic playback of the ticker on page load.
- Stop Ticker on Hover: Pause the ticker when the mouse hovers over it.
For Typography Animation:
- Ticker Delay Timer: Set the delay between news items in milliseconds (default is 4000 ms).
- Speed of Typography: Control the speed of the typography effect. Higher values make it faster.
- Common Options: Includes Show Ticker Control, Auto Play Ticker, and Stop Ticker on Hover.
For Fade Animation:
- Fade In Animation Speed: Set the speed of the fade-in effect.
- Common Options: Includes Ticker Delay Timer, Show Ticker Control, Auto Play Ticker, and Stop Ticker on Hover.
For Slide Animation (Left, Right, Up, Down):
- Common Options: Includes Ticker Delay Timer, Show Ticker Control, Auto Play Ticker, and Stop Ticker on Hover.
Other Options:
- Text Writing Will Start From: Define the text direction for the ticker content. Select either "Left to Right (LTR)" or "Right to Left (RTL)" based on your language or design preference.
- Position of Ticker: Determine where the ticker appears on the page. Choose from:
- Auto: Automatically places the ticker in the designated area according to your theme's layout.
- Fixed Top: Pins the ticker to the top of the viewport, making it always visible as the user scrolls.
- Fixed Bottom: Pins the ticker to the bottom of the viewport for constant visibility.
- Show Icons for Ticker: Enhance user interaction by displaying icons. Enabling this option reveals additional customization settings:
- Icons for Ticker: Specify Font Awesome icons for navigation and control functions like Previous, Next, Pause, Play, and Bullet.
- Separator Image: Use an image as a visual separator between ticker items. Select the image from the media library.
- Separator Image Maximum Width: Define the maximum width for the separator image to ensure consistent spacing and alignment.
- Separator Image Minimum Width: Set the minimum width for the separator image to maintain design uniformity across devices.
Font Tab: Elevating Typography in Your Ticker Display
The Font Settings tab provides a robust set of options to customize the typography of your news ticker. These settings allow you to ensure that the text in your ticker aligns seamlessly with your website's overall design. Here’s a detailed guide on using the Font Settings tab:
Accessing the Font Settings Tab:
Navigate to the Font Settings tab within the ticker settings. This tab allows you to configure font families and font sizes for various components of your ticker.
Font Family Configuration:
Font Family: Specify the font family for your ticker by entering the font name.
- Before proceeding, make sure that the corresponding font's CSS file is properly included and linked in your website's HTML code.
- Utilize the News Ticker Global Settings under News Ticker » Settings to conveniently link a font's CSS file or use the plugin's default font.
Primary and Secondary Font Family:
- Primary Font Family: Assign a font for the ticker headings, such as 'Roboto Condensed', serif, to maintain a polished and professional appearance for titles.
- Secondary Font Family: Define a secondary font for the ticker content, such as 'Open Sans', sans-serif, ensuring a complementary and readable style for the body text.
Font Size Settings:
Adjust the font sizes for specific elements in the ticker:
- Title Font Size: Set the font size for the ticker title to emphasize headlines.
- Content Font Size: Specify the font size for the ticker content, optimizing readability.
- Date Font Size: Customize the font size for the date and time displayed within the ticker content.
Colors Tab: Add Vibrant Colors to Your Ticker
The Colors Settings tab lets you choose and customize the colors for different parts of your news ticker. This helps you match the ticker with your website's style and make it visually appealing. Here’s an easy guide to using the Colors Settings tab:
How to Access the Colors Tab:
To get started, open the ticker settings and click on the Colors Settings tab. You will see options to set colors for the ticker background, text, and more.
Background Color Options:
- Ticker Background Color: Choose a color for the main background of the ticker. This sets the overall theme for the ticker.
- Content Background Color: Pick a color for the background behind the news text. This can help highlight the content.
- Control Background Color: Set a color for the background of the control buttons, such as Play, Pause, and Next.
Font Color Options:
- Title Font Color: Choose a color for the ticker’s title text to make it stand out.
- Content Font Color: Set the text color for the news items displayed in the ticker.
- Control Icon Color: Select a color for the control icons like Play, Pause, and Next to match your design.
Link and Hover Color Options:
- Content Link Color: Choose a color for links within the ticker content. This color will show for clickable text.
- Mouseover Color: Set the color that appears when someone hovers over the links or content with their mouse.
- Font Hover Color: Pick a color for the text when it’s hovered over. This adds an interactive touch to your ticker.
Date and Time Color Options:
- Date Background Color: Set a background color specifically for the date and time displayed in the ticker.
- Date Font Color: Choose a color for the text of the date and time to make it clear and easy to read.
Tips for a Great Color Scheme:
Use the Colors Settings to create a consistent and attractive color theme. Try to use colors that match your website’s design or brand identity. Experiment with background and font colors to ensure your ticker is easy to read and looks great on any device.
Final Thoughts:
The Colors Settings tab gives you the tools to make your ticker unique and visually appealing. By customizing these options, you can create a ticker that enhances your site’s look and grabs attention.
Settings: Fine-Tuning and Managing
The Settings section within the T4B News Ticker Pro plugin serves as a centralized hub where you can manage, customize, and safeguard your ticker settings. This comprehensive suite of options empowers you to fine-tune your ticker display and manage data backup and restoration. Here's a detailed guide on how to effectively navigate and utilize the options available within the Settings section:
Accessing the Tools Section:
In your WordPress admin panel, navigate to News Ticker and select Settings. Within the Settings section, you'll find four tabs: Options, Export Ticker, and Import Ticker.
Options Tab: Global Settings for Your Ticker:
The Options tab within the T4B News Ticker Pro plugin is your gateway to configuring global settings that impact the behavior and features of your ticker displays. These options allow you to fine-tune your experience, streamline workflows, and optimize functionality. Here's a comprehensive guide on how to navigate and utilize the options available in the Options tab:
Accessing the Options Tab:
In your WordPress admin panel, navigate to News Ticker and click on Settings. Within the Global Settings section, click on the Options tab.
Options Tab Settings - Minify CSS & JS:
The Minify CSS & JS option is crucial as it compresses and consolidates your website's CSS and JavaScript files. This process reduces file sizes by removing unnecessary spaces, comments, and formatting. As a result, your site loads faster, improving user experience and SEO rankings while minimizing server load and bandwidth consumption.
Options Tab Settings - Enhancing Text Editing:
- Enable WP Post Editor for Custom Text Type: This option enables the WP default post editor for a more seamless experience in formatting text, quotes, and images.
- When activated, you can focus on content creation while benefiting from the intuitive visual editor.
- Enable HTML Editor as the Default Post Editor: If enabled, this option sets the HTML editor as the default post editor in the plugin's Custom Text settings.
- Ideal for instances where most users agree with your choice, and you wish to have the visual editor available as an alternative.
Options Tab Settings - Typography and Fonts:
Enable Plugin Default Google Font: Activate this option to use the plugin's default Google font for consistency across your ticker displays. If disabled, you can specify your own Google font using the additional options:
- Enter Google Fonts URL link: If you prefer a custom Google font, enter the font's URL link. This links the desired font to your ticker displays.
- Enter Primary Font Family: Define the primary font family to be used if not set for individual ticker displays.
- Enter Secondary Font Family: Set the secondary font family to be used if not specified for individual ticker displays.
- How to Add a Font from Google Fonts:
How to Add a Font from Google Fonts:
- Go to the Google Fonts website.
- Search for your preferred font using the search bar, and click on it from the list of results.
- Click on the 'Select this style' button to choose the specific font style and weight you want to use.
- Repeat the above steps to select as many fonts as you want.
- After selecting your fonts, click on the 'View Your Selected Families' button at the bottom of the page.
- Click on the 'Embed' tab.
- In the 'Embed' section, copy the URL under the 'Standard' tab. It should look something like this:
- //fonts.googleapis.com/css2?family=Open+Sans&family=Roboto:wght@400;700&display=swap
- In your plugin's settings, paste the copied URL into the 'Enter Google Fonts URL link' text box.
- Under the 'CSS rules to specify families' section, copy the font-family declaration. It should look something like this:
- font-family: 'Roboto', sans-serif;
- Paste the font-family declaration into the Primary Font Family or Secondary Font Family text box in the plugin's settings, depending on your preference.
- That's all! Your chosen Google Fonts should now be integrated into your website through the plugin.
Note: This is the latest procedure for finding and embedding Google Fonts. This process may change as Google updates its services. There are many articles available that explain the Google Font settings in detail.
Examples:
- Google Fonts URL link: //fonts.googleapis.com/css2?family=Open+Sans&family=Roboto:wght@400;700&display=swap
- Primary Font Family: 'Roboto', sans-serif;
- Secondary Font Family: 'Open Sans', sans-serif;
Options Tab Settings - Functionalities and Database:
- Enable Font Awesome in Theme: This feature allows you to select various Font Awesome icons. By enabling this option, the plugin will display icons from the selected platform, ensuring your website's visual elements align with your design preferences seamlessly. This option is also important to prevent duplicate declarations of Font Awesome in your theme.
- Add View Port Meta in the Header: The View Port Meta option adds a crucial HTML meta tag to your website's header. This tag,
<meta name="viewport">
, is essential for responsive web design. It ensures that the webpage adapts correctly to various devices and screen sizes by controlling the viewport dimensions and scaling. Implementing this meta tag helps optimize the user experience across different devices, from desktops to mobile phones, ensuring content is displayed correctly and intuitively. - Clear Database on Delete: By checking this option, you ensure that plugin-related data is deleted along with the plugin itself if you decide to uninstall and delete it.
Options Tab Settings - Reset Button in Ticker Settings:
The Reset Button on the Ticker Settings page allows you to restore all plugin settings to their default values.
- Purpose: Use this option if you want to reset the plugin settings to the state they were in when the plugin was first installed.
- Scope: The reset action only affects settings and does not delete your existing tickers or their associated data.
- Warning: This action cannot be undone. Ensure you back up your current settings or take a note of customizations before proceeding.
Note: This feature is especially useful if you're experiencing configuration issues or want to start fresh with the plugin's settings.
Fine-Tuning Your Plugin Experience:
By accessing the Options tab, you can customize global settings to align with your preferences, streamline workflows, and optimize the functionality of your T4B News Ticker Pro plugin.
This comprehensive guide should empower you to navigate and utilize the options within the Options tab of the T4B News Ticker Pro plugin. These settings provide the flexibility to tailor the plugin experience, enhancing your control over features and behaviors in your ticker displays.
Export & Import Tab: Backup & Restoring System:
Export Ticker Tab: Backing Up Your Settings:
Use this tab to securely back up all your ticker settings in a JSON format.
Exporting your settings ensures that you have a safeguarded copy of your configurations, which can be crucial for data recovery or transitioning to different installations.
Import Ticker Tab: Restoring Settings with Ease:
This tab allows you to seamlessly restore settings that were previously exported using the Export Ticker option.
In case you need to transfer your ticker settings to another installation or recover lost data, importing settings simplifies the process.
Safeguarding and Customizing Your Ticker:
By accessing the Settings section, you gain the ability to safeguard your settings, apply custom styles, and manage data with ease.
This comprehensive guide should equip you with the insights needed to navigate and utilize the options within the Settings section of the T4B News Ticker Pro plugin. These tools empower you to manage, customize, and preserve your ticker settings, contributing to a seamless and tailored user experience.
FAQ
A FAQ is a list of frequently asked questions (FAQs) and answers on a particular topic.
Follow these steps to install the plugin:
- Purchase: Buy the plugin from our website. Click here to purchase.
- Download: After completing your purchase, download the plugin as a ZIP file.
- Extract: Unzip the downloaded file, and you will find another ZIP file named t4b-news-ticker-pro-v1.4.zip.
- Install: Log in to your WordPress dashboard, navigate to Plugins > Add New, and upload the t4b-news-ticker-pro-v1.4.zip file. Click Install Now, then Activate the plugin.
The Licensed purchase allows you to use the T4B News Ticker Pro plugin for one year. When you purchase the Licensed version, you get six months of free support from the date of purchase. After one year, you can renew your license for another year, and with each renewal, you will receive an additional six months of free support.
The Non-Licensed purchase is a one-time payment for the lifetime of the plugin. You won't need to renew your license annually, and you will continue to receive updates for the lifetime of the plugin. However, free support is provided only for the first six months after purchase. If you need additional support after this period, you can extend the support time for a small fee.
Source & Credits
Fonts:
- Font Icons - Font Awesome 5
- Font Family - Google Fonts
Templates:
- Docs Template: iDocs - One Page Documentation HTML Template
Support
If you have further questions or need additional assistance beyond this documentation, please don't hesitate to reach out to us. You can submit your query on the Plugin Support Page in WordPress.
We are located in GMT +6:00 time zone and we answer all questions within 12-24 hours in weekdays. In some rare cases the waiting time can be to 48 hours. (except holiday seasons which might take longer).
Don't forget to Rate T4B News Ticker Pro plugin
Click on the above Star icons & then You can Rate & Review for our plugin.
Thank You.
More Plugins
Checkout Our Below Free & Premium Plugins
Changelog
See what's new added, changed, fixed, improved or updated in the latest versions.
For Future Updates Follow Us @facebook / @twitter / @linkedin
Version 1.4 (6 December, 2024)
- Updated Improved code to meet WordPress coding standards.
- Updated Enhanced security by checking user capabilities and nonce in AJAX requests.
- Updated Newly created ticker now redirect to the News Ticker List page for quick access.
- Updated Shortcode ID remains unchanged when a table is deleted.
- Added Option to regenerate Shortcode IDs.
- Added A 'Preview' button with design previews for quick selection.
- Added Modal-based functionality with progress messages.
- Added A "Recommended Plugins" section in the admin panel to showcase our featured plugins.
- Notice Introduced licensing system: users must activate the plugin with a license key before usage.
- Fixed Mminor JS & CSS issues.
Version 1.3.6 (26 June, 2024)
- Fixed Multiple ticker deletion issues.
Version 1.3.5 (25 May, 2024)
- Fixed Few issues caused by WP latest release.
- Fixed The time & date display issue.
Version 1.3.4 (30 December, 2023)
- Updated Modified the Text domain with the plugin's slug.
- Updated Improved the translation escaping process.
- Notice Announcement before releasing the next update.
- Fixed The issue of Internationalization.
Version 1.3.3 (15 August, 2023)
- Updated Make compatible with the WordPress latest version 6.3
- Fixed Custom text URL bug.
- Fixed Auto generated <p> tag bug.
Version 1.3.2 (2 August, 2023)
- Fixed Custom text URL issue.
Version 1.3.1 (5 May, 2023)
- Updated AJAX form submission without page refresh for a smoother user experience.
- Updated Responsive admin panel design for access from any device.
- Notice Make compatible with WP 6.2.1
Version 1.3 (11 March, 2023)
- Added Option to manage desktop, tab and mobile.
- Notice Make compatible with WP 6.1.1
Version 1.2.9 (27 June, 2022)
- Added 12 ready-made designs to create a news ticker instantly.
- Added User can switch to any design with just 1 click.
- Updated Modified the backend look slightly.
- Fixed CodeMirror issue has been solved.
- Notice Make compatible with WP 6.0
Version 1.2.8 (16 February, 2022)
- Updated Make the backend look more professional.
- Notice Make compatible with WP 5.9
Version 1.2.7 (12 February,2021)
- Added Option to show date and time of posts.
- Added Option to set font size, background and font color of date and time.
- Notice Make compatible with WP 5.6.1
Version 1.2.6 (12 August, 2020)
- Added Option whether to allow continuous scrolling or not.
- Added Option whether to show link in category/tags title or not.
- Fixed Some jQuery issues to make compatible with WP 5.5
Version 1.2.5 (30 April, 2020)
- Added Option to adjust scroll ticker entry point.
- Added Option to disable CodeMirror wp-theme-plugin-editor.
- Added Option to make choice between CodeMirror and WP Post Editor.
- Added Option to make HTML Editor as the Default Post Editor if WP Post Editor enabled.
- Added Option to decide whether to enable icons for ticker or not.
- Added Option to set separator image maximum and minimum width.
Version 1.2.4 (26 March, 2020)
- Updated Ticker will scroll and start from right even it has only one news.
- Updated Make ticker admin panel even more responsive.
Version 1.2.3 (1 March, 2020)
- Added Font-family for each ticker individually.
- Added Automatic updates from the WP admin panel.
Version 1.2.2 (20 January, 2020)
- Added Option to hide ticker title.
- Added Option to hide or show ticker title on mobile view.
Version 1.2.1 (1 December, 2019)
- Added Option to hide ticker if no posts or news exist.
- Fixed Some minor bugs.
Version 1.2 (29 August, 2019)
- Added Option to add separator icon instead of font awesome icon.
- Added Open link in new tab option given.
Version 1.1 (2 August, 2019)
- Added Select posts from multiple categories including custom post type categories.
Version 1.0 (17 June, 2019)
- Created Initial Release
- New 7 types of animation effects
- New Multi Categories support only for regular post
- New RSS and JSON Support
- New More than one News Ticker on your site
- New Google Fonts Support
- New Font Awesome Icon Support
- New RTL Support