Sightテーマの各投稿のカテゴリ名や公開日などの表示を消す

Sightテーマの各投稿のカテゴリ名や公開日などの表示を消す

本紙3章で扱っているSightテーマは、投稿ページの投稿タイトルの表示付近はこのようになっています

sight_psot_header1

この表示の中で、カテゴリ名(「未分類」の所や) by ?〜の部分の表示を消す方法を紹介します

こんな風になります

カテゴリ名だけ消した場合
sight_titile_1

カテゴリ名とタイトルの下の行ともに消した場合
sight_titile_2

 

これはCSS(スタイルシートを修正することで行います

  1. ダッシュボードの左側のメニューの「外観」から「テーマの編集」をクリック
    namazu_globalnavi_2
  2. スタイルシートの編集画面を表示する
    「テーマの編集」の下に「Sight: スタイルシート (style.css)」と書かれていることを確認します。もし表記が違う場合は、右側の「テンプレート」の下の方の「スタイル」の「スタイルシート(style.css)」をクリック
  3. スタイルシートを編集する
    スタイルシートの11行目あたりに以下の数行を追加します

    - タイトルのしたの by 〜の行の表示を消す
    div.post-meta{visibility: hidden;}
    div.post-meta h1{visibility: visible;}

    - タイトルの上のカテゴリ名の表示を消す
    div.post-content{ border-top: solid 1px #D9D9D9;}

    - 両方とも消す
    div.post-meta{visibility: hidden;}
    div.post-meta h1{visibility: visible;}
    div.post-content{ border-top: solid 1px #D9D9D9;}

    sight_titile_3

  4. スタイルを保存する
  1. スタイルシートの下部の「ファイルを更新」をクリック
    namazu_globalnavi_4

以上で表記が削除されます