CSSでblockquoteを引用符付きでお洒落にカスタマイズする方法

 ニュースや論文系のブログであれば、ほかのウェブサイトなどの文章を引用する機会が多いと思います。他所からのコピーですよ、ということを検索エンジンにきちんと知らせるために blockquote で囲みますが、枠線を付けたり背景色を変えるだけの単純なデザインではイマイチ味気ないものです。 …[続きを読む]

1ページ内にH1はいくつ使っても大丈夫なのか?

 かつては SEO にとって重要であった H1 タグですが、Google から「いくつ使っても検索順位には影響しない」との公式アナウンスがあったことから、以前ほど神経質になる必要はなくなったように思います。とはいったものの、訪問してくれるユーザーに伝えたい情報を知らせるのに便利なものであることに変わりはないので、どのように使ったらよいのかを考えてみたいと思います。 …[続きを読む]

レスポンシブ対応に必須!シンプルな折りたたみ式メニューを作ってみた

 スマホからインターネットを利用する人が増えてきたことで、Google もモバイル向けページの評価に基づいて検索順位を決定する「モバイルファースト」に重点を置くようになってきました。画面サイズによってブレイクポイントを設定して CSS の設定を切り替えるわけですが、ブログやウェブサイトで定番のグローバルナビゲーションのレスポンシブ対応はちょっと難しかったりします。 …[続きを読む]

管理が簡単!静的HTMLサイトの共通部分をパーツ化する

 ホームページといえば、ヘッダー・グローバルナビゲーション・コンテンツ・サイドメニュー・フッターで構成されるのが一般的です。このうち、コンテンツを除く部分は各ページで共通していることが多いと思います。 …[続きを読む]

WordPressでカエレバの不具合を修正するには

 最近のブログアフィリエイトではすっかりお馴染みとなった Web サービス「カエレバ」ですが、サービスの不具合により運営者さんのアフィリエイト ID が入ったパーツを生成していたことが問題となっております。該当している場合には、早急にリンクを貼り替えるようにとの公式アナウンスです。 …[続きを読む]

inline-blockで要素を横並びにする

 HTML において、ブロック要素は縦に並ぶという性質を持っています。これはブロック要素が文書構造においてひとつの塊や段落として扱われるため、前後に改行が挿入されるためです。これを横並べにしたければ、本来であればインライン要素に分類されるタグに変更するのが筋だと思うのですが、WordPress や各種ブログサービスでは出力されるタグが固定されているため、ブロック要素を横並べにしなければならない場面もあるかもしれません。 …[続きを読む]

ブログで背景画像を使うには

 WordPress のサイドバーのドロップダウンをお洒落にカスタマイズするため背景画像について調べていたのですが、background-image などの使い方をよく知らなかったのでまとめてみました。 …[続きを読む]

Amazonアソシエイトにサイトを追加で申請する方法

 この記事はすでにアマゾンアフィリエイトをやっていて、さらに新しいサイトにもアマゾンアフィリエイトを貼り付けたいという人に向けたものです。Google アドセンスが一度審査に通ればほかの Web サイトにも広告を貼れるのに対して、アマゾンはサイト毎に追加申請が必要になります。Google と同じノリでいると最悪の場合にはアカウントの停止もありえるので、申請し忘れることのないように注意してください。 …[続きを読む]

WordPressのプルダウンをCSSだけでシャレオツにカスタマイズしてみる

 このブログもサボリ気味ながら更新を続けてきたことで、サイドバーのアーカイブやカテゴリーが充実して縦長になってきました。ネットを巡回しているとやたらとサイドバーが縦長のブログにめぐり合うことがありますが、私はこれが気になったので表示をドロップダウンに切り替えようと思ったところ、デフォルトのものはどうにも味気ない。 …[続きを読む]

カエレバでお金をがっつり稼ぎたい(欲丸出し

 ブログをはじめてアフィリエイトを導入すると、「この広告も貼り付けたい」「ここのスペースも広告にしよう」とか考えているうちに、ブログが広告だらけになってしまったりします。「見栄えよりも金だ」と割り切ってしまえる豪の者ならばそれでもよいのでしょうが、訪問してくれたユーザーにとって記事の内容が見づらくなってしまうのは問題です。 …[続きを読む]

HTML5でブロック要素・インライン要素による分類が廃止された件

 HTML4.01 では要素はブロック要素とインライン要素のいずれかに分類されていましたが、 HTML5 ではコンテンツモデルによって要素を分類するように変更されました。今まではインライン要素のなかにブロック要素を置いてはいけないというルールがあり、HTML 経験の長い人であれば感覚的に何をどこに入れてはいけないかわかっていると思いますが、これがカテゴリー・コンテキスト・コンテンツモデルによってより明確に定義されることになりました。 …[続きを読む]

ブログにシンプルな表を作ってみる

 データを並べて説明するためには表が欠かせません。エクセルで表を作ってスクリーンショットを画像として貼り付けるほうが簡単ですが、記事を読みにきてくれたユーザーが見やすいようにがんばって設定してみました。シンプルですけど。 …[続きを読む]

WordPressを手動でクリーンインストールする方法

 WordPress ではセキュリティや機能追加のために日々バージョンアップを繰り返しています。これは本来ならばユーザーの安全性と利便性を向上するためのものであり、WordPress さんサイドもきちんと動作確認をした上で更新しているのだと思います。

 ただ、WordPress でブログを複数運営していると、「あれ、こっちの WordPress のときと動作が違う・・・」ということがまれに起こることがあります。レイアウトが崩れたり、画面が表示されなくなるなどの大事故ではないのですが、吐き出される HTML データが微妙に異なるということがあるのです。 …[続きを読む]

楽天アフィリエイト初心者がいろいろと調べてみた

 物販系のアフィリエイトは Amazon のみだった当ブログですが、Amazon で見つけた商品を楽天で検索するユーザーも一定数いるようなので、楽天アフィリエイトを導入することにしました。今回は楽天アフィリエイトをはじめるにあたって調べたことをまとめてみます。 …[続きを読む]

ブログデザインのカスタマイズに便利なツール・環境について

 ブログを運営している人ならインターネットサーフィンをしていると、「あっ、このデザインかっこいいな」とか「こんな風に自分のブログをカスタマイズしたい」と思うことがあるかと思います。今回は自分のブログをどのようにカスタマイズしていったらいいのか考えてみたいと思います。 …[続きを読む]

Si prega di attivare i Javascript! / Please turn on Javascript!

Javaskripta ko calu karem! / Bitte schalten Sie Javascript!

S'il vous plaît activer Javascript! / Por favor, active Javascript!

Qing dakai JavaScript! / Qing dakai JavaScript!

Пожалуйста включите JavaScript! / Silakan aktifkan Javascript!

TOP