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 データが微妙に異なるということがあるのです。 …[続きを読む]

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

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

WordPressのウィジェットのドロップダウン表示がおかしい

 WordPress を使ってブログを運営するような人は気合を入れて更新をしておられると思うので、カテゴリーやアーカイブが縦に長くなっていることと思います。細かいことを気にしない人ならよいのですが、記事の本文よりサイドバーが長くなるのが気になったので、ウィジェットをドロップダウン表示にしてみようと調べたことをまとめておきたいと思います。 …[続きを読む]

WordPressのタグクラウドの表示がおかしい

 WordPress に限った話ではありませんが、WordPress はセキュリティを高めたりユーザービリティを高めるために頻繁にアップデートを行います。安全にブログを運用するためには必ず最新版を使うこと、という教えを守って更新ボタンをぽちっとするのは良いことなのですが、これにより今までちゃんと表示されていたものがおかしくなるというのはよくあることです。 …[続きを読む]

その写真、大丈夫?住所バレを防ぐためのExif情報の扱い方

 最近はスマホのカメラの性能が上がったおかげで、デジカメを持っていなくてもキレイな写真を撮ることが可能になりました。日記系のブログを運営している方なら、写真をアップロードしてご自分のブログを賑やかにされているかと思いますが、スマホによる写真の扱いには少しばかり注意が必要です。 …[続きを読む]

WordPressでフッターにウィジェットを追加してみる

 WordPress でブログを運営している人は、サイドバーをウィジェットでカスタマイズしていることがほとんどだと思います。ウィジェットにしておけば設定を簡単に変更できて、とても便利です。 …[続きを読む]

直下の子要素にだけスタイルを指定するCSSセレクタの書き方

 広告の画像を横に並べて表示しようとスタイルシートを書いていたのですが、DIV タグに class 属性を付けずに手を抜こうとしたところ、後になってどのように CSS セレクタを記述したらいいのかものすごい悩んだ、というしょうもない話です。クラス名とか関数名とか、いっつも悩むんですよ。 …[続きを読む]

GIMPで画像をトリミング

 GIMP での画像のトリミングの方法を解説したいと思います。画像の一部を切り抜いてアイコンや GIMP のブラシを作るときにもこの操作を行ったりします。GIMP では切り抜く範囲を選択する方法がいくつも用意されているので、場面に合わせて適切に使い分けて作業効率をアップしましょう。 …[続きを読む]

GIMPでWordPressのアイキャッチ画像の大きさをそろえてみる

 WordPress でブログを運営している人は、記事の冒頭にアイキャッチ画像を設定している人も多いかと思います。その際に素材サイトを利用するかと思いますが、ダウンロードした素材の大きさはバラバラです。横幅だけそろってれば問題ない人は画像を縮小するだけですが、レイアウト的に毎回同じ大きさにそろえたい人もいるかと思います。そんなときには、この方法でトリミングするとよいでしょう。 …[続きを読む]

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