固定ページに 投稿日・更新日・投稿者を表示する

WordPress Twenty Seventeen
固定ページのカスタマイズ
投稿日・更新日・投稿者を表示する
 
固定ページには、タイトルは表示されているが、「投稿日・更新日・投稿者」は表示されていない。管理面・SEO面から、これらを表示することにした。
 
固定ページに 投稿日・更新日・投稿者を表示する
 
以下、固定ページへの「投稿日・更新日・投稿者」の表示要領。

twenty seventeen 記事タイトルの文字サイズを変更

WordPress Twenty Seventeen
フロントページ 最近の投稿 カスタマイズ
記事タイトルの文字サイズを揃える
 
フロントページの記事一覧で表示される記事タイトルと、カテゴリーやアーカイブで表示される記事一覧の記事タイトルと、それぞれの文字サイズが異なっている。 
 
記事タイトルの文字サイズを変更
 
双方とも、<h2 class=”entry-title”>で表示しているにもかかわらず、なぜ異なるのか分からないまま、半ば強制的に文字サイズを変更した。

twenty seventeen 内部リンクをショートコードでブログカード化

WordPress Twenty Seventeen
ブログカードのカスタマイズ
ショートコードでブログカードを自作する
 
標準のブログカードは、サイズが大きすぎていくつも並べられない。そこで、いくつも並べても見やすいサイズのブログカードを自作することにした。
自作するにあたっては、ブログのメンテナンス性を考慮し、URLを直接記述する方式ではなく、『ショートコード』で実装することにした。

WordPress ショートコードで『ブログカード風』『関連記事一覧』を表示

WordPress Twenty Seventeen
Twenty Seventeen のカスタマイズ
ショートコードで『関連記事一覧』を表示
 
任意のページの、任意の場所に、任意のカテゴリーの『記事一覧』を、任意の数だけ、サムネイル付きで表示する『関連記事一覧を表示するショートコード』を作成した。 記事一覧は、『ブログカード』風のデザインにした。
 
ショートコードで、ブログカード風『関連記事一覧』を表示した例。
ショートコードで『関連記事一覧』を表示 

Twenty Seventeen 「続きを読む」をクリックした時、ページの先頭にジャンプ

WordPress Twenty Seventeen
画面制御ボタンのカスタマイズ
「続きを読む」をページのTOPにする
 
WordPressでは「続きを読む」をクリックした場合、まさにその続きの場所から表示される。これを『利便性』の観点から、ページの先頭から表示されるように変更する。

Twenty Seventeen ページトップへ戻るボタンの設置

WordPress Twenty Seventeen
画面制御ボタンのカスタマイズ
ページトップへ戻るボタンの設置
 
ページをスクロールすると、画面右下に「トップへ戻る」ボタンが浮かび上がってきて、これを押すとページの先頭に戻るボタンを設置した。
以下に、この方法を記述。

WordPress SNSボタンをサイドバーにウィジェットで表示

WordPress Twenty Seventeen
SNSボタンのカスタマイズ
サイドバーにウィジェットで表示
 
サイドバーにも「カスタム HTML」というウィジェットで【 SNSボタン 】を表示。 
SNSボタンをサイドバーにウィジェットで表示
 
以下に、この表示要領を記録。

WordPress 軽量のソーシャルボタンを自作し、任意の場所に表示する

WordPress Twenty Sixteen カスタマイズ
SNSボタンをまとめたショートコードを作成し、
任意の場所に表示
 
①.「PageSpeed Insights」で測定すると、【 Poor 】と遅い。
②.「WP Social Bookmarking Light」プラグインを使用しているが、表示位置が自由にならない。
 
軽量のソーシャルボタンを自作

という理由で、最も軽いソーシャルボタンをPHPファイルで作成し、SNSボタンを投稿ページや固定ページの任意の場所に、PHPファイルを動かす 『ショートコード』 で表示できるようにした。

 
以下、ソーシャルボタンをPHPで作成し、そのPHPファイルをショートコードにする方法を纏めた。