Web関連

WordPress

WordPressのTwitter自作シェアボタンを更にカスタマイズしてハッシュタグを付けたりフォローしてもらう為の仕掛けを作ろう!

ワードプレスで作った自作のシェアボタンをもう少しカスタマイズして、記事がシェアされた時の文章にハッシュタグを入れたり、記事を書いた人のツイッターアカウントIDを記載したり、記事に関わった人達のアカウントのフォローボタンを表示させたりするカスタマイズをご紹介します。
CSS

スマホでタップした時に一瞬出るハイライト表示をCSSで消す方法。さらにハイライト表示の色を変える方法

スマホでタップした時に一瞬出るハイライト表示があると思います。それをCSSで消す方法です。ハイライトを見えないようにして、かつマウスオーバー時のスタイルなどを適用していない場合、ユーザーからしてみればタップしても一見何も反応が無いので、自分がタップしたかどうかが分かりづらいという事があります。使う際は本当に必要かどうか良く検証してからにしてください。
CSS

CSSで何番目・偶数奇数・何番目以降・最初最後などを指定する擬似クラスまとめてみた【コピペ用】

この何番目を指定してスタイルを適用させる系の擬似クラスは私もWeb制作の際には良く使います。備忘録も兼ねてもう自分のブログに解説と一緒に書いておこうと思います。とりあえず良く使う何番目指定系の擬似クラスだけをピックアップしました。
WPプラグイン

WordPressの記事に目次を自動作成するプラグイン『Table of Contents Plus(TOC+)』設定画面も日本語で簡単!

ワードプレスの目次作成プラグインと言えば有名なのはやっぱり『Table of Contents Plus』、通称『TOC+』です。技術系ブログやノウハウを記した記事など文章量が多くなるものを書くと、ユーザーから見てその記事がどういった事を書...
CSS

サイトのクリック済み・訪問済みのリンクの文字色をCSSで変えてリピーターに優しい作りにする

リンクのCSSを記述する際に、マウスが置かれた時にスタイルを適用する:hover擬似クラスは良く使うのですが、意外と忘れがちなのが:visited擬似クラスです。 これはユーザーが既にクリック済み、訪問済みの場合にスタイルを適用するものです...
WordPress

WordPressで『今日の日付』や『昨日の日付』を表示するコード。世界標準時間にあわせた時刻の修正コードなど。

ワードプレスで記事の投稿時間を表示する事はよくあると思いますが、今回紹介したいのは今日現在のリアルな日付を表示するコードです。ユーザーがサイトを見ているリアルな日付を表示する事ができます。さらに今現在の日付だけではなく、昨日の日付や明日の日付など、今日からずらした日付を表示する事も可能です。
WordPress

WordPressで記事が属するカテゴリーによって条件分岐するコード。特殊なジャンルを扱うカテゴリーを作った時とかに。

記事として書く内容によっては、カテゴリーごとにテンプレートの内容を変えたいという時があると思います。 カテゴリーによってテンプレートを丸ごと別のものに適用するといった事もできますが、レイアウトを大きく変える訳ではないというのであれば、そんな...
Google

Googleフォトって凄く便利で無料で容量無制限なのに意外と知ってる人が少ないから勿体ない!

スマホで撮影した写真は全てGoogleフォトで保管しています。無料で容量無制限のこのすばらしいサービス。しかし私の周りの人達を見ていると意外とこのサービスの存在を知っている人が少ない事に最近気がつきました。もったいないと思ったので今回はこのGoogleフォトについてご紹介したいと思います。
WPプラグイン

WordPressでAmazonアソシエイトをやるならプラグイン『AmazonJS』が非常に便利だったので気に入ってる

売上がAmazonアソシエイトに集中していたのでこれ一本に絞ってアフィリエイトをやろうと思いました。そこで新しくワードプレスのプラグイン『AmazonJS』を使ってみることにしました。これがまた結構便利なプラグインでしたので紹介したいと思います。
SEO対策

WordPressブログのカテゴリー整理と構造化マークアップでGoogle検索結果に記事の内容が分かりやすいパンくずリストを表示する

ブログのカテゴリー整理やってますか?私はやってませんでした。しかしGoogle検索結果に表示される内容に影響があるとなると、検索流入が8割以上のこのブログでこのままは良くないと思い、改めてカテゴリーの整理を行う事にしました。