I came across this thread How to put custom post types on front page (thanks to @Andy Macaulay-Brook for the code)
and was able to use that code in my front-page.php to output portfolio items via twentysixteen child theme. It did work by putting <?php wpse_242473_recent_posts(); ?> into front-page.php however its not working when I am putting [recentposts] into the visual editor on \'work\' page which is using front-page.php
I don\'t have much knowledge about PHP just some basics but out of curiousity I tried to google some parts of the function and what they mean and then modify the code slightly and remove parts related to shortcode (as shortcode was not working). Now I removed below parts and its working for me.
I have 3 questions:
Do I need to use shordcode or this function can be used without shortcode portion?
Did I use echo $out; correctly to output the result of the function to the browser?
I already have my html markup for this page. Can I use this function to output my html into the browser or I should hardcode some html actually into my front-page.php?
Below are the changes I made to this function:
$atts = null, $content = null, $tag = null
(I removed those shortcode arguments)
I changed this part
if ( $tag ) {
return $out;
} else {
echo $out;
}
to this
echo $out;
I also removed add_shortcode( \'recentposts\', \'wpse_242473_recent_posts\' );
So my current code looks like this
function wpse_242473_recent_posts() {
$out = \'\';
$args = array(
\'numberposts\' => \'6\',
\'post_status\' => \'publish\',
\'post_type\' => \'portfolio\' ,
);
$recent = wp_get_recent_posts( $args );
if ( $recent ) {
$out .= \'<section class="overview">\';
$out .= \'<h1>Recent Projects</h1>\';
$out .= \'<div class="overview">\';
foreach ( $recent as $item ) {
$out .= \'<a href="\' . get_permalink( $item[\'ID\'] ) . \'">\';
$out .= get_the_post_thumbnail( $item[\'ID\'] );
$out .= \'</a>\';
}
$out .= \'</div></section>\';
}
echo $out;
}
added Custom Post Type code for review (portfolio-type.php)
<?php
/*
* Sets \'Portfolio\' CPT (Custom Post Type) in admin screen and .
* This template is loaded to functons.php in child theme via \'require_once\' function
*/
//set thumbnail size and image size
function portfolio_thumb_and_image_size () {
set_post_thumbnail_size( 280, 210, true); //thumb
add_image_size (\'screenshot\', 720, 540); //image
}
add_action(\'after_setup_theme\', \'portfolio_thumb_and_image_size\', 17);
//add custom post type
function portfolio_register() {
$args = array(
\'label\' => __(\'Portfolio\'),
\'singular_label\' => __(\'Project\'),
\'public\' => true,
\'show_ui\'=> true,
\'capability_type\' => \'post\',
\'hierarchical\' => false,
\'rewrite\' => true,
\'supports\' => array(\'title\', \'editor\', \'thumbnail\')
);
register_post_type(\'portfolio\', $args);
}
add_action (\'init\', \'portfolio_register\');
//add custom taxonomy
register_taxonomy (\'project-type\', array (\'portfolio\'), array(\'hierarchical\' => true, \'label\' => \'Project Types\', \'singular_label\' => \'Project Type\', \'rewrite\' => true));
//add custom fields
function portfolio_meta_box() {
add_meta_box (\'project-meta\', \'Project Options\', \'portfolio_meta_options\', \'portfolio\', \'side\', \'low\');
}
add_action("admin_init", "portfolio_meta_box");
function portfolio_meta_options(){
global $post;
if ( defined(\'DOING_AUTOSAVE\') && DOING_AUTOSAVE ) return $post_id;
$custom = get_post_custom($post->ID);
$link = $custom [\'project-link\'][0];
?>
<label>Link:</label><input name="project-link" value="<?php echo $link; ?>" />
<?php
}
//save custom meta boxes when the post is saved
function save_project_link (){
global $post;
if(defined(\'DOING_AUTOSAVE\') && DOING_AUTOSAVE ) {
return $post_id;
}
else {
update_post_meta ($post->ID, \'project-link\', $_POST[\'project-link\']);
}
}
add_action (\'save_post\', \'save_project_link\');
//customize admin columns
//add custom columns via filter hook (make columns available on the edit posts page)
function project_register_columns($columns) {
$columns = array(
\'cb\' => \'<input type=\\\'checkbox\\\' />\',
\'title\' => \'Project\',
\'description\' => \'Description\',
\'link\' => \'Link\',
\'type\' => \'Type of Project\',
);
return $columns;
}
add_filter(\'manage_edit-portfolio_columns\', \'project_register_columns\');
//add content to custom columns: \'description\' \'link\' \'type\'
function add_columns_content ($columns) {
global $post;
switch ($columns)
{
case \'description\':
the_excerpt();
break;
case \'link\':
$custom = get_post_custom();
echo $custom[\'project-link\'][0];
break;
case \'type\':
echo get_the_term_list($post->ID, \'project-type\', \'\', \', \',\'\');
break;
}
}
add_action(\'manage_posts_custom_column\', \'add_columns_content\');
function wpse_242473_recent_posts() {
$frontpage_args = array(
\'numberposts\' => \'6\',
\'post_status\' => \'publish\',
\'post_type\' => \'portfolio\' ,
);
$recent = wp_get_recent_posts( $frontpage_args ); ?>
<section class="overview">
<h1>Recent Projects</h1>
<div class="overview">
<?php if( $recent ) :
foreach ( $recent as $item ) : ?>
<a href="<?php echo get_permalink( $item->ID ); ?>">
<?php echo get_the_post_thumbnail( $item->ID ); ?>
</a>
<?php endforeach;
endif; ?>
</div>
</section>
}
content of front-page.php
<?php
get_header();
?>
<main class="home">
<h1>this is front-page.php</h1>
<?php wpse_242473_recent_posts(); ?>
<!-- porfolio items go here ––>
</main>
<?php get_footer(); ?>
</div>
