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

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

WordPressで「前の記事へ」、「次の記事へ」をカスタマイズする

 訪問してくれた人がブログを気に入ってくれて、日付をさかのぼって順番に記事を読んでもらうのに便利なパーツです。当ブログのように検索流入でやってきて関連する記事だけを読んで離脱してしまう場合にはあまり効果がありませんが、日記形式のブログなどでは威力を発揮します。 …[続きを読む]

Simply Static による静的 HTML 化ではパーマリンク設定が重要である

 静的 HTML でホームページを作りたい、けれども Dreamweaver などを買うお金がない場合どうしますか?サイドバーなどのリンクをすべて手作業で行う?ページ数が少なければ問題ありませんが、100や200ものページをコピー&ペーストするのはかなり無理がありますよね。 …[続きを読む]

トップページを固定ページに変更するには

 ブログではない普通のホームページを作成しようとした考えたとき、ホームページビルダーや Dreamweaver などの定番の作成ソフトを購入するお金がない場合、WordPress が選択肢として挙がるかもしれません。ところがインストール後の初期設定のままですと、トップページがブログ記事の一覧を表示するインデックスページとなってしまっています。当ブログでいうなら、このようなページです。 …[続きを読む]

固定ページへのリンクをサイドバーに表示する方法

サイドバーに固定ページへのリンクを表示する方法を解説します。 …[続きを読む]

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

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

WordPressのSearch Regexプラグインで記事の文字列を一括置換する

 今まで書いてきた複数の記事にある同じ文字列を一括で置換したいときがあると思います。たくさん記事を投稿しているような場合、ひとつひとつを手作業で置き換えていくのは実に作業効率が悪いです。そんなときは一括で文字列置換を行ってくれる Search Regex プラグインが便利です。 …[続きを読む]

WordPressで画像を中央揃えにするには

 文章に説得力をもたせたり記事の彩りとしてブログの文章に画像や写真を挿入することは欠かせません。WordPress では「投稿の編集」画面から「メディアを挿入」ダイアログを利用して画像を貼り付けますが、スタイルシートでどのように指定すればよいのかを解説したいと思います。 …[続きを読む]

divにtext-alignは効かないよ?

 SNS ボタンやページネーションなどのブログカスタマイズに関係する要素を中央揃えにする場合、text-align:center; を指定しても効かないといった話をよく聞きます。最悪、マージンやパッディングをがんばって設定すればそれらしくなりますが、もっとスマートな方法で解決したいですよね。今回はこの解決方法と、簡単な text-align に関する解説をしたいと思います。 …[続きを読む]

表示速度アップ!EWWW Image Optimizerを導入する

 ブログに訪れてくれた人をリピータにするためには表示速度の改善が欠かせません。あなただって表示するまでに何十秒もかかるブログをもう一度見に行こうとは思わないでしょ?表示速度アップの方法はいくつもありますが、そのなかでも画像サイズの圧縮はかなり効果が高いです。今回はアップロードした画像を自動的に圧縮してくれる WordPress プラグイン「EWWW Image Optimizer」の基本的な設定や使い方を紹介したいと思います。 …[続きを読む]

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

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

あら大変、Autoptimizeでトラブルに

 HTML、CSS、JavaScript を最適化することによってブログの表示速度を上げられる WordPress プラグイン「Autoptimize」ですが、楽天モーションウィジェットをブログに導入しようとしたところ、このプラグインが原因でうまく表示ができないというトラブルに見舞われました。WordPress では「原因不明の問題が発生したときはキャッシュ系プラグインを疑え」が鉄則です。 …[続きを読む]

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

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

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

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

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

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

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

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