【STORK】『邪魔なコンテンツ』を非表示にしまくるCSSカスタマイズ

絶対コレを読んで進んでください

 

この記事を実行するには『FTP』『PHP』を理解している必要があります。何の知識もなく突っ込んで行くと『ワードプレスにログインできなくなる』等、めちゃくちゃ心臓に悪い事態が巻き起こる可能性も充分あります。

現時点で僕が何を言っているか分からない人は先に【FTPとは?】を読み、最低限の知識を付けて挑んでください。

一応最初の『こちらの記事も人気ですを非表示にする』だけは詳しく手順を説明しますが、後の記事は細かい部分を省きまくります。何度も同じ事を書くのが面倒くさいので。

正直、初心者がPHPをいじるとほぼ確実に不具合が出る為、ノリノリの推奨は致しません。しかしこれを越えると確実に成長できます。自己責任で進める方だけよろしくお願いします。クレームは一切受け付けません。

 

 

『こちらの記事も人気です』を非表示にする

『投稿記事と同じカテゴリーの別記事』を自動的に表示してくれるSTORKデフォルト機能です。

上図の様なインターフェイスで投稿記事の下に表示されますが、そう簡単に非表示にする事はできません。

この一覧を消すには『PHPの編集が必要』となるので、初心者にはちょっと難しい設定が連続します。

 

『parts_singlefoot.php』を子テーマに複製

一番の難関がこの部分。

この作業を行うには『FTP』というシステムを使用する必要があります。まだ『FTP』を1度も使った事の無い方は、今の知識だと先に進む事ができませんので【FTPとは?】をサクサクっと読んでください。

僕はエックスサーバーを使っていますが、サーバー付属FTPソフトが使いにくい場合は【FFFTP】というソフトがおすすめです。

 

『parts_singlefoot.php』を編集

【ダッシュボード】【左メニュー】【テーマ】【テーマの編集】を開き、右上のテーマが『stork custom』か確認してください。

テンプレートの一覧から、さきほど子テーマにコピーした(コピー方法は【FTPとは?】で解説してます)『parts_singlefoot.php』をクリックして開きます。これで下図の状態。

<?php if(function_exists(‘related_posts’)): ?>
<?php related_posts(); ?>
<?php else :?>
<?php get_template_part( ‘related-entries’ ); ?>
<?php endif;?>

大きな指が指しているPHPコードを削除し【ファイルの更新】で設定完了。これで『こちらの記事も人気です』が消えます。

表示させたい時は上記のコードを削除した場所にコピーし、最初の状態に戻せばオッケーです。

 

 

『このライターの最新記事』を非表示にする

『こちらの記事も人気です』と酷似したインターフェイスで登場するこの斡旋アイキャッチに辟易とした方はあの世に葬り去りましょう。

 

『part_singlefoot.php』を編集

・編集するテーマは【stork_custom】

・編集するファイルは【part_singlefoot.php】

・以下の記述を削除し、更新すれば終了です!

 

<div class=”author-newpost cf”>
<h2 class=”h_ttl”><span class=”gf”>NEW POST</span>このライターの最新記事</h2>
<ul>
<?php
$author_id = get_the_author_meta( ‘ID’ );
$args = array(
‘post_type’ => ‘post’,
‘author’ => $author_id,
‘showposts’ => 4, /* 表示個数 */); ?>

削除せずに記述内をいじくればカスタマイズも可能。

・『NEW POST』の部分
・『このライターの最新記事』の部分
・『表示個数』の手前にある『4』の部分

 

 

『記事上のSNSボタンだけ』を非表示にする

【左メニュー】【カスタマイズ】【投稿固定ページ設定】の『SNSボタンを表示しない』というチェックボックスで切り替えが可能となっております。

表示する場合は上図の様に記事コンテンツの上と下、計2箇所にSNSボタンが表示されるのがSTORKのデフォルト仕様となっております。

『ぶっちゃけ2箇所もいらねえな』

『記事の最後に1箇所だけでいいのに』

というワケで上図の『黄色枠に囲まれたSNSボタンは残し、赤枠に囲まれたSNSボタンだけを非表示にする』という編集を行います。

 

『single.php』を編集

・編集するテーマは【stork_custom】

・編集するファイルは【single.php】

・以下の記述を削除し、更新すれば終了です!

<?php if ( !get_option( ‘sns_options_hide’ ) ) : ?>
<?php get_template_part( ‘parts_sns_short’ ); ?>
<?php endif; ?>

 

 

『記事のタイトル』を非表示にする

固定ページや投稿ページのコンテンツ一番冒頭に表示される『記事のタイトル』を非表示にする方法です。

下のCSSを丸ごとコピーして【テーマ】【カスタマイズ】【追加CSS】へペーストしてください。

 

追加CSSへコピペ

/* 全固定ページで非表示 */
.page .entry-title {
display: none;
}

/* 全投稿ページで非表示 */
.post .entry-title {
display: none;
}

/* 特定の投稿IDで非表示 .post-<ID>(例:post=77)*/
.post-77 .entry-title {
display: none;
}

 

 

『前後の記事リンク』を非表示にする

中途半端なインターフェイスで表示される『投稿順・前後の記事』これも邪魔なので非表示にしてしまいましょう。

 

追加CSSへコピペ

【左メニュー】【カスタマイズ】【追加CSS】に以下の記述を追加した瞬間に消えます。

.navigation {
display: none !important;
}

 

雷に当たるにはどうすればいいのか

 

1 個のコメント