サポート » テーマ » テーマ「twenty fifteen」投稿記事部分のカスタマイズについて

  • 解決済 mmaki

    (@mmaki)


    WordPress初心者です。

    テーマ「twenty fifteen」を使用して、投稿記事部分のカスタマイズをしているのですが、下記に関してどこをどう変更すればいいのかがわかりません。

    ・ひとつひとつの記事を囲む枠の色の変更
    ・投稿日の表記位置の変更
     (記事タイトルの一行上に表記したいと考えています)
    ・記事下部の投稿日、コメント欄が表記されている箇所の削除
     (一つの記事が細いラインで囲まれているだけにしたい感じです。
      コメント欄は使用しないので表示はなしにしたいです)

    ご教示いただけますと幸いです。よろしくお願いします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • 枠の色はcssに.postにルールを追加すればよろしいかと思います。

    投稿日はcontent.phpの21行目あたりに投稿日を出力するタグ the_date() などを追加

    記事下部の投稿日や投稿者などのボックスは同じくcontent.phpの55行目あたりのfooterタグを削除(orコメントアウト)

    コメント欄はsingle.phpの26-29行目を削除(orコメントアウト)

    Twenty Fifteenなどのデフォルトテーマは時々アップデートされますので、カスタマイズされる際は子テーマを作成して、そちらでカスタマイズされることをおすすめします。

    http://wpdocs.sourceforge.jp/子テーマ

    トピック投稿者 mmaki

    (@mmaki)

    ikaring様、ありがとうございます。

    投稿日の表記位置、ならびに投稿日ボックスとコメント欄の削除は出来たのですが、.postが多すぎて、どれが枠の色を指しているのかがわかりませんでした。

    とりあえずborder〜色指定となっているタグを片っ端から変更して試してみたものの、成果が得られず困っています…。

    それと、子テーマについてご教示いただき、ありがとうございました。早速子テーマを作成し、今までカスタマイズした部分を反映させておきました。感謝です!

    .postの指定については、別にどこでも構わないですし、最後に追加しても大丈夫です。
    ちなみにここの部分の枠の色と言われているのは薄いグレーの細い線のことだと思うのですが、これはborderではなくて、box-shadowが適用されています。

    .post ではなくて、.hentryに対して下記の指定があります。
    ブラウザのデベロッパーツールを使えば簡単に該当部分のCSSが見つけられます。

    .hentry,
    .page-header,
    .page-content {
    	box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    	margin: 0 7.6923%;
    }
    トピック投稿者 mmaki

    (@mmaki)

    ikaring様、引き続きありがとうございます。
    無事解決できました!

    またデベロッパーツールに関してもご教示いただき、ありがとうございました。
    試してみましたが、とても便利ですね!
    今後のカスタマイズに役立てて行きたいと思います。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「テーマ「twenty fifteen」投稿記事部分のカスタマイズについて」には新たに返信することはできません。