ブログネームを画像にする

ブログネームを画像にする

Pocket

ブログタイトルってやっぱり重要でしょ。自分の看板になるわけだし、味気ない文字が貼られてるのもどうかなぁと

FONTを変えてやるのもいいかもしれないけどもうちょっと・・・ってことで画像にしてみました(σ・∀・)σ

尚、今回プログラムを直接触るのでくれぐれも間違えないように、そして自己責任ということでお願いします。

あと、ちゃんとする方法あるんだろうけど無理やり完結しちゃってる部分があるので内容見てから判断くださいm(_ _)m

 

Title001

まず用意したのがこちらの画像250x90のJPG画像です。

FONT変えるだけでいいじゃないかとか突っ込まないで('ェノ|

作成できたらWP管理画面のメディアからUPしちゃいましょう。UPできたらそのままUPした画像の編集画面を出します。

タイトル画像UPした画像クリックすると出てきます。右の方のメニューにファイルのURLというのがあると思うのでアドレスをクリック(σ・∀・)σそしてCtrl+Aで全部選択してCtrl+Cでコピー!

ノートパッドでも開いてCtrl+Vで貼り付けてメモしといてくださいφ(`д´)メモメモ…

この画像のURLが表示される時に必要になります。

さてここからが面倒・・・

まずはWP管理画面から外観→テーマ編集と移動します。ここからはプログラムを直接って書き込んでいきますよ♪~( ̄ε ̄;)

右側のテンプレートと書かれた下に◯◯.PHPなんてのがズラリと並んでますが、一番下のstyle.ccsをクリックすると左側のところにタイトルがスタイルシートと書かれたプログラムが出てくると思います。

ここがレイアウトなんかを決める骨格になります。文字の大きさとか色、背景なんかも一つ一つ場所によって違うものを入れれたりね(*´艸`)

/* Header
————————————————————– */
#header {
clear: both;
float: left;
width: 100%;
margin: 40px 0 40px 0;
}
#branding {
float: left;
width: 35%;
overflow: hidden;
}
#site-title {
font-size: 0em;/*注意ポイント 無理やり*/
line-height: 1em;
font-weight: bold;
margin: 0 0 3px 0;
word-wrap: break-word;
/*タイトル画像を出す*/
width: 250px;/*←画像幅*/
padding-top: 90px;/*←画像縦*/
background: url(保存した画像のURLを記入) no-repeat left top;
/*ここまで*/
}

こんな感じの場所があるので#site-title{ }の中のタイトル画像を出すと書いてる所に

width: 250px;/*←画像幅*/
padding-top: 90px;/*←画像縦*/
background: url(保存した画像のURLを記入) no-repeat left top;

を記入してファイルを更新というボタンをクリック。間違えるとブログがぶっんじゃうので注意^^;


 

できたら次は右のメニューからheader.phpというプログラムを開きます。

<!– Title –>
<title><?php hybrid_document_title(); ?></title>

こうゆう場所があると思うのでここを編集します。<title></title>というのがブログタイトルを表示させる命令になり、<?php hybrid_document_title(); ?>ここに書かれている場所の文字を表示しなさい。っていう事がこの一文に書かれてます。

なので普段はもっと簡単にブログタイトルの変更が可能なわけですヾ(*´∀`*)ノキャッキャ

ってことで、今回はブログタイトルが出てほしくないので<?php hybrid_document_title(); ?>を消します(σ・∀・)σ<title></title>だけにしてファイルを更新で出来上がりヾ(o′▽`o)ノ゙゚+.゚

・・・

ってことで完成のはずなんですけど、ブログ確認すると画像の下にまだタイトルネームが出る・・何故だ!?(。-`ω´-)ンー

分からん!何か記憶から欠如してるのかもしれないけど面倒なのでフォントのサイズをにして見えなくしちゃいましょう(ll'∀')ァハハ-

方法は最初に記入したCCSを開いて同じ場所をまた探します(¬д¬。)

#site-title {
font-size: 0em;/*注意ポイント 無理やり*/

ここですね無理やりと書いてます('ェノ| 実はここの0emって場所がフォントのサイズを示してます。個々の数字を0にして見えなくしてるわけです。無理やり!そして最初に言えってことですね♪~( ̄ε ̄;)変更できたら更新ボタンを忘れずに^^

無理矢理でしたがこんな感じで完成です(`・д´・o)ゞツッコミどころ満載ですね(ll'∀')ァハハ-

Me:

ICO一応Photographerか!?

自転車とカメラがあればそこそこ幸せだと感じる生活を送りながら心に響く写真が撮れたらいいなと思ってます。

何故撮るのかと聞かれると、自分の感じたものを外に出す方法が写真だっただけ(*ノωノ)

大好きなものに囲まれながら穏やかに過ごしたいゆっくりマッタリと写真撮りながら(*´艸`)

━─━─━─━─━─━─━─━─━─━─━─━─

最近のブームは写真撮ってる人を撮る事とフレアやゴーストを捕まえること♪

主に兵庫県内で撮影しています。


Lorsque tu es heureux, je suis heureux.

最近の記事