トップページのタイトルの消し方・編集に関しまして

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など トップページのタイトルの消し方・編集に関しまして

  • このトピックには15件の返信、2人の参加者があり、最後にアバター画像わいひらにより11年前に更新されました。
15件の返信スレッドを表示中
  • 投稿者
    投稿
    • #27884
      ksm
      ゲスト

      恐れ入ります。
      トップページの記事のタイトルとソーシャルボタンを消したいと思っております。
      他の記事のタイトル・ソーシャルボタンは残しておきたいです。

      既に出ているお題でしたら申し訳ございません(探し出せませんでした・・・)
      ご教授頂ければと思います。

      何卒、よろしくお願い致します。

      ksm

    • #27888
      アバター画像わいひら
      キーマスター

      デベロッパーツール(もしくはソース)などでトップページ見るとdiv#main直下の要素に以下のような記述があります。

      <div id="post-17" class="post-17 page type-page status-publish has-post-thumbnail">
      (上記は当サイトのトップページのコード)

      この要素のID「post-17」を利用して行うなら、以下のように記入します。

      #post-17 h1.entry-title{
      	display:none;
      }

      ちなみに、post-17の17とは投稿や固定ページのIDになります。

    • #29964
      e-farmer
      ゲスト

      横から関連の質問ですが、よろしく御願いします。

      私も WordPressの投稿の編集画面で、公開設定の「この投稿を先頭に固定表示」を使い、特定の記事を先頭に置いています。
      先頭に置く記事は定期的に変えたいので、記事idを指定しなくてもよい方法はないでしょうか?

    • #29975
      Hidekichi
      ゲスト

      >記事idを指定しなくてもよい方法はないでしょうか?

      いくつか方法はあると思うんですけど、例えば、アドレスを調べてそれがトップページならタイトルを消すというのはどうでしょうか?

      (function($){
        $(function(){
          var topAddress = "トップページのアドレス";
          if (location.href === topAddress){
            $("#site-title").hide();
          }
        });
      })(jQuery);

      例えば上記の場合、現在開いてるページのアドレスが「トップページのアドレス」ならサイトタイトルをdisplay:noneにするスクリプトです。#site-titleの部分を消したいセレクタにして、トップページ、あるいは任意のアドレスを入れれば、消えると思います。

      >公開設定の「この投稿を先頭に固定表示」を使い、特定の記事を先頭に置いています。
      この状態がどういうものかわからないので(自分が利用していないので)確認ができませんが、基本list.phpあたりのループに関係していると思うんです。
      なので、そこがアタリなら、$countと言う変数があるので、#count == 1の時はトップページと言う感じで、処理できると思うんですよね。そしたら、if ($count==1) { //タイトルの出力部なし } else { //通常表示 }という感じで分岐できると思うんですが・・・。

      PHPでやると、 出力時にちらつきみたいのはなくなります(サーバーで処理した内容が表示されているため)。jQueryの場合は、出力されたものに対して何かしているので一瞬チラつく場合があるかも知れません。
      PHPのデメリットとしては、親テーマをイジることになるかと思うのでアップデートの時に忘れてて上書きしてしまうとカスタマイズした部分が無くなってしまうと言う点、jqueryは逆にそれがメリットになっていて、子テーマjavascript.jsに書いておけるのでアップデートにも安心という感じです。

    • #29976
      Hidekichi
      ゲスト

      あ、is_home()とかis_front_page()とかでも同じことかな。

      if ( is_home() ){
        //ある部分を消す処理
      } else {
        //いつもの処理
      }

      こんな感じですかね。entry-body.php、entry-card.phpあたりのSNSボタン部分に仕込んだらイケるかも(試してません)。

    • #29978
      Hidekichi
      ゲスト

      ☓ entry-body.php、entry-card.php
      ◯ page.php

      場合によっては、page.phpですかね。例えば、カスタマイザーの固定フロントページで何かしら固定ページを置いた場合はpage.phpです。あるいは、wordpressの表示設定でどうようの事をした場合も、結果表示されるのは固定ページなので、page.phpです。

      page.phpのwhile内、修正

      <?php if ( !is_front_page() ): ?>
      <h1 class=”entry-title”><?php echo get_the_title(); ?></h1>
      <?php endif; ?>

      で、フロントページ「では」タイトルが消えます。

    • #29988
      アバター画像わいひら
      キーマスター

      僕もhidekichiさんの書かれた方法しかないと思います。
      is_front_page()で条件分岐してh1.entry-titleを非表示にするスタイルをheader-insert.phpに書くとか。

    • #30346
      e-farmer
      ゲスト

      わいひら様、Hidekichiさま、ご教授ありがとうございます。

      申し遅れました。過去質問に有りましたが、「ある固定ページをトップに表示しつつ、その下に投稿記事一覧を表示する」のが目的です。
      そのために一覧リストのスタイルを「本文表示」にして、そのトップ記事のタイトル等を消したいと思った次第です。トップページ全記事でなく、トップ記事のみです。

      私は初心者でPHPのカスタマイズができませんので、取り敢えずは設定だけで目的を達する方法を見つけました。同様な目的の方の参考になればと思います。

      <先頭に置く記事を固定ページにしてタイトルを消す方法>
      1.子テーマのCSSカスタマイズで固定ページのタイトル等を消す

      /* 固定ぺージのタイトルを消す*/
      .type-page h1,
      .type-page .post-meta{
        display:none;
      

      2.外観-カスタマイズでトップ(フロント)ページを設定
       ・固定ページも一覧に含める
       ・フロントページ表示は「最新の投稿」
       ・一覧リストのスタイルは「本文表示」
      3.WordPressの記事の設定で目的の記事をトップに表示
       ・固定ページにトップ記事を書く
       ・日付を最新にする(他の固定ページは十分古くしておく)

      <この方法の欠点>
       ①全ての固定ページのタイトル等が消えます
       ②一覧リストのスタイルを「本文表示」にしなければならない
       ③新しい投稿をするとトップ記事の投稿日付を新しく変更する必要がある

       ③については日付を変えなくてもいける裏技を見つけました。
        プラグイン「Post Type Switcher」を使います。
      WordPressの投稿の編集画面で、
       1)目的のページを一旦投稿ページにする
       2)公開設定の「この投稿を先頭に固定表示」にチェックを入れる
       3)固定ページに変更する
       但し、WordPressのバージョンが上がれば使えなくなるかもしれません。

    • #30347
      Hidekichi
      ゲスト

      つまりは、個別ページの下に投稿リストを表示して、個別ページのタイトルを消したいわけですよね?
      それだったらとても簡単にcssに書けると思います。

      .entry-title:first-child {
        display: none;
      }

      でいけませんかね?
      レスのを引用すれば、

      .type-page h1:first-child,
      .type-page .post-meta:first-child{
        display:none;
      }

      こんな感じでしょうか?
      それぞれの最初の要素だけ消えると思います。

    • #30646
      e-farmer
      ゲスト

      Hidekichiさま、ありがとうございます

      1.ある固定ページをトップに表示しつつ、その下に投稿記事一覧を表示する
      2.上記固定ページのタイトルとpost-metaを消す
      のうち2についての方法ですね。

      なるほど全ての固定ページのタイトルを消さなくて済むと思ってやって見ましたが、ダメでした。
       ・全ての固定ページのタイトルが消えます
       ・post-metaは消えません

      教えて頂いた方法は「固定ページ内の複数あるものの内、最初のものを消す」ことになっているような気がします。post-metaが消えない理由はわかりません。

    • #30652
      Hidekichi
      ゲスト

      first-childだと h1.entry-title と解釈してるんでしょうかね。
      んじゃ、jQueryで、

      (function($) {
        $(function() {
          $(".entry-title, .post-meta").first().css({display:"none"});
        });
      })(jQuery);

      で確実に消えるでしょう(笑)

    • #30653
      Hidekichi
      ゲスト

      post-metaが消えない場合は、.entry-titleと.post-metaをそれぞれ書いてください。

      $(‘.entry-title’).first().css({display:”none”});
      $(‘.post-meta’).first().css({display:”none”});

      あるいは、

      $(“.article”).first().find(“.entry-title, .post-meta”).css({display:”none”});

      これでもイケルかな。

    • #30875
      e-farmer
      ゲスト

      Hidekichiさま、いつも素早いレスありがとうございます。

      jQueryなど未だ使いこなせませんので、これから勉強していきます。

      なお私事ですが、Simplicityのおかげで無事FC2ブログからWordPressに移行できました。
      上記に書いたことを一応実現しております。
      Do It Ourselves! それ自分でやってみたら

       わいひらさま、Hidekichiさま、ありがとうございました。

    • #30884
      Hidekichi
      ゲスト

      サイト見せてもらいました。なんだかうまく行っているようでよかったです。
      ひとつだけ。

      記事と記事の間にあるhrがかぶってしまっているので、

      hr.sep {
        clear: both;
        display: inline-block;
      }

      これらを追記したら、きっと思っておられた表示になるのではないでしょうか?
      マージンやらはまた設定してください。

    • #30885
      Hidekichi
      ゲスト

      あ、firefoxの最新版でかぶっていただけです。もしかしたらchrome等は問題なかったのかも知れません。

    • #30887
      アバター画像わいひら
      キーマスター

      おお!全然別テーマかと思いました。
      原型がないほどカスタマイズしていただけるのは、ものすごく嬉しいです。
      デフォルトだと、すぐSimplicityと分かってしまうので;
      ありがとうございます。

15件の返信スレッドを表示中
  • トピック「トップページのタイトルの消し方・編集に関しまして」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)