サイトマップ
角丸テンプレートグローバルメニュー画像をデフォルトへ移動
グローバルメニューのカスタマイズを複数公開している関連ページです
手法的には画像変更なので難しくはございませんが
縦幅サイズ調整はスタイルシートの改行が必要です
手順は色々御座いますが 今回はシリウスの角丸テンプレートの
グローバルメニュースタイルをデフォルトテンプレートに取り入れる手順で
進めます
私は角丸テンプレートは好みに合わず利用してませんが
グローバルメニューのスタイルだけはいいんじゃないかなと評価しておりました
デフォルトや ビジネステンプレートのグローバルメニューは 綺麗なんですけど
いまいち味わいが無いんですよね
最初に画像をご覧ください
デフォルトテンプレートのグローバルメニューを角丸テンプレートの
グローバルメニューへと切り替えた例です
メニューとメニューの間に仕切りが表示されるのがいいですね
変更方法
変更したいサイトの操作画面を開きます
全体設定画面 テンプレート選択
テンプレート一覧が表示されます
今使用のテンプレートがブルーシートになっていますね
フォルダを開く
次の画面でｉｎｇファイルを開きます
以下の二つの画像フォルダがグローバルメニューを表示させている画像なので
削除します
つぎにテンプレート一覧に戻り 角丸ンプレートへ移動
取り出したいカラーのテンプレートから画像フォルダを開きます
以下二つが該当ファイルです
この画像フォルダを一つずつマウスコピーして 元のテンプレートに戻り貼り付けます
一度ずつ 2回行います
貼り付け完了後 全体設定でＯＫメニューを選択して完了です
プレビューでご確認ください
スポンサーリンク
グローバルメニュー角丸テンプレート画像採用でカスタマイズ関連解説
- 一カラムでも特定ページを2カラムスタイルに変更する方法
- シリウスの1カラムを試用していても、時折2カラムのページも必要かな？何て思いの方は簡単CSS追加でそのページだけ2カラムスタイルみたいに変更できます
- フォントスタイルを変える手順と各種フォント記述まとめ
- シリウスのフォントスタイルは3つに限定されておりますが、事情により以外のフォントを使用したい場合は、変更説明を含めておりますのでご確認ください
- ヘッダー＆グローバルナビ、スクロールの固定化組み合わせまとめ
- シリウスのヘッダーとグローバルナビをサイトのスクロールに追従せずのカスタマイズ方法は、組み合わせにより複数指定が可能です
- グローバルメニューを最上部に配置するおちゃめな方法
- シリウスサイトヘッダーの下部にあるグローバルメニューをサイト最上部に配置して見ると また印象が変わります でも 今回はおやめな方法で進めます
- グローバルメニューデザインカスタマイズ
- グローバルメニューのデザインをカスタマイズする手段として、画像をでの変更、CSSで構築する方法の二つをご案内します
- サイトの背景カラー全体を同色にする ビジネステンプレート
- シリウスのホットなカスタマイズ 今回はビジネステンプレートを使用して背景色全体をを切り替えて 海外サイトみたいな構築に進んでみます
- ビジネステンプレ―ト 簡単カスタマイズその１
- シリウスビジネステンプレ―トの簡単なカスタマイズその１ ホワイトボディにピンク系でのカスタム その１です
- 記事背景を透明化するカラーコード？
- シリウスビジネステンプレートでの記事背景は サイト背景と同色にすることが出来ますが 記事背景をオールフォト画像にした場合は カラーコード設定で記事背景部分を透明化します
- メニュー背景を透過する ビジネステンプレート対象ご案内
- シリウスサイト背景の構成によりメニューの背景を透過する必要がある場合のカスタマイズをご案内します 今回はビジネステンプレートを対象としています
- ヘッダーが消えた？いや透明ヘッダー画像カスタマイズです
- シリウスサイト背景をすべて画像にした場合にヘッダー画像を消してみます 削除ではなく透明にカスタマイズすると上級テンプレートにレベルアップ出来ますね！詳細はサイトでご覧ください ヘッダー画像スタイルも透明化すればタイトル背景が画像となり
- オールフォト画像サイトの構築を別な角度から見てみます
- シリウスで作成したオールフォト画像サイトの構築を別なかくどから見てみますとまたＭＴＭＬ上級テンプレートデザインにちかずくカスタマイズができるかもしれません
- サイドメニューを透明化 デフォルトテンプレート対象解説
- シリウスのページを表すサイドメニューはデフォルトで構築されていますが サイトスタイルによっては ブログみたいな背景に合わせたスタイルもよいのでは？
