コンテンツにあるブログロゴについて、D様が書いておられたので色々実験してみました。
D in KOBE: ブログ機能解説にはなってはいなくて恐縮です・・・
こちら↑の記事にもある、コンテンツの追加でブログロゴ画像を追加してみました。
配置は0
追加先ページはもちろん
ヘッダーへ。
ヘッダーってのはブログの題名や説明文がある、一番上の場所です。
次に用意するのはもちろんブログロゴ画像。
画像ソフトの文字列(T)←Aアイコンをクリックして、少々大きい文字でブログタイトルを入力。
参照記事ぼちぼちいきましょ〜: こんなんでいい？
文字の色を変えたりレイヤーの複製したりぼかしたりズラしたり、背景色を透過してGif保存したりと色々手を加えて用意します。
このあたりはもう、フォント選びと色彩センス＆経験……つまり、日ごろレタリングや印刷物に対して関心を持って見てたかどうかってオハナシで、お手本はテレビやチラシや雑誌でたくさん見られるので説明は省きます。
ちなみに、ここじゃなくて、公開しているけれど新着記事や検索にかからない設定にしてある実験ブログでやってましたので、あしからず。
コンテンツ画面に追加された、ブログロゴ画像って文字をクリックすると、新しい画面が開きます。
ファイルマネージャをクリックして、
次の画面で参照をクリック。小窓(ダイアログ)が開くので、作っておいたブログロゴ画像を選んで『アップロード』をクリック。
ファイルを追加しました。と出るので、『ブログロゴ設定に戻る』をクリックします。
すると
ブログロゴ画像画面に、さっきアップロードした画像の名前が追加されているので『保存』をクリック。
この変更をブログに反映させるためには再構築が必要と書いてあるので
再構築を実行してしまいましょう。それに、再構築は定期的にやったほうがいいしね。
これで
ヘッダにロゴが入りました〜
けど、ブログの題名が二重になって、なんともウザい状況に。
というわけで、ブログ名を削除して、もういちど再構築してみました。あ、消してもこれはあとで戻せるから大丈夫っス。
その結果は……
おお、スッキり……してない。orz
なんかロゴの周りに紫色のリンク枠が見えます。うがー、ロゴを透過Gifにした意味がないではないか〜
でも、どうやって紫枠を消したら良いのかCSSオンチの私にはわかりまへん。時間もないし〜。
そこで！
ロゴ画像にグラデした紫枠を元からつけて、額縁のように見せかける作戦に〜。って無理ありすぎですね、そりゃ。
けど、木の葉は森の中に隠せとホームズが言ってたような木がするので
はっはっは、これで枠はデザインに溶け込んだぞ〜……って、スタイルシートいじってヘッダー画像入れ替えるくらいなら、背景に文字を直接入れて、ブログ名もブログロゴも消しちゃった方がマシかな〜
ちなみに
入れ替え方はこちら→テンプレートの背景画像を変えてみる
なるほど、ブログ名とロゴ画像をコンテンツから削除すると、ブログの説明が一番上に表示されちゃうのか〜
って、ブログロゴの実験してるのに、削除したら本末転倒ですね。
題名をクリックしてトップページに戻る事も出来なくなっちゃってます。
でね、ここまで長々と読んだ方なら大体予想はつくと思うんですが、スタイルシートをいじらずに、タイトルロゴ画像としてヘッダー用画像を上げて貼り付けるとどうなるかってーと。
ブログの題名の位置に画像がドーンと表示されて、ブログの上部が、ズレズレになっちゃうのですな(~_~;)
ブログロゴはあくまでロゴ、サイドバーにバナーとして表示するのが妥当かなぁ。
ところで、どなたかウゴツールでブログロゴやヘッダ画像を作ってのけるツワモノはいませんか〜。
おお、D様、やってくださいましたか。
D in KOBE: なんか知らんがウゴツール。
うちは画数が多いから
これで精一杯。
とてもムリ。
しかし、世の中には動く文字を毛嫌いする人もいるから、使いどころが難しいっス
D in KOBE: ブログ機能解説にはなってはいなくて恐縮です・・・
こちら↑の記事にもある、コンテンツの追加でブログロゴ画像を追加してみました。
配置は0
追加先ページはもちろん
ヘッダーへ。
ヘッダーってのはブログの題名や説明文がある、一番上の場所です。
次に用意するのはもちろんブログロゴ画像。
画像ソフトの文字列(T)←Aアイコンをクリックして、少々大きい文字でブログタイトルを入力。
参照記事ぼちぼちいきましょ〜: こんなんでいい？
文字の色を変えたりレイヤーの複製したりぼかしたりズラしたり、背景色を透過してGif保存したりと色々手を加えて用意します。
このあたりはもう、フォント選びと色彩センス＆経験……つまり、日ごろレタリングや印刷物に対して関心を持って見てたかどうかってオハナシで、お手本はテレビやチラシや雑誌でたくさん見られるので説明は省きます。
ちなみに、ここじゃなくて、公開しているけれど新着記事や検索にかからない設定にしてある実験ブログでやってましたので、あしからず。
コンテンツ画面に追加された、ブログロゴ画像って文字をクリックすると、新しい画面が開きます。
ファイルマネージャをクリックして、
次の画面で参照をクリック。小窓(ダイアログ)が開くので、作っておいたブログロゴ画像を選んで『アップロード』をクリック。
ファイルを追加しました。と出るので、『ブログロゴ設定に戻る』をクリックします。
すると
ブログロゴ画像画面に、さっきアップロードした画像の名前が追加されているので『保存』をクリック。
この変更をブログに反映させるためには再構築が必要と書いてあるので
再構築を実行してしまいましょう。それに、再構築は定期的にやったほうがいいしね。
これで
ヘッダにロゴが入りました〜
けど、ブログの題名が二重になって、なんともウザい状況に。
というわけで、ブログ名を削除して、もういちど再構築してみました。あ、消してもこれはあとで戻せるから大丈夫っス。
その結果は……
おお、スッキり……してない。orz
なんかロゴの周りに紫色のリンク枠が見えます。うがー、ロゴを透過Gifにした意味がないではないか〜
でも、どうやって紫枠を消したら良いのかCSSオンチの私にはわかりまへん。時間もないし〜。
そこで！
ロゴ画像にグラデした紫枠を元からつけて、額縁のように見せかける作戦に〜。って無理ありすぎですね、そりゃ。
けど、木の葉は森の中に隠せとホームズが言ってたような木がするので
はっはっは、これで枠はデザインに溶け込んだぞ〜……って、スタイルシートいじってヘッダー画像入れ替えるくらいなら、背景に文字を直接入れて、ブログ名もブログロゴも消しちゃった方がマシかな〜
ちなみに
入れ替え方はこちら→テンプレートの背景画像を変えてみる
なるほど、ブログ名とロゴ画像をコンテンツから削除すると、ブログの説明が一番上に表示されちゃうのか〜
って、ブログロゴの実験してるのに、削除したら本末転倒ですね。
題名をクリックしてトップページに戻る事も出来なくなっちゃってます。
でね、ここまで長々と読んだ方なら大体予想はつくと思うんですが、スタイルシートをいじらずに、タイトルロゴ画像としてヘッダー用画像を上げて貼り付けるとどうなるかってーと。
ブログの題名の位置に画像がドーンと表示されて、ブログの上部が、ズレズレになっちゃうのですな(~_~;)
ブログロゴはあくまでロゴ、サイドバーにバナーとして表示するのが妥当かなぁ。
ところで、どなたかウゴツールでブログロゴやヘッダ画像を作ってのけるツワモノはいませんか〜。
おお、D様、やってくださいましたか。
D in KOBE: なんか知らんがウゴツール。
うちは画数が多いから
これで精一杯。
とてもムリ。
しかし、世の中には動く文字を毛嫌いする人もいるから、使いどころが難しいっス
★紫の枠を消してしまう方法はこちらに〜
まっちゃんのユルユル日記: ３日目にして。
ファイルマネジャーのHTMLボタンをクリックして、そのままコンテンツ→ブログロゴ→挿入テキスト欄に貼り付けなんですが……
<img src="ロゴのアドレス" alt="ブログロゴ" width="幅ピクセル単位" height="高さピクセル単位" border="0"/>←この最後の赤字部分を入れるのが、ポイント？
トラックバック先
あまり細かく見てなかったので知りませんでした。(^^;
また今度、時間あるときに自分とこもイジッてみようかな？
今のペンギンもなかなか気に入ってますけどね〜(笑)
テンプレートを決める動機に占める画像の割合って大きいから、ペンギンが気に入られたのでしたら、そのままでも……ちなみに、うちが旅ブログっぽいテンプレを選んだのは、食い物＝オレンジ色って固定観念からっス。
なるほど、私の想像（あっさりTOPを入れ替える）のような感じとはかけ離れていたようですね（汗
それにしても、【紫の枠が消えない】→【オリジナルのグラデを追加】・・おお！またまた私はハマってニヤリと（笑
グラデのデザインこれはこれでいい感じですよね！何か宇宙空間みたいで。
紫の枠ですが、CSSの中のしかるべき箇所（画像表示に関するあたり）に【border: 0px;】を追加すれば消えると思います〜。
でも『しかるべき場所』ってのは、自分の場合、ここかな？そこかな？と言う感じであちこち試して・・・てなレベルなので、ハッキリどことは言えないのですが。。。
成功したとしても、ヘッダーの背景画像を読み込んだ後に、ロゴとして設定した画像を読み込むという画像の重ね着状態になるは必定。希少種であり保護対象となっているダイヤルアップのお客様を様を泣かせる事になりそうです。
ああ、BORDER=0いやborder: 0px;、どこに入れたらいいのやら？
っていうか、そこまでしたらHTMLやCSSを知らなくても画像を変えられる(かも？)って趣旨から大幅に外れてしまうため、断念です〜。
使い勝手＆個性をだすために、いろいろと私もいじらないとと思いながら、細切れのネットタイムしかとれず(T∇T) ウウウ（詳しくないから、食べ太さんやいろんな方の説明読みながら応用するのに時間がかかる私・・）
またこちらに勉強に寄せて頂きます〜♪
いずれ『ぼちぼちいきましょ〜』さんもリニューアル？
Asuka様が撮影＆加工されたお写真と添えられた言葉の雰囲気に、木漏れ日のテンプレートは、あつらえた様に似合ってて、既存のままでも素敵ブログさんだと思います。改造はそれこそ、気長〜に。花が咲く頃にでも……
『独り言のように』さんのセンスを学びに、こちらこそ勉強に寄せていただきますね。
まっちゃんと申します。
初めてのコメントが
下の方にある記事で良いものかと少し悩みましたが、
こちらで失礼します。
自分のブログデザインを変えるのに、
cssをいじっていたのですが、まったくワケが分からず･･･
こちらの「はうつー雑記」に大いに助けていただきました。
有り難うございました(^^)
つきまして、
私のブログにトラックバックを貼らせて頂きました。
この記事で悩んでいらっしゃる
「紫の線」を消すことができたので、
よろしければ参考までにご覧ください。
それから、
ブログのTOPページと、
この記事へもリンクを張らせていただいております。
また悩むことがあれば
活用させて頂きたいと思いますので、
今後ともよろしくお願いします。<(_ _)>
幣ブログの記事がお役に立てて何よりです……って本当にお役に立ったのやら自信がないのですが、これからも精進させていただきます。
最後になりましたが、リンクとご紹介をありがとうございました。過去記事へのコメント大歓迎です。こんな事でもないと、昔の記事はまず日の目を見ませんから〜