X Theme - Non Profit Demo News

Following up on this post / thread @Jade

My question is: Where is the default page for blog posts / news stories. I know we can link to anything from these buttons.

However, the theme makes it look like it is setup for news. Is there a page that can be added to display all news stories or blog posts?

Thanks

Hi Matt,

Thank you for writing in, you need to set up a Posts page first, this page will serve as your blog index page and you can link your button there. Please follow the following tutorial on how to setup Posts page.

How to Create a Blog Page in WordPress

Hope it helps,
Cheers!

Hi @friech this is very helpful for the blog portion of my question. Thank you.

However, it does not answer the news setup portion of the question and the site I’d like to setup will have both a blog and news section as highlighted in your demo. I’ve attached a screenshot from demo demo shows the news section (see attached).

Questions

  1. How do you add to the news section?
  2. Where is the page where all news items live?

Thank you

Hi Matt,

You have 2 options. You can either create a new custom post type or utilize the same blog post.

If you utilize the blog for news, this is what you need to do.
1.) Create a post category news.
2.) Add news as normal post, then assigned this news to category NEWS.

Either you use the default archive page for category NEWS or you create a new one. For default category news, check its URL on Post > Categories.

In case you want a custom page to display category news, you can use Essential grid to display it ang build it how you like by utilizing the skin editor.

Hope this helps.

Hi @Lely I would like two separate post types. Similar to the demo posted. One for News and one for Blog. Can you please clarify process.

P.S. I’ve had a brief look at instructions and this is very frustrating. This is why people buy a tempalte to not want to spend time setting up pages like this. You should update the template demo to remove any mention of “News” as if this template has setup a system to publish news. This is very misleading.

Hello Matt,

Thanks for the clarifications. The News and the Blog post items are having the same post type as “posts”. They can be separated by a category which will be the key factor in having a News Section and a Blog section. To section both the News section and the Blog Section, please do this:

  • Please create a new page named as “Blog”. This will be our Posts Page or the blog index.
  • Go to Settings > Reading > Front Page Displays and assign “Blog” as the Posts Page.
  • Edit your homepage and insert two sections. The first section will be for the News section and the second one will be for the blog section.
  • In each of the section, insert a headline element, recent posts element and a button element with “Read More Stories” as the label
  • In the first section, add a category for the recent posts element so that all post displayed in this section will only be news.
  • Same with the second section, insert a specific category which is “blog” so that only blog post related will display in this section.

  • Lastly, the button “Read More Stories” can be link to the blog index and then for the News section, you can link it to your News category page archive, which usually like https://example.com/category/news/

When creating a posts, you simply have to categorized it either a News or a Blog so that it will display in specific sections that you’ve just made.

Hope this helps.

@RueNel thank you for further instructions. A couple of questions / issues with this setup.

A) How do I stop Blog page from publishing News category posts.
B) How do i setup a News page similar to Blog that only publishes News
C) I was previously instructed to setup create a new custom post type from @Lely. Should i no longer set this up? Could it be helpful?

Hi Matt,

Let me clarify what @Lely suggested about the Custom Post Type. The custom post type is an alternative method that needs customization and it is outside of our support scope, but if you are interested in the implementation of that method you can try this plugin.

The main archive page shows all the posts regardless of which category you add. That is the page which you assign in WordPress Dashboard > Settings > Reading > Posts Page. You need to set that option to blank and use the category URLs for the listing page.

If you have the News category, then the news listing page URL will be:
https://example.com/category/news/

And if you have a Blog category, the blog listing page URL will be:
https://example.com/category/blog/

To show those pages in the menu of your website you need to go to Appearance > Menus and add the menu item with Custom Links and set the URL to one of the above.

Or you can go to Appearance > Menus and use the Categories section and select the category that you want to be added to the menu:

Thank you.

Thank you @christopher.amirian

Can you confirm. Will we be able to have these two pages look like the demo blog page?

https://demo.theme.co/nonprofit/blog/

Also, can you please let me know how to make one link in the menu have a white full time highlight similar to donation button on demo.

Thanks!

Hi Matt,

Yes, as long you are using the same stack which is ICON and then on Theme Options > Blog > Archives, the settings should be like this:

  1. Go to Appearance > Menu
  2. Edit the specific menu where you want this design
    3 On the upper right part, click Screen Options and then make sure CSS CLASSES is selected
  3. It will then enable CSS class textfield
  4. On the text field add the class menu-item-fill
  5. On Theme Options > Global CSS, add the following:
.x-navbar .desktop .x-nav > li.menu-item-fill > a > span {
    background-color: #ffffff;
}

Hope this helps.

@Lely thank you. That does help.

Question: If I’ve imported data from old site through adding a new post type “ex. News”. How can I create a new page that displays this post type but also have the original style of the blog page from theme.

Thank you

Hi Matt,

It is not possible to do what you want to do with the theme options. This will need a customization that is outside of our support scope and you will need to contact a developer to develop the feature.

Let me list the steps that the developer needs to follow so that you will have more information:

  • The content of the old blog should be checked and determined that how it is made. Did it use the standard WordPress editor or a third-party page builder.
  • A decision should be made that the data should stay the same or recreated using the X theme Cornerstone page builder.
  • A new post type should be developed.
  • The data of the old blog should be moved from standard WordPress post to a custom post type which is possible only by the database queries.
  • Tidy up the front end of the website regarding the news posts and make sure that the old data will not have a bad impact on the view of the website, and fix and abnormal behavior via CSS code.
  • Now that all the data is ready and added as a custom post type, it is possible to add a new custom post type post, in your case news post and create new ones like any other blog post.

Kindly open up new threads for additional questions as it will help us to focus on each issue and give you better support which you deserve. Having a long thread makes the maintaining job harder and also it will be harder for the other customers to find the correct information if they have similar issues. You are always welcomed to reply to this thread to follow up the same question.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.