ストロベリーヘッダーを変更しようとすると、ヘッダー画像が新旧二段に?

Simplicityの特徴 フォーラム Simplicityについての質問 ストロベリーヘッダーを変更しようとすると、ヘッダー画像が新旧二段に?

  • このトピックには7件の返信、2人の参加者があり、最後にNewにより10年、 6ヶ月前に更新されました。
7件の返信スレッドを表示中
  • 投稿者
    投稿
    • #33890
      New
      ゲスト

      こんにちは。

      Simplicity1.8.1バージョンを使用させていただいています。

      ありがとうございます。

      早速ですが、ヘッダー画像を変更したく

      現在使用のラージピクチャー(ストロベリー)の

      ヘッダー画像を変更するため、外観→ヘッダー→ヘッダー画像で編集しようとして

      現在のヘッダーは画像未設定になっているので

      新規画像を追加で新規の画像を指定すると、右側のヘッダー部分には、

      今追加した画像が上に、その真下には既存のストロベリー画像が下に表示されて、

      合計二段の画像になり、確認用の右側の編集画像エリアでは入れ替わりになっていないのです。

      1070×100の画像を指定しています。

      (本当は1070×200にしたいのですが、モバイルなど何か変更しなければならないと思いますので高さを100にしています)

      上記のストロベリー画像は、(編集画面の中の現在のヘッダー、にはなぜかストロベリー画像が表示されていません。

      デフォルトのストロベリー画像が編集部分に見えていてもよさそうなはずですが)現在のヘッダーでは見えていませんが

      編集画面の中の現在2段の画像を変更するにはどうすればいいでしょうか。

      よろしくお願いいたします。

    • #33905
      アバター画像わいひら
      キーマスター

      基本的には、そのような設定をする場合は、スキンと併用はしない方が良いかと思います。
      スキンはCSSで設定してあるだけなので。
      スキンと併用する場合は、スタイルシートで「苺の画像が背景に設定されている状態」を解除する必要があります。

      #header {
          background-image: none;
      }
    • #33923
      New
      ゲスト

      わいひらさん

      こんにちは。

      ご返信ありがとうございます。

      そうなのですね。

      外観 → style.css内で ↓↓↓

      以下のようなカタチで三行のみ追加していけばいいのでしょうか。?

      試してみましたが、編集画面の右側のヘッダー画像はそのまま残っていて変わりませんでした。

      /************************************
      ** レイアウト(Layout)
      ************************************/
      #container {
      margin:0;
      padding:0;
      margin: 0 auto;
      }

      #header {
      background-image: none;
      }

      ↑ 上記 #header { 含め、三行のみ追加で
      以下は同様のまま変更していません。

      以上、よろしくお願いいたします。

    • #33925
      Hidekichi
      ゲスト

      #headerはおそらくスキンにも設定されているかと思いますので、スキンのフォルダにあるstyle.cssを編集する必要があるのではないかと思います。

      > 外観 → style.css内で ↓↓↓

      このように書かれていますが、ftpソフトを利用するほうが良さそうです。
      手順として、

      1. Simplicityの最新版をダウンロードし解答する
      2. 解凍してできたフォルダのスキンより該当のスキンファイルのstyle.css編集
      3. wp-content/themes/simplicity-child/skins/該当ファイルstyle.cssへアップロード

      該当のスキンファイルのstyle.css編集は、最後に#headerを追加したら良いのではと思います。
      理由としては、親テーマstyle.cssや子テーマstyle.cssよりもスキンのstyle.cssの方が後で読み込まれるため、子テーマstyle.cssなどに追記したり修正したとしても、元々のスキンのstyle.cssで上書きされてしまうので有効にならないからです。

      同じセレクタのプロパティは、後から書いてあるものが有効です。

    • #33945
      アバター画像わいひら
      キーマスター

      hidekichiさんの方法でもOKですし、子テーマ内のskinsフォルダ内に、ラージピクチャーヘッダー(ストロベリー)のファイル「large-picture-header-strawberry」をコピーして中にあるstyle.cssを編集とかでもできると思います。
      最後に、子テーマで新しくコピーしたスキンをテーマカスタマイザーのスキン設定項目から選択する必要があります。

    • #33976
      New
      ゲスト

      Hidekichiさん!(キャラがすごそう!)返信ありがとうございます。

      わいひら!さん 返信ありがとうございます。

      ご丁寧にありがとうございます。

      昨晩遅く、日をまたいで見ていて
      トップページのスキンボタンからスキンダウンロードしました。

      stlye.cssの中に解説があったので

      ちょうど下記の関係が分からないこともあり、

      少し時間がかかると思いますが

      最初にこのあたりを勉強してから

      ご案内のとおり試してみようと思います。ありがとうございます。

      1.Simplicity(親テーマ)のstyle.css
      2.子テーマのstyle.css
      3.スキンのstyle.css

      現在、たまたま画像無しでも、まさしくこれはこれでシンプルでいいので

      その間は背景色など好きな色に変えたままにして、様子を見てみようと思っています。

      ※追伸ですが(すみません!)

      また、自身にとって難問?(ご存知の方は一瞬の作業かもしれません)

      昨晩2時間かけて調べてみましたが、分からず日の持ち越しになってしまいました。

      それは、人気記事の表示が5記事表示されていますが

      それを10記事表示にしたく調べていたのですが、分からず終いでした。

      ウィジットから記事のランク、1、2、3、4、5と番号が振られるのは

      チエックボタンで選べば一瞬できるのですが

      同様に、現在サイドバーに表示されている人気記事の5記事を

      5記事から10記事表示にしたく

      ウイジットやダッシュボードから数字を変更できる項目があるのかと思い

      探しましたが見つからず

      その後、ネットで調べてもうまく見つけることができませんでした。

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

      ありがとうございます。

    • #33977
      Hidekichi
      ゲスト

      > 同様に、現在サイドバーに表示されている人気記事の5記事を
      > 5記事から10記事表示にしたく

      ウィジェットの中に「表示数」ってのがあるので、そこに半角で数値を入れたら10件とかはできます。

    • #33978
      New
      ゲスト

      Hidekichiさん!

      超速攻の返信ありがとうございます。

      とても助かりました!!!汗

      完全に見過ごしていましたが、設定後

      ちゃんと10記事表示できました。

      ありがとうございます。

      感謝です!

7件の返信スレッドを表示中
  • フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)