Skip to main content

How to create Site News

[ Site News ] feature allows users to configure news content displayed on the website.

Any client that subscribe conida website, will have news within the site modules. [ News ] is part of the system page, auto-generated once a website is ready. 

News consists of the following URL :

  • /news - this is the overall news page
  • /news/:id - this is the individual news page, with its own slug created by the User

An example of /news page:

Screenshot 2024-12-05 at 4.30.15 PM.jpg

An example of /news/:id page 

Screenshot 2024-12-05 at 4.31.57 PM.jpg

Under the News menu, there are :

  • News 
  • Content Service
  • Categories
  • Setting 

1. News

Click on the [ News ] and you will come to the News Listing page. To create news, simply click on [ Create News ] button.

Screenshot 2024-12-05 at 4.38.44 PM.png

Remarks: Categories are mandatory for news creation. Make sure Categories are created before creating news.

1.1 Create News from Scratch 

Screenshot 2024-12-05 at 4.13.28 PM.png

Click "Website" and click "Next" if we want to create from scratch.

Screenshot 2024-12-05 at 4.16.55 PM.png

In the form :

  • Select Category : Every news item has to belong to at least one or more categories.
  • Title : The title of your news
  • Teaser text  : Short description for preview under News title
  • Content : Content editor of the news

Screenshot 2024-12-05 at 4.19.02 PM.png

  • Status : Set this news as active / inactive ( by default it is active ) . Only active news will be displayed.
  • Publish from : Set a publish date ( it is by default to publish the news at current time if user does nothing on this )
    • Show publication date - when this is checked, every news will show when this article is published.
    • Example : 
    • Screenshot 2024-12-05 at 4.27.20 PM.png
  • Has Expiry Date : Set an expiry date for this news. News will be removed from the website (status set to inactive) when this date & time is reached. 
  • Website Previewed image & Detailed image : Website previewed image is for /news page and Detailed image is for /news/:id page

Click "Submit" after all the above are configured. The news will be published and display on the news listing. 

1.2 Create News from Content Service

  1. Tick "Website". 
  2. Select which categories of content you're looking for.
  3. Content listed on the listing --> users may click on the button to select the content

Screenshot 2024-12-05 at 4.44.48 PM.png

4. Content is selected, click next.

Screenshot 2024-12-05 at 4.47.32 PM.png

5. Content selected will automatically fill in the News Configuration modal. See screenshots below :

Teaser text are filled.

Screenshot 2024-12-05 at 4.48.32 PM.png

Content text is filled:

Screenshot 2024-12-05 at 4.48.40 PM.png

Preview & Detailed image are also filled:

Screenshot 2024-12-05 at 4.48.22 PM.png

After review the content, Center Admin may choose to Edit existing content, or publish directly.

Additional Info :

Website news are displayed under www.url.com/news and Facebook news are news solely published to Facebook. The system needs the user needs to link their Facebook ID via News > Setting

There are 2 methods to create news :

  1. Create from Scratch
  2. Create from Content Service

1.3 Categories

This are the news categories configuration page.

Click on "Create News Category"

Screenshot 2024-12-05 at 4.57.05 PM.png

Input text to name your category, and click Submit to save.

Screenshot 2024-12-05 at 4.59.09 PM.png

1.4 Setting  (Facebook ID)

2.

1.3 Building / EditingCreating News Content

When clickingClick on the "Edit Content,Content" you will comebutton to thiscreate modal.a news/ edit existing content from "content service" 

From this modal, you can create your content which is mainly made by 3 components: Text, image, video.

Screenshot 2024-12-06 at 12.19.20 PM.png

After choosingclicking yourthe component,button, youthe canfollowing setmodal if this component shouldwill be 100%opened inup:

column

Screenshot 2024-12-06 at 12.20.09 PM.png

A default row is ready for Center Admin to add either [ text ], [ image ] or othervideo percentage.into the link. 


AdditionalIf Infotext is added, Admin may edit the text using the text editor, or add/configure bullet point onto the text. 

Columns are vertical sections that span the height of the content area and are considered to be the “building blocks” of grids. When you configure your column percentage, you decide the width allowed for your selected components.Screenshot 2024-12-06 at 12.23.22 PM.png

If

On[ +Image ] is added to the same row, youAdmin canmay also addchoose/upload an image orfor this by clicking "upload image"

Screenshot 2024-12-06 at 12.24.51 PM.png

 

If [+video ] is selected, Admin can upload a video cover image by usingclicking "select image" and fill in the followingYoutube button.video embed link. 

Screenshot 2024-12-06 at 12.34.29 PM.jpg

AfterTo configuring,add a new row with new component, Admin may click on the"Add Previewnew Modecontent" buttonand select component to seeadd. how it looks like in responsive view [ Desktop, Tablet and mobile ] screen.

Screenshot 2024-12-06 at 12.59.15 PM.png

Screenshot 2024-12-06 at 12.59.56 PM.png

Admin may continue to configure the news content via the above ways. 

- the end - 

Back to top