Hello There,
If you place it in renew it does work because the template needs to be in the child theme’s folder. If you want to use the best practices, you will do these steps instead:
1] Using Notepad or TextEdit or Sublime Text or any text editor, please create a new file in your local machine.
2] Insert the following code into that new file
<?php
/*
Template Name: Sample Post layout
Template Post Type: post
*/
?>
<?php x_get_view( x_get_stack(), 'template', 'sample-post ); ?>
3] Save this file as template-sample-post.php
and upload to your server in the child theme’s folder wp-content/themes/x-child/
4] Create another new file and insert this:
<?php
// =============================================================================
// VIEWS/INTEGRITY/WP-SINGLE.PHP
// -----------------------------------------------------------------------------
// Single post output for Integrity.
// =============================================================================
$fullwidth = get_post_meta( get_the_ID(), '_x_post_layout', true );
?>
<?php get_header(); ?>
<div class="x-container max width offset">
<div class="<?php x_main_content_class(); ?>" role="main">
<?php while ( have_posts() ) : the_post(); ?>
<?php x_get_view( 'integrity', 'content', get_post_format() ); ?>
<?php x_get_view( 'global', '_comments-template' ); ?>
<?php endwhile; ?>
</div>
<?php if ( $fullwidth != 'on' ) : ?>
<?php get_sidebar(); ?>
<?php endif; ?>
</div>
<?php get_footer(); ?>
The code is taken from wp-content/themes/x/framework/views/integrity/wp-single.php. You can choose which stack you are using and copy it over.
5] Make your necessary changes for the template if there is a need to.
6] Save the file named as template-sample-post.php
and upload to your server in the child theme’s folder wp-content/themes/x-child/framework/views/integrity/. This step is for Integrity stack only. When you switch stack, it will return an error if you haven’t created template-sample-post.php
file for other stacks.
You can go back to steps 1 - 6 if you need to create more templates. Please take note how I named my files and how it relates in the code.
For the Grid skins, please understand that some of the skin may not be editable or not available when you go to the skin editor. You might need to create your own. To do that, please check out this documentation:
https://theme-one.com/docs/the-grid/#skin_builder
Your heading titles and its colors according to category, you will need a custom css. Please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)
.category-mindfulness .entry-title {
color: red;
}
.category-recipes .entry-title {
color: yellow;
}
You may need to duplicate and edit the code to add your other categories.
Hope this helps.