「ウェブサイト・ブログ作成」一覧

ウェブサイトやブログ作成に役立つ無料ソフトやwebサービス・ブログカスタマイズを紹介するページ。

スタイルシートのフォントサイズ指定-単位のせいで文字の大きさが変えられない

ブログでうまく文字の大きさが変わらない。で、テンプレートのスタイルシートを見てみた。どうも、フォントサイズの指定にPXが使われているところに問題があるらしい。

ブログのカスタマイズやサイトの作成によく使われる、カラーコード。#英数字又は、色名で表示されている。基本の16色は、どんな、ブラウザにも同じように表示される、基本の色。

FC2ブログのテンプレートを見てみると、記事の下にタグが表示されている場合がある。このタグリンク、リンク先はFC2ブログのタグページ。どうせなら、このユーザータグのリンク先、自分のサイト内の同じタグの記事にリンクするようにしてみよう。

検索順位を上げるSEO対策にはテンプレートやテーマ内のtitle部分の意味を正しく知ることが大事。ブログのテンプレートにはいくつかtitleがある。今回は、HTMLの<head></head>で囲われた部分のtitleの意味について。

SEO対策をかねてSTINGER3タイトル下のナビゲーションバーの「TOP」にブログネームを入れてみる。リンクのアンカーテキスト（リンクに表示する文字）は訪問者にわかりやすいようにしたい。わかりやすいアンカーテキストは検索エンジンにも受けがいいって言う。

Bingウェブマスターツールに登録してみよう。BingウェブマスターツールはMicrosoftのウェブマスターツール。Bingウェブマスターツールに登録するとサイトの存在をBing検索エンジンに伝えることができる。サイトの分析などもできる。

ウィジェットを使わずにカテゴリー一覧を作ってみる。ウィジェットを使わないほうが表示が速くなるらしい。作れるものはウィジェットを利用しないでwordpressテーマに実装したい。カスタマイズもウィジェットを使うより幅が広がる。

スタイルシートの擬似要素の:beforeというものを使ってリストマークの代用にできる。疑似要素なら文字・画像・音声でもリストマークの代用として使うことができる。:afterを使うと、後ろに記号をつけたりもできる。

WordPressの投稿時、ビジュアルエディタ上に適応したスタイルシートが表示されていないと公開時のイメージが付きにくい。保存してブレビューするのも面倒だ。ビジュアルエディタ上で公開時のスタイルがそのまま表示されるようにしよう。

paddingはスタイルシート（CSS）の指定のひとつ。内枠からの距離を指定するスタイルシートだ。よく使うスタイルシートなので覚えておくとよいと思う。参考に、paddingの指定の記述と実際の表示を乗せてみた。