WordPressテーマ「Simplicity2」のコメント欄を移動する

スポンサーリンク

こんにちは。からあげです。

 

昨日、8ヶ月ぶりにコメント欄を復活させようと設定を弄ってみたが、すっかり忘れてしまって大変だった。ネットで調べて野生の勘でなんとかコメントを復活させることに成功した。

今、異様にテーマのカスタマイズ熱がもり上がってきていて、一度やりだすと止まらなくなる。他にもいろいろやることがあるのだが、ここはおっさんの好きなようにさせておくとしよう。走り出したら止まらない。

当ブログはSimplicity2という無料テーマを使用している。大人気のテーマで、今では多くのサイトで見られるようになった。作者はわいひらさんという人で、寝たきりなのに精力的に活動されている。

参考リンク 寝ログ(https://nelog.jp/)

ドメインが何気に.JPで非常にクール。

 

わいひらさんは頻繁にテーマのアップデートをしていて、さらに質問が数多く寄せられるフォーラムもキチンと運営されている。無料なのに驚くほどきめ細やかなフォローで本当に頭が下がる。そういうところが、ブロガー達から絶大な支持を得ている理由の1つだ。私もたまに質問しているのだが、その度ごとに丁寧な回答を頂いている。

私がコメント欄を復活させることにしたのは、わいひらさんの影響も大きい。私のブログがここまで成長したのは、テーマが素晴らしかったからに他ならない。テーマに助けられて月間PV数50万を超えたのに、その力を私利私欲を満たすためだけに使うのは恥ずかしい。運営が面倒くさいだの言わないで、読者の要望に応えよう。そう思った。

PCTでアメリカ人に凄く親切にされたこともある。散々人の世話になっておきながら、自分では他人の世話を全くしない。貰ってばかりだと、心のバランスを崩して気分が悪くなってくる。

 

そんな素晴らしい無料テーマのSimplicity2だが、全てが自分の好みに合っているわけではない。(変わり者のおっさんに合わせていたら大変だ。)そこで自分でカスタマイズする必要がある。デフォルト設定では、コメント欄の位置が下の方にあって、以前から気になっていた。それなのになぜ、そのまま放置していたのかというと、下の方の分かりづらいところにあれば、寄せられるコメントの数が減って楽をできるからだ。

ふふ、もう止めたよ。そういうのは。

 

Simplicity2のコメント欄を移動する方法

 

今回、コメント欄の他に前記事・次記事ボタンも移動させることにした。他のブログにお邪魔して読んでいるとき、次ページに送るボタンが見当たらないと、一旦トップページにもどらねばならず、不便だなと思っていたからだ。

前記事・次記事ボタンというのがコレ。コメント欄の下に表示されるようになっていた。
ないと意外に不便なボタンだ。

それではこれからコメント欄と前記事・次記事ボタンを移動させる方法を説明するとしよう。

 


作業の流れ

1 子テーマに「single-page.php」という名前のファイルを新規作成する。
   ↓
2 親テーマの「single-page.php」を子テーマの「single-page.php」にコピーアンドペースト。
   ↓
3 子テーマ内の「single-page.php」のコードを弄る。

参考リンク

コメント欄の移動 Simplicity(フォーラム テーマファイルのカスタマイズに関する質問など )

WordPressテーマのカスタマイズで子テーマを使うべき理由、使い方など(寝ログ)

 

1 子テーマに「single-page.php」という名前のファイルを新規作成する。

FTPソフト(Fill Zilla)の画面

 

FTPソフトでサーバー内にある子テーマ「simplicity2-child」のフォルダを開く。

Xサーバーの場合 public_html~wp-content~themes~simplicity2-child

Fill Zillaで該当するフォルダを表示させ、右クリックし「新しいファイルを作成」を実行した。

 

2 親テーマの「single-page.php」を子テーマの「single-page.php」にコピーアンドペースト。

WordPress管理画面から外観テーマの編集

右上の編集するテーマの選択Windowから親テーマ「Simplicity2」選択する。
その中の「single-page.php」を選択、PHPファイルを表示させる。

 

<?php get_header(); ?>

<?php //パンくずリスト上ウイジェット
if ( is_single() && is_active_sidebar( ‘widget-over-breadcrumbs’ ) ): ?>
<?php dynamic_sidebar( ‘widget-over-breadcrumbs’ ); ?>
<?php endif; ?>

<?php get_template_part(‘breadcrumbs’); //カテゴリパンくずリスト?>
<?php
if (have_posts()) : // WordPress ループ
while (have_posts()) : the_post(); // 繰り返し処理開始
get_template_part(‘entry-body’); //本文記事の呼び出し?>

<div id=”under-entry-body”>

<?php if ( is_related_entry_visible() ): //関連記事を表示するか?>
<aside id=”related-entries”>
<h2><?php echo get_theme_text_related_entry();//関連記事タイトルの取得 ?></h2>
<?php get_template_part(‘related-entries’); ?>
</aside><!– #related-entries –>
<?php endif; //is_related_entry_visible?>

<?php if ( is_ads_under_relations_enable() ){//関連記事下広告が有効のとき
get_template_part(‘ad’);
}?>

<?php //関連記事下ウイジェット
if ( is_active_sidebar( ‘widget-under-related-entries’ ) ): ?>
<div id=”widget-under-related-entries”>
<?php dynamic_sidebar( ‘widget-under-related-entries’ ); ?>
</div>
<?php endif; ?>

<?php
if ( is_post_navi_visible() ) {//「前の記事」「次の記事」を表示するか
if ( is_post_navi_type_default() ) {//「前の記事」「次の記事」ナビタイプはデフォルトか
get_template_part(‘pager-post-navi’); //デフォルトナビのテンプレート
} else {//「前の記事」「次の記事」ナビタイプはサムネイルか
get_template_part(‘pager-post-navi-thumbnail’); //サムネイルナビのテンプレート
}
}
?>

<?php
if ( is_comments_visible() ) {//コメント・コメント欄を表示するか
comments_template(); //コメントテンプレート
}
?>
</div>
<?php
endwhile; // 繰り返し処理終了
else : // ここから記事が見つからなかった場合の処理 ?>
<div class=”post”>
<h2>NOT FOUND</h2>
<p><?php echo get_theme_text_not_found_message();//見つからない時のメッセージ ?></p>
</div>
<?php
endif;
?>

<?php get_footer(); ?>

「single-page.php」のソースコード

これをコピペする。

 

3 子テーマ内の「single-page.php」のコードを弄る。

移動する部分は、前記事・次ページからコメント欄まで。

 

<div id=”under-entry-body”>
ーーー ここに挿入 ーーー
<?php if ( is_related_entry_visible() ): //関連記事を表示するか?>

切り取りして、間に挿入する。

 

<?php get_header(); ?>

<?php //パンくずリスト上ウイジェット
if ( is_single() && is_active_sidebar( ‘widget-over-breadcrumbs’ ) ): ?>
<?php dynamic_sidebar( ‘widget-over-breadcrumbs’ ); ?>
<?php endif; ?>

<?php get_template_part(‘breadcrumbs’); //カテゴリパンくずリスト?>
<?php
if (have_posts()) : // WordPress ループ
while (have_posts()) : the_post(); // 繰り返し処理開始
get_template_part(‘entry-body’); //本文記事の呼び出し?>

<div id=”under-entry-body”>

<?php
if ( is_post_navi_visible() ) {//「前の記事」「次の記事」を表示するか
if ( is_post_navi_type_default() ) {//「前の記事」「次の記事」ナビタイプはデフォルトか
get_template_part(‘pager-post-navi’); //デフォルトナビのテンプレート
} else {//「前の記事」「次の記事」ナビタイプはサムネイルか
get_template_part(‘pager-post-navi-thumbnail’); //サムネイルナビのテンプレート
}
}
?>

<?php
if ( is_comments_visible() ) {//コメント・コメント欄を表示するか
comments_template(); //コメントテンプレート
}
?>
<br>

<?php if ( is_related_entry_visible() ): //関連記事を表示するか?>
<aside id=”related-entries”>
<h2><?php echo get_theme_text_related_entry();//関連記事タイトルの取得 ?></h2>
<?php get_template_part(‘related-entries’); ?>
</aside><!– #related-entries –>
<?php endif; //is_related_entry_visible?>

<?php if ( is_ads_under_relations_enable() ){//関連記事下広告が有効のとき
get_template_part(‘ad’);
}?>

<?php //関連記事下ウイジェット
if ( is_active_sidebar( ‘widget-under-related-entries’ ) ): ?>
<div id=”widget-under-related-entries”>
<?php dynamic_sidebar( ‘widget-under-related-entries’ ); ?>
</div>
<?php endif; ?>

<?php
endwhile; // 繰り返し処理終了
else : // ここから記事が見つからなかった場合の処理 ?>
<div class=”post”>
<h2>NOT FOUND</h2>
<p><?php echo get_theme_text_not_found_message();//見つからない時のメッセージ ?></p>
</div>
<?php
endif;
?>

<?php get_footer(); ?>

該当するコードを移動させたところ。これでOK!

その後、コメント欄の下に空白行を1行入れるため、<br>を挿入した。

 

まとめ

いかがだろうか?これで今までより気軽にコメントを書き込みできるようになったと思う。簡単なカスタマイズでコメント欄を移動できる。

ちなみにコメント欄へは、トップページの記事一覧か個別記事のコメント吹き出しマークの数字をクリックまたはタップすると一気にジャンプすることができる。

 

広告を挟まず、記事のすぐ後ろに移動して欲しいというのは勘弁してほしい。
私も霞を食べて生きてゆくわけにはいかないのだ!

赤丸で囲んだ吹き出しマークの数字をクリック。

 

ヨシ!これでよりユーザーフレンドリーなブログになったな。
ワハハ…(自己満足)

 

おわり

コメント

  1. 白山室堂御前荘 より:

    今年のクリスマスケーキを予約しましたか!
    からあげ家のクリスマスと年越しの記事を楽しみにしています。

    銃社会アメリカからの帰国、安心しましたよ!
    凄かった。

    • karaage より:

      どうなんですかね?クリスマスシーズンがやって来ると、子供の頃辛いことを思い出して胸が苦しくなってきます。

  2. 一塁ベース より:

    いつも更新ありがとうございます。
    小屋作りを検索していて1ヶ月前にたどり着き、過去のものも楽しく読ませていただいています。
    寮シリーズが結構楽しかったです。
    これからも勝手に楽しませてもらいます。

    • karaage より:

      3年前のスキー場バイトはキツかったですね。もうあんな思いはまっぴらゴメンです。
      わけの分からないバイトをまとめる社員の人も大変だと思います。

  3. kynd より:

    初めてコメントします。コメント欄の移動と言うことでちょっと興味を持ちました。
    3年くらい前からブログを読み始めました。今ではこちらを閲覧するのが日課です。
    様々な困難だあるでしょうが今の生き方を貫いて下さい。応援しています。

    • karaage より:

      やっぱりユーザーフレンドリーは重要だと思います。
      今後ともお願いしますね。

  4. 神奈川のおっさん より:

    祝 コメント欄復活
    こんな所にあったのですね!探しました。
    以前はもっと見つけづらい所にあったとか!?やるな隊長!

    • karaage より:

      コメント欄をちょくちょく移動して分かりにくくさせるのも、宝探しみたいで面白いかもしれませんね。

  5. さとう より:

    いつも楽しく拝見しています。自由に生きる男の手本として、尊敬しています。

    • karaage より:

      どうもありがとうございます。誰でも知らないうちに誰かの手本となっています。

スポンサーリンク