ぺらぺらおぺら

こんにちは、広報のことぶきです。

最近はどちらかといえばラジオやChooseOpera日本支部の方で活動しており、こちらをあまり更新しておりませんで、大変ご無沙汰しておりましてすいません。

本日は、ちょっと気分を変えるべくタイトル画像を変更してみたので変更方法を簡単にご紹介してみます。

■タイトル画像の変更方法
１．タイトル画像をアップロードする
まずは、画像作成ツールでタイトル画像を作成し、My Opera のファイルサーバにアップロードしましょう。

My Opera にログインして、[My page]-[Account]-[Files] とたどっていくと、
My Files という、ファイルサーバのページにたどり着きます。



赤枠で囲ってある、[Show the file uploader]リンクをクリックすると表示される
アップロード用のフォームから、作成したトップ画像をアップロードしてください。

下記のようにアップロードしたファイルがリストに追加されます。

赤枠の箇所のファイル名をクリックして、画像の URL をコピーしておきましょう。



２．新しいタイトル画像を適用すべく、デザインCSSの修正
[My page]-[Account]-[Design] とたどっていくと、
Select a design というページにたどり着きます。



赤枠で囲ってある [custom style sheet] を、クリックするとカスタム CSS を使うためのページに移動します。
そして、Enter CSS の箇所に下記の CSS を記載します。

/* Top 画像変更 */
#top { 
background: #7dab80 url("　※アップロードしたタイトル画像の URL　") 100% 0%;
border-bottom: 1px solid #dddddd;
}

このとき、すでに画像内にタイトルが記載されており、画像の上にテキストで書かれるブログのタイトルやサブタイトルが不要、という場合はさらに下記の CSS を追加します。

/* h1 タグ非表示 */
h1 { 
visibility: hidden
}

/* subtitle タグ非表示 */
#subtitle { 
visibility: hidden
}

CSS を記入したら、その下の選択項目の中から、
[Use my custom style sheet together with the current theme]
※カスタムスタイルシートと現在選んでるテーマを同時に使う
を選択し、[SAVE] してください。

再読込して、適宜画像や CSS を微調整して完成です！
Enjoy!