固定ページに表示される「日付」「SNSボタン」「RSSボタン」を非表示の方法

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など 固定ページに表示される「日付」「SNSボタン」「RSSボタン」を非表示の方法

8件の返信スレッドを表示中
  • 投稿者
    投稿
    • #27857
      Azu
      ゲスト

      わいひらさん

      はじめまして。
      最近Wordpressをはじめました。テンプレート気に入って使わせてもらってます。
      今まで他のCMSを使っていたので、Wordpressは勝手が違い少し戸惑っておりましたが、こちらのサイトのフォーラムで勉強して、少しづつですがWordpressの仕組みに慣れてきたところです。

      3点ご質問をします。
      ・ブログをメインのサイトではなく、一般的なウェブサイトを作っております。
      ブログ以外のページは固定ページになるのですが、固定ページに表示される「日付」「SNSボタン」「RSSボタン」を非表示にする方法を教えていただけますか?

      ・(左上の)サイトのタイトルをテキスト表示にしています。このフォントの大きさを変更するには、どうすればいいでしょうか?
      現状、子テーマを適用後、子テーマでデザインの変更をしています。

      ・メニューによってテンプレートを変更する方法がありましたら教えて頂けますか?
      具体的には、トップページやabout usのページタイトルと、ブログのページタイトルを変更したいのです。

      お手数をお掛けしますがどうぞよろしくお願いいたします。

    • #27859
      Hidekichi
      ゲスト

      >「日付」「SNSボタン」「RSSボタン」を非表示

      各セレクタ {
        display: none;
      }
      
      /*例: 日付の入っている部分-> .post-meta*/
      
      .article .post-meta {
        display: none;
      }

      >(左上の)サイトのタイトルのフォントの大きさを変更するには、どうすればいいでしょうか?

      #site-title a {
        font-size: 10px;
      }

      >メニューによってテンプレートを変更する方法がありましたら教えて頂けますか?
      >トップページやabout usのページタイトルと、ブログのページタイトルを変更したい

      どのように変更したいですか?
      現在は、 カテゴリ | サイト名 みたいな感じになっていると思うんですけれども。場合によっては、all in one seoみたいなプラグインでやった方が速いかも知れません。

      上記CSS例は子テーマstyle.cssに書きます。場合によっては、変更したいセレクタが違う表現でいくつか設定されている場合があります。例えば、

      <div class=”test”>
      <p class=”xxx”>何かしら</p>
      </div>

      この場合、.test p {…} と .test .xxx {…}は、指定している方法は違いますが、どちらもp要素に対して何かしらの設定がされています。子テーマで.test pとして設定した所、親テーマに.test .xxxで指定されている場合、子テーマが上書きできないような場合があります(あまり良い例ではありませんけども)。
      他には、複数のclassが、ある要素に入っていて、それらに対して色んな方法で設定されていたりとか(笑)

      なので、重複などしている場合に子テーマstyle.cssを確実に反映させるためには、親テーマの該当部分をコメントアウトするか、非推奨ですけれどもプロパティの後ろに!importをつけるかして設定しなければならない時があるので注意が必要です。

    • #27860
      Azu
      ゲスト

      Hidekichiさん

      はじめまして。
      早速のご回答有難うございました。
      また色々とご教授いただき有り難うございます。

      >「日付」「SNSボタン」「RSSボタン」を非表示
      早速試してみました。この方法ですと、カテゴリーページ・固定ページ共に非表示になるのですね。
      固定ページのみ非表示にしたかったので、page.phpを子テーマにコピーして、この中の、下記を削除したら非表示になりました。
      このやり方でもいいのでしょうか?
      <?php get_template_part(‘datetime’) //投稿日と更新日?>
      <?php get_template_part(‘edit-link’) //編集リンク?>
      <?php get_template_part(‘sns-buttons’); //SNSシェアボタンの取得?>
      <?php get_template_part(‘sns-pages’); //SNSフォローボタンの取得?>

      >(左上の)サイトのタイトルのフォントの大きさを変更
      うまくいきました。Googleのwebフォントの設定も出来ました。ありがとうございます。

      >メニューによってテンプレートを変更する方法がありましたら教えて頂けますか?
      >トップページやabout usのページタイトルと、ブログのページタイトルを変更したい
      どのように変更したいですか?

      固定ページのトップページやその他のページ:外観→カスタマイズ→サイトのタイトル(例:Azuのサイト) 

      ブログのページ(カテゴリーページ):このページのみ、ブログ名(例:日常ブログ)にしたいです。

      テンプレートを変更するというよりは、サイトのタイトルのみ変更できればいいのです。
      やり方分かりましたらご教授頂ければ幸いです。

      当方初心者のため、頓珍漢なことを言っているかもしれませんがご容赦下さい。。
      お手数をお掛けしますがよろしくお願い致します。

    • #27870
      Hidekichi
      ゲスト

      #mainの下に<div id=post-xxと言うような箇所があります。これが記事の個別IDなので、

      #post-xx .article .post-meta {…}

      と言うような感じでどうでしょうか?
      記事のIDは投稿記事の編集画面に入った時にアドレス欄に、サイトアドレス?post.php?post=10等とでてる部分で←のアドレスなら10が記事IDです。これを#post-10 .article .postmeta{…}と言うようなスタイルでそのページのみの設定が行けると思います。

      >固定ページのトップページやその他のページ:外観→カスタマイズ→サイトのタイトル(例:Azuのサイト) 
      >ブログのページ(カテゴリーページ):このページのみ、ブログ名(例:日常ブログ)にしたいです。

      と言うことは、個別ページではサイトタイトルそのものを変更したいということで良いのでしょうか?

      通常のブログの場合は、

      「カテゴリ名 | Azuのサイト」

      で、個別のページの場合は、

      「記事タイトル名」

      となっていると思うんですけれども、この記事タイトルはつけずに、「日常のブログ」にしたいという感じでしょうか?

    • #27873
      わいひらわいひら
      キーマスター

      固定ページに表示される「日付」「SNSボタン」「RSSボタン」を非表示にする方法を教えていただけますか?

      こちらにある方法を実行して、スタイル部分を「日付」「SNSボタン」「RSSボタン」を非表示にする設定が最も手っ取り早いかもしれません。
      Simplicityの固定ページのみを1カラムにする方法

      あと、出来れば次回からは内容の違う質問は、1つのトピックにつき1つだけ書いていただけると答えやすくて助かります。
      申し訳ないですが、まだ解決できてないものは、コピペで良いので新しいトピックに書き込んでもらってよろしいでしょうか。
      1つのトピックで複数の話題が進行しているので、どれが、どの部分のことだかちょっとわかりづらくて。

    • #27885
      Azu
      ゲスト

      Hidekichiさん

      ありがとうございました。
      メニューによってテンプレートを変更する方法がまだ未解決ですので、別トピックをたてさせていただきます。
      どうぞよろしくお願いいたします。

    • #27886
      Azu
      ゲスト

      わいひらさん

      教えて頂きありがとうございました。
      次から質問は、1つのトピックにつき1つに致します。
      未解決のものを別トピックで書き込みます。
      複数の質問をしてすみませんでした。

    • #30580
      ソースコピペ職人の朝は早い
      ゲスト
      #post-xx(1桁ならx) .article .post-meta { 
       display: none; 
      } /* post-xx の .post-meta (日付とか更新日とか含む) の非表示 */
      #post-xx ul.snsb {
       display: none; 
      } /* post-xx の 下部SNSボタンの非表示 */
      #post-xx #sns-group {
       display: none; 
      } /* post-xx の下部シェアボタン周りの非表示 */
      #post-xx .post-author, .footer-post-meta .edit {
       display: none; 
      } /* post-xx の下部投稿者名と編集リンクの削除 .edit の有無は関係ナス */

      style.css だけでやるなら、こんな感じになるんじゃないかなと
      僕の環境だと、これで
      「固定ページ」の「日付」「SNSボタン」「RSSボタン」を非表示
      追加で、「投稿者名」とログイン時の「編集リンク」も非表示に(意味は特に無いですが)

      非表示なのは #post-xx とそれ以下で指定された要素のみに適用されるので
      通常の投稿ページでは、当然、それらは表示されてます

      上部のSNSアイコンは消してませんが、昨今の各ブラウザの機能の「要素の調査」等を利用してクラス名とか調べてください

      多分、本当は特定のページで消したいんだけど、IDとかclass名とかどう探して良いか解らない人が案外いるんじゃないかな~と思って投稿した次第です。

      問題になるようでしたら削除しちゃってください。

    • #30581
      わいひらわいひら
      キーマスター

      わかりやすく書いていただきありがとうございます。
      IDとかclass名は、始めたばかりの方だと、わからない方も結構おられるようです。

8件の返信スレッドを表示中
  • トピック「固定ページに表示される「日付」「SNSボタン」「RSSボタン」を非表示の方法」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)