Web Design– category –
-
Web Design
横幅いっぱに広がるつもりのheaderとfooterの右端が切れてる時の対処法
なんということでしょう... ブラウザの幅を狭めるとヘッダーの右端が見事に切れてます(;^ω^)ヘッダーが切れてるということはもちろんフッターだって... 案の定切れてました...orz このヘッダーやフッターの右端が切れてる状態はブラウザの横幅を狭めな... -
Web Design
WordPressにはてなブックマークボタンを設置する方法
自分のホームページにはてなブックマークボタンを設置したいと思ったら、はてブ公式からブックマークボタン用のソースコードを取得して、それを自分のサイトのボタンを設置したい場所に貼り付ければOKです。 ただし、WordPressの場合は取得したコードをそ... -
Web Design
英語が苦手で予備知識が無くてもCodecademyでプログラミングを学習したい人へのヒント
オンライン上でHTMLやCSSの基礎、Javascript、PHP、jQueryなどのプログラミングが気軽に無料で学習できるサイトとして人気のCodecademy...ご存じの方も多いと思います。 Codecademy ほんの一部分だけ日本語化されているものの...その大部分が英語表記のサ... -
Web Design
WordPress初心者がまず押さえておきたいテンプレートタグまとめ
WordPressのテーマを作成するときに色々なテンプレートタグが出てきますよね。全部覚えるのはなかなか難しいですが・・・これは押さえておかないとまともなテーマが作成できないぞっ!というものに限ってまとめてみました。 次テーマを作成するときのため... -
Web Design
WordPressのページャーを格好良くしてくれる「WP-PageNavi」を導入してみました
WordPressのトップページ(index.phpなど)に設置する次のページへのナビゲーション(ページャー)は、デフォルトのテンプレートタグを使うと...CSSで多少の見た目はカスタマイズできても致命的な欠点がありますよね。 閲覧者がいま何ページ目にいるのか、... -
Web Design
WordPressで作った自分のサイトにAutopagerizeを動作させないコツ
前回の自作テーマでは自分のブログで Autopagerizeが動作しなかったのですが、今回の2代目テーマでは何故かAutopagerizeが動作するようになってしまいました。 AutoPagerizeは通常そのサイトのSITEINFOというものを作ってそれを登録する(共有する)ことを... -
Web Design
リセットCSSに「HTML5 Doctor CSS Reset」を使うとAdSenseの読み込み時の背景が黄色くなる件
新しいテーマの作成作業も最終段階になってGoogleAdSenseの表示テストをしてたんですが、何故かAdSenseの読み込み時の背景が黄色くなる変な現象に悩んでました。 読み込み時の背景が黄色いとなんだかとっても見た目が悪くて格好悪い。今までこんなこと無か... -
Web Design
SyntaxHighlighterでソースがはみ出しちゃったときの対処法など
ブログなどにHTMLやCSSなどのソースを表示させるときに、見た目を美しくしてくれるのがSyntaxHighlighter。とっても有名なプラグインなので使ってる人も多いと思いますが、いざ使ってみると...右側部分がはみ出してしまうことが多々あります。こんな時にど... -
Web Design
生まれて初めてフリーフォントをインストールしてみました
前々から可愛い・きれいなフリーフォントとか使ってみたいなぁと思っていたんですが、インストール方法とか分からないし(調べるのも面倒くさいしw)なぁなぁのままで今まで生きてきたのですが・・・ 「おっ・・・これはふぉんとうにきれいなフォントだな... -
Web Design
Dreamweaverのコードビューを年寄りの目にも優しくしてみた
Dreamweaverでサイトを作ってるときに目がチカチカするようになってきました。小さなフォントで、しかも背景が白いから・・・年寄りの目にはきつくてきつくて・・・Σ(゚д゚) エッ!? コードビューのフォントをもう少し大きくして・・・ 背景も黒っぽい方が疲れ...