ウェブサイト・ブログ作成 スタイルシートのフォントサイズ指定-単位のせいで文字の大きさが変えられない
ブログでうまく文字の大きさが変わらない。で、テンプレートのスタイルシートを見てみた。どうも、フォントサイズの指定にPXが使われているところに問題があるらしい。
スタイルシートとHTML
ウェブサイト・ブログ作成 
ウェブサイト・ブログ作成 <head></head>で囲われた部分にあるtitleはページタイトル
検索順位を上げるSEO対策にはテンプレートやテーマ内のtitle部分の意味を正しく知ることが大事。ブログのテンプレートにはいくつかtitleがある。今回は、HTMLの<head></head>で囲われた部分のtitleの意味について。
ウェブサイト・ブログ作成 子カテゴリーの前に擬似要素で記号をつける
スタイルシートの擬似要素の:beforeというものを使ってリストマークの代用にできる。疑似要素なら文字・画像・音声でもリストマークの代用として使うことができる。:afterを使うと、後ろに記号をつけたりもできる。
ウェブサイト・ブログ作成 paddingの指定の仕方-内枠からの距離を指定するスタイルシート
paddingはスタイルシート（CSS）の指定のひとつ。内枠からの距離を指定するスタイルシートだ。よく使うスタイルシートなので覚えておくとよいと思う。参考に、paddingの指定の記述と実際の表示を乗せてみた。
ウェブサイト・ブログ作成 スタイルシートで画像の回り込みを指定してみよう
スタイルシートを使って画像の回り込みをしてみよう。 通常、画像とテキストの関係は、下のようになる。画像の回り込みを行わない場合 この状態が画像の回り込みをしていない状態。 段落を指定すると、画像の下にテキストが配置される。画像の回り込みを指...
ウェブサイト・ブログ作成 改行をあらわす、<br><br />-訂正
ブログを書くときに覚えておくと便利なHTMLタグに<br><br />と言うのがあるんだ。 以前に、書いた記事だけど、今回見直しをしていたら、全く事実と違うことを書いていた。 というか、「brは改行」と書いたつもりが、「brは段落になってい...
ウェブサイト・ブログ作成 画像をクリックすると、記事のページに飛ぶようにリンク先を設定してみよう
画像をクリックすると、記事のページに飛ぶようにリンク先を設定してみよう。 バナーなどをクリックすると、サイトに飛ぶようになってる。 其れと同じように、画像をクリックすると、拡大された画像のページでなく、記事などのページに飛ぶように設定する。...
ウェブサイト・ブログ作成 スクロールバーをスタイルシートで表示する
スタイルシートでスクロールバーを表示させて見よう。 スタイルシートだけでスクロールバーつきのボックスが作れるようなのでちょっと試してみたい。スタイルシートでスクロールバーを表示する外部スタイルシートの記述.scrollbox { over...
ウェブサイト・ブログ作成 リンク先の開き方を指定するHTML
リンクを開くには、いろいろあって『リンク元のウインドを残して、新しいウインドウで開く』『同じウインドウで開く』『特に指定しない』。 HTMLでどう記載すればリンク先を指定できる？リンク先を新しいウインドで開く へのリンクを新しいウインドウで...
ウェブサイト・ブログ作成 コメントアウトいろいろ
コメントアウトはスタイルシートやHTML、PHPファイルなどに注釈を加えるときに使われる。 コメントアウトした部分は、サイト上には表示されない。 コードやスタイルが記載されていても、それが何だか分かりにくい場合が多いから、このコメントアウト...
ウェブサイト・ブログ作成 RSSボタンをスタイルシートで作ってみたよ
RSSの話が出たついでに、RSSボタンをスタイルシートで作ってみた・ 参考にしたのは、以前書いた記事「スタイルシートで角の丸いリンクボタンを作って見よう」。RSSのリンクボタンHTML部分<p class="RSS"><a title="更...
ウェブサイト・ブログ作成 Googleカスタム検索をスタイルシートでカスタマイズ-コードは変更しないよ
Googleアドセンスのカスタム検索のボックスの表示が気に入らない。 Googleアドセンスの設定画面では枠線の色とか検索ボックス（検索フォーム）の幅は変えることができるのだが検索ボックス（検索フォーム）の高さは指定できない。 でも、ほかの...
ウェブサイト・ブログ作成 FC2ブログのスタイルシートと<ul><li></li></ul>
カテゴリのプラグインを『公式プラグインカテゴリ・カスタマイズ用）』に変えてみた。 ちなみに、スタイルシートのサイドメニューも少しいじった。 公式プラグインの『カスタマイズ用カテゴリ』と『カテゴリ』の大きな違いは、<ul><li></li><...
ウェブサイト・ブログ作成 CSS（スタイルシート）縮小ツールを使ってサイトの読み込み時間を短くしよう
CSS（スタイルシート）を圧縮すると、ブログの表示速度を速めることができるらしい。 それは良いけどCSSの圧縮ってどういうこと？CSS（スタイルシート）の圧縮とは？・コメントを取り払う。・カラーコードを簡略化する。例）"#000000"⇒ ...
ウェブサイト・ブログ作成 コメントを入れる<!--/-->・<!--//-->・<!---->の使い方を覚えよう
HTMLは文書の構造を決める重要な部分だ。 ウェブ上の文書を記述するための言語のひとつ。 文章の中に記述することでさまざまな機能を記述設定することができる。 ブログをカスタマイズするときに、覚えておくと便利なのが<!--/ -->、<!--...
ウェブサイト・ブログ作成 スタイルシート（CSS）を縮小・具体例
サイトの読み込み速度を『PageSpeed Insights』で測定してみると、現在の当サイト（旧FC2ブログ）のパソコンの表示スピードは90 / 100。 この表示スピード、結構パソコンサイトでも読み込み時間が早いほうだと思う。 CSSの...
ウェブサイト・ブログ作成 <!--more-->、<!--/more-->、<!--more_link-->、<!--/more_link-->の前後に広告や文字を入れるとどうなる？
FC2ブログの<!--more-->、<!--/more-->、<!--more_link-->、<!--/more_link-->の前後に広告タグやランキングを貼り付けた場合、どんな風に表示されるか試してみよう。 FC2ブログ拍手は「追記...
ウェブサイト・ブログ作成 class=、id=の使い方と注意点
HTMLをいじっていると、たびたび出てくるのがclass="○●"、id="○●"という記載。 class="○●" とか、 id="○●"とか、ぴんと来ない人も多くない？ 正直、管理人は、まったく意味がわからなかった。 「class="...
ウェブサイト・ブログ作成 スタイルシートの擬似要素after、beforeで前後に文字や画像を入れることができる
スタイルシートの擬似要素というのを使うと、ちょっと面白いことができる。 擬似要素の代表的なafter、beforeについてちょっとメモ代わりに書いておく。スタイルシートの擬似要素after、beforeでできること スタイルシートの擬似要素...
ウェブサイト・ブログ作成 広告や画像を横並べにするHTML
ブログに広告や画像を横に並べて表示して見よう。 標準のHTMLで広告や画像を横ならべに配置できるよ。 HTMLの<div>とスタイルシートのfloatを使う。 広告でなくても良い、画像でも、文章でもOKだ。 wordpressでもFC2ブロ...