紺碧の空3

北海道をノマド的に生きる日々の覚書き

ブログツール 技術覚書

ブログタイトルを画像に重ねて表示、日本語WEBフォントを適用

投稿日:

参考にした記事。

WordPressテーマ「STINGER」でタイトルとヘッダー画像を重ねるには

header.phpはそのままコード使わせていただきました。

サイトタイトルに日本語Webフォントを導入してみました。サブセット化も行なっています。

はまったところが2点。

「fontsquirrel」というサイトWEBFONT GENERATOR を 利用した際、デフォルトの「OPTIMAL」だと日本語部分がちゃんと生成されていなかったぽい。「BASIC」でやり直しました・・・

あとはスタイルシートへの埋め込み。

ブログタイトルの下の文、にはすぐに適用されたのだけど、タイトルそのものに全く反映されなくて困った。どうやらfont-familyはfont-sizeなどと継承のされ方がちがうぽい。どうしても上位要素のfont-familyが勝ってしまう・・・

たんに私がcss苦手、というのもあり。

デバッガーなどを駆使してやっと反映できたのはまた明け方のこの時間なのでした。

(今日は早く寝るつもりだったのだけど、バスの旅がまさかの失敗だったから、気晴らしにはじめちゃったのよ・・・)

スポンサーリンク








スポンサーリンク








-ブログツール, 技術覚書

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

ロリポップへの引越し(よりみち編)

なんで起きてるんだろー(笑) エディターをもうちょっとだけリッチにしたら、他のテーマにしなくてもよくない?と・・・ 寝る前にちょっとだけ・・・と・・・ 調べた始めたのが、運の尽き・・・ TinyMCE …

SQLiteでWordPressは動くだろ

  仕事でWordPressを使ってみることになった。もっとはやくやってもよかったのになんで気づかなかったんだろ。まあ気づけて良かった。 経費の更なる節減のため、今回はWordPress+S …

スマホ用smart.cssでブログタイトルの表示

おまけ。スマホから表示したとき、ブログタイトルが先頭にでないのが気になって、smart.cssをいじりました。QAにやり方が載っていた。 スマートフォンでのヘッダー画像の表示 あとは表示位置を調整した …

no image

タグクラウド、関連する記事の表示プラグイン

Simple Tagsというプラグインも使っていました。タグの入力をアシストしてくれます。あと、今日やっと、「関連する記事を表示」を設定してみました。 参考にさせていただいた記事はこちら。。。 Wor …

no image

F-07Cの衝撃

そうだ、書いてしまおう。考えはまとまらないけど、書いたらキット気持ちがスッキリするに違いない。 そのニュースを目にしたときの私の気持ちは、まさに 「☆×■◎※△!?☆×■◎※△—&#821 …