WordPressテーマ・Twenty Sixteenのフッターコピーライト©表記に変更して中央寄せする

WordPress

2020.08.09 2016.07.16

フッター部分はデフォルトでは、左側に詰め込まれた状態で

《「サイト名」/ 「Proudly powered by WordPress」》

と表示されていると思います。これを

にして、センタリングしてみたいと思います。

著作権の表記・コピーライト © を表示する
著作権の表記・コピーライト © のセンタリング

著作権の表記・コピーライト © を表示する

「外観」→「テーマの編集」→右サイドの「テンプレート」→「テーマフッター(footer.php)」へ移動します。

以下の部分を削除します。

<div class="site-info">
			<!-----------  削除・ここから ----------->
				<?php
					/**
					 * Fires before the twentysixteen footer text for footer customization.
					 *
					 * @since Twenty Sixteen 1.0
					 */
					do_action( 'twentysixteen_credits' );
				?>
				<span class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span>
				<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentysixteen' ) ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentysixteen' ), 'WordPress' ); ?></a>
			<!-----------  削除・ここまで----------->
			</div><!-- .site-info -->

いま削除した部分に、以下を貼り付けます。

Copyright © <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?> </a>All Rights Reserved.

「外観」→「テーマの編集」→右サイドの「スタイル」→「スタイルシートstyle.css)」へ移動して、下記のように変更します。

.site-info {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
}

↓↓↓

.site-info {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	width:100%;
	text-align:center;
}

以上です。できましたか?

著作権の表記・コピーライト © を表示する

著作権の表記・コピーライト © のセンタリング

コメント