月: 2025年5月

twenty sixteenのトップページのタイトルを消すは下記参照。

Twenty Sixteen-トップページタイトル削除

続きを見る

トップページの下にカテゴリーを表示する。

content-page.phpのthe_content();の上に下記を入れる。

$categories = get_categories( array(
  'orderby' => 'name',
  'order' => 'ASC'
));
		
  echo '<div class=' . '"grid2"'.'>';		
foreach( $categories as $category ) {
  echo '<div class=' . '"item2"'.'><a href=' . get_category_link( $category->term_id ) . '>' . $category->name. '</a></div>';
};
  echo '</div>';

子テーマのStylesheetに下記を入れる。

.grid2 {
  display: grid; /* グリッドレイアウト */
  gap: 10px; /* 隙間は10px */
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); /* 最小400px */
  margin-bottom: 30px;
}

.item2 {
  text-align: center;
  border-radius: 5px;
  border: 2px solid #808080; /* ボタンに枠線を設定 */
  text-decoration: none; /* 下線を非表示 */
}

.item2 a{
  display: grid; /* リンク要素をグリッドコンテナとして設定 */
  grid-column: 1 / -1; /* リンク要素を親要素の全体に広げる */

  text-decoration: none; /* 下線を非表示 */
  padding-top: 10px; /* 上側のpadding */
  padding-bottom: 10px; /* 下側のpadding */
	
  --btn-color:#808080;/*ボタンの色*/
  border-color: var(--btn-color);
  color: var(--btn-color);
  transition: all 0.3s ease; /* ホバー時の変化をなめらかに */
}

.item2 a:hover{
  color: white;
  background-color: var(--btn-color);
}

各ページにWP-PostViewsを使って記事の閲覧数を表示。

content-single.phpのdiv entry-contentの最下部に入れる。

<?php if(function_exists('the_views')) { the_views(); } ?>

https://webantena.net/wordpress/the-views-and-get-most-viewed

投稿ページの投稿者を消す。

incディレクトリー配下にあるtemplate-tags.phpが該当のファイルを変更する。

	function twentysixteen_entry_meta() {
/*削除*/		
//		if ( 'post' === get_post_type() ) {
//			$author_avatar_size = apply_filters( 'twentysixteen_author_avatar_size', 49 );
//			printf(
//				'<span class="byline">%1$s<span class="screen-reader-text">%2$s </span><span class="author vcard"><a class="url fn n" href="%3$s">%4$s</a></span></span>',
//				get_avatar( get_the_author_meta( 'user_email' ), $author_avatar_size ),
//				/* translators: Hidden accessibility text. */
//				_x( 'Author', 'Used before post author name.', 'twentysixteen' ),
//				esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
//				get_the_author()
//			);
//		}

https://hohara.info/wordpress-anchor-link-delete

twenty sixteenでサブタイトルをいつも表示させる。

子テーマを作り、cssに下記を記す。

.site-description {
　display: block !important;
  font-size: 1rem;
}

Sytlesheetのsytle.cssの1643行にある、.site-descriptionのdisplay: noneを/*display: none;*/として消す。

.site-description {
	color: #686868;
/*	display: none; */
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.0769230769;
	margin: 0.538461538em 0 0;
}