WordPress向けのシンプルな、BootStrap使用テーマにLigithingがあります。今回は、Ligithingで記事ヘッダのレイアウトをカスタマイズする方法を説明します。
今回カスタマイズするヘッダは、下記画像の赤枠の部分です
記事ヘッダのレイアウトは、個別記事/記事一覧ともに、module_loop_post_meta.phpファイルで制御しているので、このファイルを変更します。実際にカスタマイズする場合は、Ligithingテーマを直接編集するのではなく子テーマを作成してから修正してください。
記事の公開日を消す
module_loop_post_meta.phpを開き、下記の行を削除する<span class="published entry-meta_items"><?php echo esc_html( get_the_date() ); ?></span> |
最終更新日の表示を消す
module_loop_post_meta.phpを開き、下記の行を削除する<?php // Post update $meta_hidden_update = ( isset($lightning_theme_options['postUpdate_hidden']) && $lightning_theme_options['postUpdate_hidden'] ) ? ' entry-meta_hidden' : ''; ?> <span class="entry-meta_items entry-meta_updated<?php echo $meta_hidden_update;?>">/ <?php _e('Last updated','lightning'); ?> : <span class="updated"><?php the_modified_date('') ?></span></span> |
投稿者の表示を消す
module_loop_post_meta.phpを開き、下記の行を削除する// Post author <?php $meta_hidden_author = ( isset($lightning_theme_options['postAuthor_hidden']) && $lightning_theme_options['postAuthor_hidden'] ) ? ' entry-meta_hidden' : ''; ?> <span class="vcard author entry-meta_items entry-meta_items_author<?php echo $meta_hidden_author;?>"><span class="fn"><?php the_author(); ?></span></span> |
記事のカテゴリを複数設定している時、すべてのカテゴリを出す
以下のロジックを変更する変更前:
<?php $taxonomies = get_the_taxonomies(); if ($taxonomies): // get $taxonomy name $taxonomy = key( $taxonomies ); $terms = get_the_terms( get_the_ID(),$taxonomy ); $term_url = esc_url(get_term_link( $terms[0]->term_id,$taxonomy)); $term_name = esc_html($terms[0]->name); echo '<span class="entry-meta_items entry-meta_items_term"><a href="'.$term_url.'" class="btn btn-xs btn-primary">'.$term_name.'</a></span>'; endif; ?> |
↓
変更後:
<?php $taxonomies = get_the_taxonomies(); if ($taxonomies): // get $taxonomy name $taxonomy = key( $taxonomies ); $terms = get_the_terms( get_the_ID(),$taxonomy ); foreach( $terms as $term ) { $term_url = esc_url(get_term_link( $term->term_id,$taxonomy)); $term_name = esc_html($term->name); echo '<span class="entry-meta_items entry-meta_items_term"><a href="'.$term_url.'" class="btn btn-xs btn-primary">'.$term_name.'</a></span>'; } echo '<br />'; endif; ?> |
関連記事
コメントを残す