Simplicityの特徴 › フォーラム › Simplicityについての質問 › ストロベリーヘッダーを変更しようとすると、ヘッダー画像が新旧二段に?
- このトピックには7件の返信、2人の参加者があり、最後に
Newにより10年、 6ヶ月前に更新されました。
-
投稿者投稿
-
-
2015年11月24日 11:35 AM #33890
New
ゲストこんにちは。
Simplicity1.8.1バージョンを使用させていただいています。
ありがとうございます。
早速ですが、ヘッダー画像を変更したく
現在使用のラージピクチャー(ストロベリー)の
ヘッダー画像を変更するため、外観→ヘッダー→ヘッダー画像で編集しようとして
現在のヘッダーは画像未設定になっているので
新規画像を追加で新規の画像を指定すると、右側のヘッダー部分には、
今追加した画像が上に、その真下には既存のストロベリー画像が下に表示されて、
合計二段の画像になり、確認用の右側の編集画像エリアでは入れ替わりになっていないのです。
1070×100の画像を指定しています。
(本当は1070×200にしたいのですが、モバイルなど何か変更しなければならないと思いますので高さを100にしています)
上記のストロベリー画像は、(編集画面の中の現在のヘッダー、にはなぜかストロベリー画像が表示されていません。
デフォルトのストロベリー画像が編集部分に見えていてもよさそうなはずですが)現在のヘッダーでは見えていませんが
編集画面の中の現在2段の画像を変更するにはどうすればいいでしょうか。
よろしくお願いいたします。
-
2015年11月24日 8:43 PM #33905
わいひらキーマスター基本的には、そのような設定をする場合は、スキンと併用はしない方が良いかと思います。
スキンはCSSで設定してあるだけなので。
スキンと併用する場合は、スタイルシートで「苺の画像が背景に設定されている状態」を解除する必要があります。#header { background-image: none; } -
2015年11月25日 1:04 AM #33923
New
ゲストわいひらさん
こんにちは。
ご返信ありがとうございます。
そうなのですね。
外観 → style.css内で ↓↓↓
以下のようなカタチで三行のみ追加していけばいいのでしょうか。?
試してみましたが、編集画面の右側のヘッダー画像はそのまま残っていて変わりませんでした。
/************************************
** レイアウト(Layout)
************************************/
#container {
margin:0;
padding:0;
margin: 0 auto;
}#header {
background-image: none;
}↑ 上記 #header { 含め、三行のみ追加で
以下は同様のまま変更していません。以上、よろしくお願いいたします。
-
2015年11月25日 7:18 AM #33925
Hidekichi
ゲスト#headerはおそらくスキンにも設定されているかと思いますので、スキンのフォルダにあるstyle.cssを編集する必要があるのではないかと思います。
> 外観 → style.css内で ↓↓↓
このように書かれていますが、ftpソフトを利用するほうが良さそうです。
手順として、- Simplicityの最新版をダウンロードし解答する
- 解凍してできたフォルダのスキンより該当のスキンファイルのstyle.css編集
- wp-content/themes/simplicity-child/skins/該当ファイルstyle.cssへアップロード
該当のスキンファイルのstyle.css編集は、最後に#headerを追加したら良いのではと思います。
理由としては、親テーマstyle.cssや子テーマstyle.cssよりもスキンのstyle.cssの方が後で読み込まれるため、子テーマstyle.cssなどに追記したり修正したとしても、元々のスキンのstyle.cssで上書きされてしまうので有効にならないからです。同じセレクタのプロパティは、後から書いてあるものが有効です。
-
2015年11月25日 4:46 PM #33945
わいひらキーマスターhidekichiさんの方法でもOKですし、子テーマ内のskinsフォルダ内に、ラージピクチャーヘッダー(ストロベリー)のファイル「large-picture-header-strawberry」をコピーして中にあるstyle.cssを編集とかでもできると思います。
最後に、子テーマで新しくコピーしたスキンをテーマカスタマイザーのスキン設定項目から選択する必要があります。 -
2015年11月26日 8:14 AM #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記事表示にしたく
ウイジットやダッシュボードから数字を変更できる項目があるのかと思い
探しましたが見つからず
その後、ネットで調べてもうまく見つけることができませんでした。
お手数おかけしますが、よろしくお願いいたします。
ありがとうございます。
-
2015年11月26日 9:06 AM #33977
Hidekichi
ゲスト> 同様に、現在サイドバーに表示されている人気記事の5記事を
> 5記事から10記事表示にしたくウィジェットの中に「表示数」ってのがあるので、そこに半角で数値を入れたら10件とかはできます。
-
2015年11月26日 9:44 AM #33978
New
ゲストHidekichiさん!
超速攻の返信ありがとうございます。
とても助かりました!!!汗
完全に見過ごしていましたが、設定後
ちゃんと10記事表示できました。
ありがとうございます。
感謝です!
-
-
投稿者投稿
- フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。