AFFINGER5 「ページ送り」スタイルの小変更

投稿日:2019年5月26日 更新日:

スポンサーリンク

 

AFFINGER5は、色々カスタマイズできますが、「ページ送り prev next」については、何故かカスタマイズができず、現状のスタイルに不満を覚えたので、イメージを崩さない程度の小変更にとどめたカスタマイズを行ってみました。

 

 

スポンサーリンク

 

AFFINGER5・ページ送り(スタイル)

変更前のスタイル

現状スタイルの不満なところ

「PREV」と「NEXT」の表現が判り難く、行間も狭く、「PREV」と「NEXT」にリンクも設定されていない。

カスタマイズ後のスタイル

 

スタイル変更の手順

 

step
1
3つのファイルを子テーマへコピー

ページ送りを子テーマ内でカスタマイズするために、関連している3つのファイル(single-type1.php、single-type2.php、single.php)を親テーマからコピーして子テーマフォルダーへ貼り付けておきます。

 

step
2
single.phpの一部変更

子テーマフォルダーに入れたsingle-type1.phpでスタイル変更を行いますが、これを反映させるためには、single.phpのコードを以下のようにTEMPLATEPATHからSTYLESHEETPATH変更することが必要です。

single.php

ポイント

ページ送りの設定は、子テーマにコピーしたsingle-type1.phpにあるコードです。 このコードを色々いじっても全く変更が反映されませんでした。 この原因を調べたら、single.phpにあるTEMPLATEPATHSTYLESHEETPATH変えれば子テーマのsingle-type1.phpの設定が反映されることが判りました。

参考にさせて頂いたのは、以下のサイトです。
https://itwn.jp/archives/2720/

 

step
3
 single-type1.phpのコード変更

下の画像で示す、要素部分(色分け文字)が変更箇所です。

single-type1.php

159行目以降の行のハイライト部分が、変更したコードになります。

注意ポイント

PREVとNEXTは、以下の様に、Font Awesomeアイコンに変更しています。

<i class="fas fa-caret-square-left fa-2x"></i>

<i class="fas fa-caret-square-right fa-2x"></i>

〜〜〜

Font Awesomeアイコンを使うには、header.phpへ以下のコードを予め、記述しておきます。

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">

 

以上、「ページ送り」スタイルの小変更でした。

 

AFFINGER5について

 


スポンサーリンク

〜〜〜〜〜〜〜〜〜〜〜

 

おすすめ記事

1

  レコードのハイレゾ録音へのヒント(Tips)   ハイレゾ録音のヒントになればと、 今までのレコードのハイレゾ録音を通して、思いつくまま必要と思われることを書き留めましたのでご ...

2

  これまでの当ブログ記事(テストレコードなどのブログ)の知見を通して、アナログ・レコードが音質的に不利な点が多々見つかりました。 アナログレコードの音質を好ましく思っている一人で、本当はあ ...

3

年代モノのレコードプレーヤTRIO(KP-51F)を使ってレコードのハイレゾ録音を行っていますが、このプレーヤの実力を知るためにテストレコード(AD-1)使って定性的な特性を調べ、断片的な記事を投稿し ...

4

eonkyoからDL購入したハイレゾファイルを基準音源にして、基準音源と同一録音のレコードをMCカートリッジとMMカートリッジでハイレコした音源の音質比較を試みました。 MCカートリッジは、オルトフォ ...

5

「HAP-Z1ESのDSEEとDSDリマスタリングエンジンの効果検証」(以前のブログ記事)は、 実際のLPレコードからハイレゾ化したリアルサウンドでDSEEを評価したものでした。 今回は、正弦波の組 ...

Copyright© ハイレコのブログ , 2019 All Rights Reserved Powered by AFFINGER5.