CSSスニペット [CSS]CSSでtableタグのcellspacing、cellspaddingを指定する方法
tableのセルの間隔とセル内の余白を、cellpadding、cellspacingは使わずにCSSで指定する方法のご紹介です。 tableタグにcellpadding、cellspacing などを記述 table タグにcellpad...
CSSスニペット 
Macアプリケーション [Mac]添付ファイル「winmail.dat」をMac で開く方法
Macのメールソフト（Mail）を使っていると、稀に「winmail.dat」という添付ファイル付きでメールを受信する時があります。 過去に「ゴミファイルかな？」と思って添付ファイルを消したら、実はかなり重要なファイルだった…なんて経験があ...
WordPress [WP]管理画面の固定ページや投稿記事一覧にスラッグのカラムを追加する方法
パーマリンクの設定にもよりますが、WordPressの投稿記事や固定ページには「スラッグ」と呼ばれる値を自由に設定することができます。 以前のWordPressの固定ページを、ページIDとページスラッグで振分処理する方法の記事のように、テー...
CSS [CSS]iOSでフォームにフォーカスした時の自動ズーム問題を回避する方法
iOSでテキストフォームをタップしてフォーカスした時、ページ（の文字サイズ）が拡大表示される問題を回避する方法のご紹介です。 テキストフォームに文字を入れようとすると拡大表示される iPhone でウェブサイトを見ていて、テキストフォームに...
HTML .htaccessでindex.htmlのURL正規化
静的サイトのトップページであるindex.htmlをプログラム処理の入ったindex.phpに置き換える場合や、静的サイト全体をWordPressで作り替える場合に必要になることが有るのでメモ。 ドメイン名/index.htmlでのアクセス...
WordPress [WP]サイト内検索から固定ページを除外して投稿のみを検索対象にする方法
WordPress のサイト内検索で、検索対象を「投稿」のみに制限する方法のご紹介です。 もともとは「投稿記事」と「固定ページ」が検索対象になっているのですが「検索はブログ（投稿記事）にしか使わない」なんていうサイトの場合は、functio...
WordPress [WP]独自ドメインで短縮URLを作成してアクセス解析もできるプラグインPretty Link
独自ドメインで短縮URL を生成できるWordPress プラグインPretty Linkのご紹介です。 Pretty Linkプラグインの特徴は、WordPressの管理画面内で簡単に短縮リンクを作れるだけでなく、そのリンクがどれくらいク...
HTML 手軽にローディング画像が作れるジェネレーター「Loader Generator」
簡単にローディング画像を生成できるジェネレーターLoader Generatorのご紹介です。 ローディング画像の種類や大きさ、色やアニメーションのスピードなどの細かい設定ができ、GIF形式で画像をダウンロードしてサイトに設置することができ...
jQueryプラグイン・ライブラリ [JS]jQueryで高さの異なる要素を最大値で揃える方法
floatで横並びにした要素の高さを最大値で揃えるためには、以前に紹介させていただいたCSS を使う方法以外に、jQueryでも対応することが可能ですので紹介させていただきます。 jQueryで高さの異なる要素を最大値で揃える 今回、flo...
WordPress [WP]CDNから画像を読み込ませるJetpack Photonの利用方法
コメントやSNS 連携、サイト統計情報などの機能を有した多機能プラグインJetpackの中でも、個人的に重宝している機能の1 つが、今回紹介させていただくJetpack Photonです。 Photonは投稿時にアップロードした画像ファイル...
WEBサービス [Mac]IEやAndroid、iOSなどのブラウザチェックができるBrowser Stack
Internet ExplorerによるブラウザチェックをMacで行う場合、VirtualBoxを使うなど色々方法があるかと思いますが、 今回はその中でも、Mac OS XのブラウザでWindowsのInternet ExplorerやFi...
WordPressプラグイン [WP]WordPress Popular Postsを利用して週間人気記事を画像付きで表示する方法
ブログに人気ランキングを設置できるプラグインWordpress Popular Posts。 今まで人気記事表示の際にはPopular Postsプラグインなどを使っていましたが、Wordpress Popular Postsはブログ内の記...
jQueryプラグイン・ライブラリ [jQuery]文字量に応じてテキストエリアが自動でリサイズするプラグインjQuery Autosize
フォームのテキストエリアtextareaの高さを、テキスト量に応じて可変にできるjQueryプラグインjQuery Autosizeのご紹介です。 テキストエリアに文字をどんどん打って行くと、文字量に応じてテキストが下へ下へと広がって行きま...
WordPress [WP]お名前.comサーバーでWordPressをインストールする方法
お名前.com共用サーバーSDでWordPressを使いたい場合、公式サイトを見ると「かんたんインストール機能」を使う方法や、自分で「phpMyadmin をインストール」してWordPressを導入する方法などが紹介されているのですが、 ...
スマフォ・iPhone Dropboxとも連携可能なiPhoneエディタアプリ「iテキスト」
iPhoneでメモ書きするエディタアプリは色々ありますが、 個人的にオススメなのが、Dropbox 内のテキストファイルを編集、共有するのに便利なiOS のエディタアプリiテキストです。 パソコンとiPhone の両方でDropbox 内の...
CSSプロパティ [CSS]フォームのinput type=fileのボタンデザインを変更する方法
「ファイルを参照して下さい」などのデフォルトのデザインではなく、オリジナルで用意したボタン画像をクリックして、ブラウザのアップローダーを起動させる方法です。 テキストフォームやラジオボタンなどは、CSS3のプロパティを利用すればかなり自由に...
WordPress [WP]is_mobile 判定で、スマホとPCとで表示する情報を変える方法
最近は特に、スマートフォンやタブレットでのアクセスにも気を使いながらサイトやブログを構築することが多いので、PCサイトとiPhone、Android、iPad とで表示する情報を変えてあげることも必要になってきます。 今回はWordPres...
Mac [Mac]Mac OS 10.8でディスクとアクセス権を修復する方法
未だにOS X Mavericksに移行できずにLionが居座り続ける当方のMac ですが、 Lion ちゃんでもバリバリ動いてくれているので苦は無いものの、たまにマシンの調子がおかしくなってメンテンスが必要な時もあります。 昔のMac O...
jQueryプラグイン・ライブラリ [JS]Lightboxのように画像を拡大表示してスワイプ操作でスライドできるjQueryプラグインSwipebox
スマホやiPadなどのタブレット向けに最適化されたレスポンシブWEBデザイン対応のサイトで、Lightboxのような画像の見せ方を実装したい場合に便利なプラグインSwipeboxのご紹介です。 Swipeboxは単体画像をLightbox ...
WordPress [WordPress]ログイン履歴を表示できるプラグインCrazy Bone
WordPress のログインに成功したユーザー、ログアウトしたユーザー、ログインに失敗したユーザーなどの情報を一覧で確認できるプラグインCrazy Boneのご紹介です。 WordPress を狙った攻撃が多くなってきましたので、不正ログ...
CSSスニペット [CSS]Windows のChrome でメイリオフォントが潰れて表示される場合の対処法
メイリオフォント を指定してしたテキストを、Windows のGoogle Chrome から見たら「文字が潰れて表示される…」なんて場合に、CSSのtext-shadowを使った回避策のご紹介です。 もっとスマートな方法が他にもあるのかも...
Javascript・jQuery [jQuery]マウスの右クリックを禁止する方法
jQueryでマウスの右クリック動作を無効化する方法のご紹介です。 body要素全体にマウスの右クリック禁止を適用 <head>内にjqueryファイルと一緒に以下の記述を追加します。 特定の要素でマウスの右クリック禁止を適用 以下のように...
WordPress [WordPress]コメントに画像認証を追加できるプラグインSI CAPTCHA Anti-Spam
WordPress ブログのコメント欄に「画像認証」のステップを設けることで、スパムコメントを防いでしまおうというプラグインSI CAPTCHA Anti-Spamのご紹介です。 SI CAPTCHA Anti-Spam のインストール 管...
Javascriptスニペット [JS]placeholderのテキストにアニメーション効果を追加できるスクリプトPlaceholdem
<input type=text>や<extarea>でplaceholderのテキストにアニメーション効果を追加できるPlaceholdemのご紹介です。 jQuery不要で簡単に使うことができますので、企業向けのお問い合わせフォームなど...
PHP [PHP]PHPで時間帯によってCSSの背景画像を切り替える方法
ウェブサイトやブログを問わず、例えば「昼は青色の背景」「夜はグレーの背景」など、時間帯によってCSSの背景画像を変更したい場合に便利なカスタマイズです。 昼、夜以外にも時間帯を細かく区切ることも出来るのですが、今回は6時～18時の時間帯はA...