Move ‘date’ location on a post & expose ‘list of each category’
-
Hi, I am using twenty fifteen well. I have a 2 questions.
1. date, tag, comment section is in the bottom of each post. I want to move only ‘date’ at the starting of a post. Between the title and content.
2. If I click each category, I don’t see any lists of each category. Is there anyway to make it visible?
The page I need help with: [log in to see the link]
-
Hi!
1. This is possible but you’d need to create a child theme ( https://developer.www.ads-software.com/themes/advanced-topics/child-themes/ ) and then modify the child theme templates from there
If you are willing to go ahead with that and feel comfortable working with code, I can try to help further with this
2. Not quite sure what you’re referring to here. Can you provide a bit more specific example?
Hi Jarret, Thanks for your response!
1. I am willingto create a child them and modify. will check how to do it and then ask you further thank you
2. There are more than 1 posts in each caterogy in my webiste, but if I click a category in my webiste, I cannot see a list of posts under that category. I should scroll down all the contents of the posts or use search bar to find a specific post. Can you help me on this?
Thank you
For #2, I clicked over to your site and clicked on the Thursday Morning Briefing post to the single post view. Then scrolled down to the end of the post and clicked on the Morning Briefing category.
That brought me to the category archive URL which shows a list of posts that exist within that category. The first one being the Thursday briefing, the second being Wednesday and so on.
Where are you clicking that you’re expecting to see a list of categories? If you’re able to get a screenshot, you can upload it to https://snipboard.io and share the link here.
Thanks!
Hi Jarret, thanks for reviewing my website.
What I expected to see it like below. Instead of a list of full contents, I expected to see a list of short versions like below which will be opened to a full page if I click ‘read more’
https://snipboard.io/AQcMLC.jpg
Thanks!
For #1, I created a ‘twentyfifteen-child’ folder under ‘wp-content’ and created style.css & index.php inside the folder.
For style.css, I added below.
/*
Theme Name: Twenty Fifteen Child
Template: twentyfifteen
*/For index.php, I added below.
`<?php
add_action( ‘wp_enqueue_scripts’, ‘my_theme_enqueue_styles’ );
function my_theme_enqueue_styles() {$parent_style = ‘parent-style’; // This is ‘twentyfifteen-style’ for the Twenty Fifteen theme.
wp_enqueue_style( $parent_style, get_template_directory_uri() . ‘/style.css’ );
wp_enqueue_style( ‘child-style’,
get_stylesheet_directory_uri() . ‘/style.css’,
array( $parent_style ),
wp_get_theme()->get(‘Version’)
);
}and now I see like this -> https://snipboard.io/IAdL5C.jpg
is this correct?Ah, so you want just the excerpt of the posts showing on archive pages instead of the full content. That is possible indeed.
The setup for the child theme looks right, have you activated it yet to make sure it displays correctly? Once we can ensure the child theme is running correctly when active we can work on the custom code stuff for the display.
Hi Jarret, I clicked ‘activate’ but I think it doesn’t work well. Nothing on the webpage I see nothing…
The link you shared suggests to make a ‘functions.php’ file but when I made the file, WP says that I should make an ‘index.php’ file. So I changed the file name from ‘functions.php’ to ‘index.php’ but I see nothing when I activated.
If I changed back to the file name to ‘functions.php’. An error pops up in WP and says I need an ‘index.php’ file. Think I should fix this first.
Will get back to you soon
Thanks
Hi, Jarret, I regenerated child theme and I clicked ‘preview’. It is working now well!!!! Would like to step into the next step!
Have a great day and talk to you soon
Ok, you need to copy the file content.php from the original TwentyFifteen theme into your child theme as well.
Open up the content.php file in your child theme and look for the following code
the_content( sprintf( /* translators: %s: Post title. */ __( 'Continue reading %s', 'twentyfifteen' ), the_title( '<span class="screen-reader-text">', '</span>', false ) ) );
Replace that code with the following piece of code
if ( is_category() ) { the_excerpt(); } else { the_content( sprintf( /* translators: %s: Post title. */ __( 'Continue reading %s', 'twentyfifteen' ), the_title( '<span class="screen-reader-text">', '</span>', false ) ) ); }
That should make it so that post content showing up inside of a category list show the post excerpt instead of the full post content which I believe is what you were going for.
Regarding the post date, we need to pull a piece of code from the /inc/template-tags.php file inside of the original TwentyFifteen theme. Here is the chunk of code for displaying the post date
if ( in_array( get_post_type(), array( 'post', 'attachment' ) ) ) { $time_string = '<time class="entry-date published updated" datetime="%1$s">%2$s</time>'; if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) { $time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time><time class="updated" datetime="%3$s">%4$s</time>'; } $time_string = sprintf( $time_string, esc_attr( get_the_date( 'c' ) ), get_the_date(), esc_attr( get_the_modified_date( 'c' ) ), get_the_modified_date() ); printf( '<span class="posted-on"><span class="screen-reader-text">%1$s </span><a href="%2$s" rel="bookmark">%3$s</a></span>', _x( 'Posted on', 'Used before publish date.', 'twentyfifteen' ), esc_url( get_permalink() ), $time_string ); }
Copy this piece of code and go back into the content.php file we just modified in your child theme. Look for the following section of code
<?php if ( is_single() ) : the_title( '<h1 class="entry-title">', '</h1>' ); else : the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); endif; ?>
Insert the post date code after the
endif;
line but before the?>
line so it looks like the following<?php if ( is_single() ) : the_title( '<h1 class="entry-title">', '</h1>' ); else : the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); endif; if ( in_array( get_post_type(), array( 'post', 'attachment' ) ) ) { $time_string = '<time class="entry-date published updated" datetime="%1$s">%2$s</time>'; if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) { $time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time><time class="updated" datetime="%3$s">%4$s</time>'; } $time_string = sprintf( $time_string, esc_attr( get_the_date( 'c' ) ), get_the_date(), esc_attr( get_the_modified_date( 'c' ) ), get_the_modified_date() ); printf( '<span class="posted-on"><span class="screen-reader-text">%1$s </span><a href="%2$s" rel="bookmark">%3$s</a></span>', _x( 'Posted on', 'Used before publish date.', 'twentyfifteen' ), esc_url( get_permalink() ), $time_string ); } ?>
That should place the date of the post under the title but before the content. It will still show the date of the post at the bottom of the content as well since we didn’t modify the /inc/template-tags.php file to remove it from there but it won’t cause any issues having it twice on the post.
Hi Jarret, thank you very much for your help.
It worked! now I have a list of the posts in pages if I click categories.
I was little bit worried but you guided so nicely, so I could make it.Could you please give me a hand with a few more help?
I attached screenshot links for each question1. I want to make a space between the Date and the preview excerpt.
Can I put enter right after the date but before the excerpt?
https://snipboard.io/x5M3rz.jpg2. Can I make the Date color changed and make it small?
(Is that also possible to remove the calendar shaped icon on the left side of the date?) https://snipboard.io/hDcyPO.jpg3. Can you help me to move a thumbnail to the left of the excerpt and make it small? https://snipboard.io/UGOBkP.jpg
Thanks!
- This reply was modified 4 years, 7 months ago by daily1inch.
- This reply was modified 4 years, 7 months ago by daily1inch.
There is one more question!
4. . Can I edit layout and put another side bar one right side so that I can add other widgets too? like this -> https://snipboard.io/ojfsgI.jpg
Hi Jarret, Could you please ignore the questions above all and help me with 2 questions below?
1. Can you help me to move a thumbnail to the left of the excerpt and make it small? https://snipboard.io/UGOBkP.jpg
2. Can you help me exactly which part can I adjust for margins of 3 parts? ( I think I can adjust margins in CSS file but cannot find where these belong) https://snipboard.io/eBqXl0.jpg
https://snipboard.io/ES9mzu.jpgthank you so much and have a great day!!!
Hi Jarret all problems solved! thanks for your support ! have a great day
- The topic ‘Move ‘date’ location on a post & expose ‘list of each category’’ is closed to new replies.