peraperaOpera

My Opera ブログのタイトル画像の変更方法

Friday, 24. October 2008, 03:26:52

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

最近はどちらかといえばラジオや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!

ぺらぺらおぺらじお　第1回配信中しばし、産休に入ります

Comments

kyu3 # 24. October 2008, 19:08

こんにちは。

＞タイトル画像の変更方法

My Operaのブログ・デザインをかなりいじっている方が結構いて、「何かやり方があるのだろうなぁ・・・」と思っていたのですが、こうやってやれば良かったのですねぇ♪

PS：
My Operaは基本的に英語で作られているので、その点で抵抗感がある人が結構いるのではないかと・・・。(^^;

かく言う私もその1人です。どうしても使いたい機能やサービスならば、翻訳サービスなどを使いながら、少しずつ使える（理解する）ように努めるのですが、そうでないと「英語」と言うだけで、基本的に読まずに飛ばして済ませてしまいます。
例えば「custom style sheet」のところも、読まずに飛ばしていたので、全然気づきませんでした。