【WordPress】LuxeritasのPREVとNEXTを非表示にする方法

2018年3月7日WordPressWordPressカスタマイズ, WordPressテーマ

外観カスタマイズの「全体レイアウト」にNext/Prev の表示・非表示に関する設定項目がありますと、コメントにて教えて頂きました
PREVとNEXTを非表示にするのにPHP及びCSSの編集は不要でした

 

やりたいけど面倒そうと後回しにしてたカスタマイズ部分

WordPress3ヶ月目にして、ようやく親テーマと子テーマのPHPの関係性を知りました

要は親テーマのphpを子テーマにコピーすれば、子テーマのphpが優先して読み込まれるのですね

なるほど。

WordPressを使ってない頃に、そんな感じの記事を見たことあった気がしてたので、試してみたできました

できましたって言う程なにもやってません、簡単で良いですね

取り敢えず、PREVとNEXTを非表示にして関連記事のサムネイルも非表示にしました

PREVとNEXTを非表示にする方法

理由は、このブログがジャンル不問ブログでPREV・NEXTを表示しても概ね関係ないジャンルの記事が出ちゃうのでしてね

スマホだとそこそこのスペースになりますし、それなら少しでも早く関連記事一覧に辿り着いて貰えたらな、と

方法は、親テーマのディレクトリから「(Luxeritasでは)page.php」を子テーマのディレクトリにコピー

Luxeritas以外ならPREV・NEXTを整形してるコードのphpを探して下さい

NEXT・PREVの部分をごっそり削除

Luxeritas(2.54)ですと,211行目の「<div id=”pnavi” class=”grid”>」から、それが閉じられる272行目の「</div>」までになります

CSSで非表示にするのは

このカスタマイズに限らずCSSの「display;none」や「visibility:hidden」で単純に非表示にする事は可能だった訳ですがソースには残りブラウザは読み込む処理が勿体無い

全てのデバイスで非表示にするなら、コード上にあるのは不自然ですし無い方が良いなという認識なのです

WordPressに限らず、表示する方法のない非表示要素を増やすのはなるべく避けたい派ですね

 

というより、CSSのclassやid探してセレクタ指定するよりphpを変更しちゃった方が早いですね

これで、色々やりたいことができそうですー

 

2018年3月7日WordPressWordPressカスタマイズ, WordPressテーマ

Posted by Yousuke.U