CM News Docs
Introduction
CM News is a versatile and contemporary WordPress block theme tailored for news websites, featuring a clean, minimalist layout that highlights your content. With customizable blocks and intuitive drag-and-drop functionality, it allows for easy personalization and dynamic content arrangements. The theme is fully responsive, ensuring an optimal viewing experience on all devices, and includes built-in support for multimedia, social media integration, and SEO optimization to enhance your site's reach and engagement.
Installation
Automatic Installation
- Navigate to WordPress Dashboard > Themes.
- Click the Add New Theme and search for "CM News".
- When the theme appears click Install then Activate.
Manual Installation
If automatic installation is not possible, go to [ https://wordpress.org/themes/cm-news/ ] and you will see the download button. Clicking download button will provide you with a zip file of the theme.
- Go to Appearance > Themes > Add New Theme and click upload Theme.
- Click upload theme and then add the zip file.
- The theme will then be installed, then activate the theme.
Site Editor
The WordPress Site Editor introduces a new method for creating stunning websites directly within WordPress, eliminating the need for additional page builders. Utilizing blocks, patterns, and a comprehensive set of drag-and-drop design tools, users can effortlessly build pages.
This interface is designed to be user-friendly for individuals of all skill levels, enabling them to craft professional-looking websites with ease. Whether you are creating a blog, a marketing site, or a portfolio, the Site Editor offers the flexibility and customization needed.
To start editing your site with the Site Editor, navigate to Appearance → Editor. From here, you can design and modify templates, set up menus, and personalize your website’s styles, color palette, typography, block styles and more.
To edit templates and sections navigates to the following. Learn more about the Side Editor see official documentation here
Appereance → Editor → Templates
Edit Header/Footer
Header and footer can be edited globally in WordPress. To Edit your header/footer follow the following steps
Appearance → Editor → Patterns → Header/Footer
Step 1:Go to the WordPress dashboard, select the Editor tab under Appearance.
Step 2:Navigate to the patterns tab by selecting it from the menu's left-hand side.
Step 3:To modify, click the edit button and choose the heading on the left.
CM News Style Variation and Palette
In WordPress, Style Variations are predefined set of design. On block theme it is found under styles/ folder. Clicking each style variation will allow you to see live preview of the theme. Clicking save buttons allow you to save the changes in the theme.
CM News Style Variation
CM News theme offers diverse style options to effortlessly transform your WordPress site. Choose from predefined color variations to jumpstart your palette or opt for combinations of colors and typography for a more distinctive look. These variations provide quick and easy ways to enhance the visual appeal and character of your website.
- Color Variation: Default, Blackwhite, Bluefine, Ceruleanblue, Knightdark, Myrtlegreen, Purplecage
- Fonts used: Roboto, Poppins
Here, you’ll see a visual design representation of each style variation in the theme. To change the style variation navigate to:
Appereance → Editor → Styles
These are the color variation available in our theme
To learn more about the style variation follow official documentation about style variation here
Global Styles
Global Styles is the central hub within the Site Editor where users have the ability to customize all aspects of their website's appearance. From typography choices to button colors, link styles, and layout presets, Global Styles offers a comprehensive toolkit for refining the visual identity of your site.
This feature streamlines the design process by enabling users to make widespread style adjustments efficiently, rather than editing each element separately. By utilizing Global Styles, website owners can establish a cohesive and polished look that reflects their brand's personality and professionalism with minimal effort.
With Global Styles, maintaining consistency across all web pages becomes effortless. Instead of manually tweaking individual design elements, users can set universal parameters that instantly apply across the entire site. This ensures that fonts, colors, and layout defaults remain uniform, promoting a seamless user experience.
Appereance → Editor → Styles
Click Here to learn more abut the Global Styles
Front Page Customization
CM News allows users to customize the front page. Take the following actions to customize the home page:
- After entering the WordPress Dashboard, select the Appearance tab and then select the Editor.
- Next, select the Templates tab, where you can view the many templates that are compatible with our theme.
- To make changes, click the three vertical dots in the Frontpage template's lower right corner.
We have seven sections in Frontpage, which include the Header and Footer.
How to Edit Front Page?
To Edit Frontpage follow the following steps:
Step 1: Go to the WordPress dashboard, select the Editor tab under Appearance.
Step 2: Navigate to the template tab by selecting it from the menu's left-hand side.
Step 3: To make changes to the frontpage template, click the edit button that shows up when you click the three dots in the lower right corner of the template.
How to Edit Front Page Section?
Suppose you want to list news of another category in the homepage's hero section. To achieve it follow the below steps:
Appereance → Editor → Templates → Edit Frontpage Template
- First of all select the query loop block.
- Next, the block panel shows up on the dashboard's right side.
- To add category click the plus symbol and add the category. The visualization is shown in the image below:
How to make sticky Header?
CM Blog theme allows you to make header sticky globally. In order to use this feature you have to download the latest version of CM Blocks plugin.
First, open the Site Editor by going to the WordPress admin, Appearance > Editor. Choose the template you want to edit, and click on the edit button to edit the template. Then, follow the steps given below:
- First select the header template from the List view.
- Select and drag the header template part inside the new group. Make the header full-width.
- Select the group block and open the position panel. Select the “Sticky” option.
Remember to update every template where you want to make sticky header.
Search with Typesense
Search with Typesense is a modern, privacy-friendly, open source search engine built from the ground up using cutting-edge search algorithms, that take advantage of the latest advances in hardware capabilities.
Search with Typesense has been integrated with CM News Theme to enhance your news search experience with its rapid search and autocomplete features. Click here to access the plugin repository, or use the WordPress plugin directory to get Search with Typesense.
To get started and configure, Search with Typesense, follow the detailed official guide here.
CM News is fully compatible is Search with Typesense. You can check out the live demo of the integration here:
CM News with Autocomplete CM News with Instant Search
