サポート » 使い方全般 » Adelleで、サムネイル(アイキャッチ)の非表示

  • 解決済 xsakix

    (@xsakix)


    はじめまして。
    Adelleテーマで、各投稿ページのアイキャッチの非表示方法を教えてください。

    投稿一覧にページ用に、各投稿ページのアイキャッチを設定したら、
    各投稿ページにも表示されるようになりました。

    Adelle以外のテーマでは、ダッシュボードからの変更や、
    CSSまたはPHPを修正する方法を、ネットで見つけて試しているのですが
    全くうまくいきません。

    WordPressもWebページ作成も初心者です。
    CSSやPHPを触るのも初めてで、苦戦しています。

    どうぞよろしくお願いいたします。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • CSS で隠す。
    PHP でサムネイルを表示しないようにコードを書き換える。
    いずれかで上手くできませんでしたか。

    Adelle テーマを試していないので特殊な仕組みなのか把握できてませんが、いずれで非表示にできませんでしたか。

    早速お返事ありがとうございます!

    これらのページを参考に、試していますが、うまくいきません。
    もしかしたら見当違いのことをしているのでしょうか。
    CSSやPHPの修正を教えてください。

    [1]テーマの編集から設定。またはsingle.phpを修正
    http://yakugakusuikun.com/template/theworld-eyecatch-83/

    外観⇒テーマ編集⇒single.phpの中に、削除するはずの記載が元々ありません。

    外観⇒詳細オプション⇒アイキャッチの表示選択⇒記事にアイキャッチを非表示は、
    外観の中に詳細オプションがありません。

    [2]テーマのカスタマイズ画面から設定
    https://blog.knjcode.com/simplicity-without-eyecatch-2/
    テーマのカスタマイズ画面に「レイアウトの設定」がありません。

    [3]style.cssを修正
    http://evm-label.com/2015/05/wordpress_thumb01/
    外観⇒テーマ編集⇒style.cssの中に、post-thumbnailの記述が見つかりません。

    お手数おかけします。
    よろしくお願いいたします。

    こんにちは、

    いろんなカスタマイズに関する情報がWEB上にはありますが、
    自分のテーマで利用可能かどうか、手当たり次第にトライしても、うまくいかないことも多いです。

    例えば、

    http://evm-label.com/2015/05/wordpress_thumb01/

    は、Twentyfourteenについて書いてあるわけですが、このテーマの場合アイキャッチ部分のソースは、

    <a class="post-thumbnail" href="http://www.tenman.info/wpdev/archives/28467" aria-hidden="true">
    	<img width="640" height="480" src="http://www.tenman.info/wpdev/wp-content/uploads/2012/07/manhattansummer.jpg" class="attachment-twentyfourteen-full-width wp-post-image" alt="OLYMPUS DIGITAL CAMERA">	</a>

    となっているため、消すことが出来たんだろう(テストはしていませんが)と思います。

    では、xsakixさんのテーマでは、なぜ消えなかったのか?

    ソースが

    <img width="267" height="200" src="http://www.tenman.info/wpdev/wp-content/uploads/2012/07/manhattansummer.jpg" class="alignleft wp-post-image" alt="OLYMPUS DIGITAL CAMERA">

    のようになっていているので、post-thumbnailは、見つからないのです。

    なので、クロームなどで、消したいところに、どんなクラスが記述されているか、自分で探せるように頑張ることが必要です。

    今回の答えは、

    .has-post-thumbnail .wp-post-image{
    	display:none;
    }

    ですが、 そのリンク先にあるようなスタイル指定

    .wp-post-image{
    	display:none;
    }

    だと、消す事は出来ません。 

    なんでだろう? といった事を CSSの勉強をしながら考えてみるといいです。

    Adelle テーマを試していたら、nobita さんが簡潔に整理して、解説してくださってました。
    nobita さん、ありがとうございます。

    [2]テーマのカスタマイズ画面から設定

    これは、Adelle テーマには「レイアウトの設定」がないので、的外れとして

    [1]テーマの編集から設定。またはsingle.phpを修正

    [3]style.cssを修正

    これは、nobita さんの説明にもある通り、Adelle テーマのケースに置き換えれば有効な情報でした。
    [2]についても、Adelle テーマには「レイアウトの設定」がないので、カスタマイズの自由度は高いと見ることができそうです。
    xsakixさんの情報の選択は確かでした。

    css で非表示にする方法は、nobita さんのアドバイス通りに行えば大丈夫です。

    それで十分だと現段階では十分だと思いますし、一度に複数の学習は、ややこしいことになりますから、
    http://evm-label.com/2015/05/wordpress_thumb01/
    に有る、PHPファイルを編集してアイキャッチ画像を非表示にする方法を使った例として、
    http://wp.me/P6nfeq-9
    をサンプルとして示しておきます。

    content-list.php の11行目を
    <?php //if ( has_post_thumbnail() ) { the_post_thumbnail( 'post_thumb', array( 'class'=>'alignleft' ) ); } ?>
    「//」を挿入してコメントアウトする、あるいは一行まるごと削除すると表示しなくなります。

    工夫するとユニークなことができます。投稿の上部に同コードを挿入した例が
    http://wp.me/p6nfeq-1
    になります。頭の隅にとどめておいて、いずれ役立つように学習をススメましょう。

    nobitaさん、맹조さん

    詳しいご説明、本当にありがとうございます!!
    申し訳ございませんが、もう少しご教示お願い致します。

    修正したい部分のクラスの探し方と、修正する場所(style.css?のどの部分?)が分かっておりません。

    >http://evm-label.com/2015/05/wordpress_thumb01/
    >は、Twentyfourteenについて書いてあるわけですが、このテーマの場合アイキャッチ部分のソースは、
    >
    > <img width=”640″ height=”480″ src=”
    http://www.tenman.info/wpdev/wp-content/uploads/2012/07/manhattansummer.jpg&#8221; class=”attachment-twentyfourteen-full-width wp-post-image” alt=”OLYMPUS DIGITAL CAMERA”>
    >となっているため、消すことが出来たんだろう(テストはしていませんが)と思います。

    >なので、クロームなどで、消したいところに、どんなクラスが記述されているか、
    >自分で探せるように頑張ることが必要です。

    とは、こちらのサイトに記載のあることであってますでしょうか。
    http://kinomemo.info/create/1776/

    http://evm-label.com/2015/05/wordpress_thumb01/ をクロームから要素を検証で見ても、教えていただいたような記載(a class=”post-thumbnail”)がどこにあるのかわかりませんでした。
    また、自分のページを、クロームから「要素を検証」で表示し、サムネイルの部分を選択しようとしても、そこは選択できないようです。

    そこで、thumbnailという言葉で探したところ、以下の記述を見つけました。
    `<article class=”article hentry post-410 post type-post status-publish format-standard has-post-thumbnail category-3……..”>

    教えていただいた、
    .has-post-thumbnail .wp-post-image{
    display:none;
    }
    に近づいたのかなと思ったのですが、この1文章をどこに記載したら良いのかわかりません。

    御手数ですが、再度ご教示お願いいたします。
    もうどうやって調べたらいいのかわからなくなっています。

    PHPも徐々にでも覚えていきたいので、CSSの修正ができましたら、
    맹조さんの方法も、もう少し教えていただきたいです。

    http://evm-label.com/2015/05/wordpress_thumb01/ をクロームから要素を検証で見ても、Twenty Fourteen のチャイルドテーマなので見つからないのでしょう。

    .has-post-thumbnail .wp-post-image{
    display:none;
    }

    このスタイルシートをどこに記載しましたか、スタイルシートの最後に追記してもダメでしたか。

    맹조さん、nobitaさん

    できました!教えていただいた通りでできました!

    ■ダッシュボード⇒外観⇒テーマの編集⇒style.cssに、
    .has-post-thumbnail .wp-post-image{
    display:none;
    }
    を一番最後に追記する。 

    もしくは、

    ■ダッシュボード⇒外観⇒テーマの編集⇒content-list.phpの11行目、
    <?php //if ( has_post_thumbnail() ) { the_post_thumbnail( ‘post_thumb’, array( ‘class’=>’alignleft’ ) ); } ?>
    「//」を挿入してコメントアウトする。

    そして、

    ★クロームのツールバーの、
    設定⇒その他のツール(L)⇒閲覧履歴を消去(C)から、以下を選択したまま消去実行
    ・閲覧履歴
    ・ダウンロード履歴
    ・Cookieなどのサイトデータやプラグインデータ
    ・キャッシュされた画像とファイル

    以上の動作でできました。

    >このスタイルシートをどこに記載しましたか、
    >スタイルシートの最後に追記してもダメでしたか。

    こちらの一文で、記載した場所は合っていると、やっと理解し、
    なぜ消えないのかにたどり着くことができました。
    分かってしまえば、お二人のアドバイス通りでできることでした。

    アイキャッチを消すために、1週間も闇雲な検索検索で挫けそうでした。
    消えたときはもう感動でした。
    お二人とも、本当にありがとうございました。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「Adelleで、サムネイル(アイキャッチ)の非表示」には新たに返信することはできません。