Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › トップページのタイトルの消し方・編集に関しまして
-
投稿者投稿
-
-
2015年6月16日 7:51 PM #27884
ksm
ゲスト恐れ入ります。
トップページの記事のタイトルとソーシャルボタンを消したいと思っております。
他の記事のタイトル・ソーシャルボタンは残しておきたいです。既に出ているお題でしたら申し訳ございません(探し出せませんでした・・・)
ご教授頂ければと思います。何卒、よろしくお願い致します。
ksm
-
2015年6月16日 8:04 PM #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になります。
-
2015年7月26日 9:39 PM #29964
e-farmer
ゲスト横から関連の質問ですが、よろしく御願いします。
私も WordPressの投稿の編集画面で、公開設定の「この投稿を先頭に固定表示」を使い、特定の記事を先頭に置いています。
先頭に置く記事は定期的に変えたいので、記事idを指定しなくてもよい方法はないでしょうか? -
2015年7月27日 9:28 AM #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に書いておけるのでアップデートにも安心という感じです。 -
2015年7月27日 9:35 AM #29976
Hidekichi
ゲストあ、is_home()とかis_front_page()とかでも同じことかな。
if ( is_home() ){ //ある部分を消す処理 } else { //いつもの処理 }こんな感じですかね。entry-body.php、entry-card.phpあたりのSNSボタン部分に仕込んだらイケるかも(試してません)。
-
2015年7月27日 9:59 AM #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; ?>で、フロントページ「では」タイトルが消えます。
-
2015年7月27日 5:35 PM #29988
わいひらキーマスター僕もhidekichiさんの書かれた方法しかないと思います。
is_front_page()で条件分岐してh1.entry-titleを非表示にするスタイルをheader-insert.phpに書くとか。 -
2015年8月4日 12:38 AM #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のバージョンが上がれば使えなくなるかもしれません。 -
2015年8月4日 12:55 AM #30347
Hidekichi
ゲストつまりは、個別ページの下に投稿リストを表示して、個別ページのタイトルを消したいわけですよね?
それだったらとても簡単にcssに書けると思います。.entry-title:first-child { display: none; }でいけませんかね?
レスのを引用すれば、.type-page h1:first-child, .type-page .post-meta:first-child{ display:none; }こんな感じでしょうか?
それぞれの最初の要素だけ消えると思います。 -
2015年8月14日 8:20 PM #30646
e-farmer
ゲストHidekichiさま、ありがとうございます
1.ある固定ページをトップに表示しつつ、その下に投稿記事一覧を表示する
2.上記固定ページのタイトルとpost-metaを消す
のうち2についての方法ですね。なるほど全ての固定ページのタイトルを消さなくて済むと思ってやって見ましたが、ダメでした。
・全ての固定ページのタイトルが消えます
・post-metaは消えません教えて頂いた方法は「固定ページ内の複数あるものの内、最初のものを消す」ことになっているような気がします。post-metaが消えない理由はわかりません。
-
2015年8月15日 12:18 AM #30652
Hidekichi
ゲストfirst-childだと h1.entry-title と解釈してるんでしょうかね。
んじゃ、jQueryで、(function($) { $(function() { $(".entry-title, .post-meta").first().css({display:"none"}); }); })(jQuery);で確実に消えるでしょう(笑)
-
2015年8月15日 12:31 AM #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”});
これでもイケルかな。
-
2015年8月19日 2:58 PM #30875
e-farmer
ゲストHidekichiさま、いつも素早いレスありがとうございます。
jQueryなど未だ使いこなせませんので、これから勉強していきます。
なお私事ですが、Simplicityのおかげで無事FC2ブログからWordPressに移行できました。
上記に書いたことを一応実現しております。
Do It Ourselves! それ自分でやってみたらわいひらさま、Hidekichiさま、ありがとうございました。
-
2015年8月19日 5:35 PM #30884
Hidekichi
ゲストサイト見せてもらいました。なんだかうまく行っているようでよかったです。
ひとつだけ。記事と記事の間にあるhrがかぶってしまっているので、
hr.sep { clear: both; display: inline-block; }これらを追記したら、きっと思っておられた表示になるのではないでしょうか?
マージンやらはまた設定してください。 -
2015年8月19日 5:36 PM #30885
Hidekichi
ゲストあ、firefoxの最新版でかぶっていただけです。もしかしたらchrome等は問題なかったのかも知れません。
-
2015年8月19日 5:45 PM #30887
わいひらキーマスターおお!全然別テーマかと思いました。
原型がないほどカスタマイズしていただけるのは、ものすごく嬉しいです。
デフォルトだと、すぐSimplicityと分かってしまうので;
ありがとうございます。
-
-
投稿者投稿
- トピック「トップページのタイトルの消し方・編集に関しまして」には新しい返信をつけることはできません。