CSSプロパティ [CSS]border-radiusなどのコードをWEB上で簡単に生成できるCSS3 Generator
CSS3のborder-radiusやbox-shadowなどのプロパティの値をブラウザ上で設定し、コードを生成できるジェネレータCSS3 Generatorを使ってみました。 エディタで書いていると、特に transform とかはイメー...
CSSプロパティ 
WordPress [WP]多機能プラグインJetpack by WordPress.comの機能紹介とインストール方法
Jetpack by WordPress.comは、サイト統計やコメント、コンタクトフォームやSNS 連携などの様々な機能をパッケージにしたWordPress プラグインです。 今まで各機能を個別のプラグインで対応していたのがJetpack...
Macアプリケーション [Mac]不要なファイルを一括削除できるMacのお掃除用アプリCCleaner
パソコン内の不要ファイルを自動で検出して、一括で削除できる便利なお掃除アプリCCleanerのMac版のご紹介です。 Windows 版のCCleanerほど多機能ではないとのことですが、それでも一時ファイルや最近使ったアプリなどの情報の他...
Javascript・jQuery [JS]jQueryでreplace() を使って特定の文字列を置換する方法
ページ内の文字列を削除、置換したい場合に、jQueryでreplace()を使えば便利です。 要素を指定すれば特定の箇所のテキストを削除、もしくは別の文字列に変換、なんてことも出来ますし、カスタマイズ次第では「ブラウザの幅が320px以下で...
WordPress WordPress 3.6で投稿画面で画像がアップロードできなくなった件の自己解決
WordPressのバージョンを3.6へアップグレード後、記事投稿画面から「メディアを追加」ボタンをクリックして画像をアップロードしようとしても、何故か画像が上がらない… 「メディア」ページからであれば画像をアップロードできたのですが、投稿...
WordPress [WordPress]確認と完了画面がデフォルトで使えるメールフォームプラグインTrust Form
WordPressのお問い合わせメール用プラグインと言えばContact Form 7の名前がよく挙がると思いますが、今回は確認画面も完了画面も最初から付いているプラグインTrust Formのご紹介です。 Trust Formは確認、完了...
CSSプロパティ [CSS]-webkit-box-reflect による鏡面効果の設定方法とAndroid への対応方法
CSS3の-webkit-box-reflectプロパティを使って画像に「鏡面効果」を与える方法のご紹介です。 以前紹介させていただいたreflection.jsのような Javascript を使う方法もありますが、SafariやChro...
CSS [IE]IE8でCSS3のMedia Queriesが効かない場合の対処法
IE8以下でもレスポンシブWEBデザインに対応させることができるcss3-mediaqueries.jsは便利なJavascript なのですが、「IE でMedia Queriesが効かない…」という問題によく悩まされます。 原因不明のモ...
WordPress [WP]関連記事表示プラグインYARPPでオリジナルのデザインに変更する方法のまとめ
WordPressで関連記事を表示できるプラグインYet Another Related Posts Plugin。 前回のWordPressの関連記事表示プラグイン「YARPP」の基本設定の記事では基本的な使い方を紹介させていただきました...
WordPress [WordPress]運用中のデータベースプレフィックスを変更する方法
WordPressのセキュリティ対策の1つとして、データベースのプレフィックスにwp-config.phpのデフォルト値である「wp_」を使わないようにすることが推奨されていますが、すでに「wp_」で運用しているサイトのプレフィックスを別の...
CSS CSS によるローディングアニメーションを簡単に生成できる「CSS Load.net」
loading 画像が簡単に作れるサービス の記事でも紹介させていただいた Ajaxload を使えば loading 画像を作成できますが、今回紹介させていただく CSS Load.net を利用すれば「CSS のみ」によるローディングア...
jQueryプラグイン・ライブラリ [jQuery]背景全体に画像を固定させランダム表示もできるプラグインjQuery Backstretch
ブラウザの幅に合わせて画面いっぱいに画像を表示してくれるjQueryプラグインjQuery Backstretch。 1枚だけの背景画像をブラウザ幅に合わせてフルスクリーン表示できるのはもちろん、カスタマイズ次第では複数枚の画像をアクセス毎...
WordPress WordPressに同梱されたjQueryを使う場合とCDN を利用する場合の処理のまとめ
WordPressにはjquery本体が同梱されていて、header.phpに<?php wp_head(); ?>を書けばjqueryファイルが呼び出されます。 ただ、「最新版のjQueryを使いたい！」なんて場合に同梱のjqueryファ...
WordPress [WP]関連記事表示のWordPressプラグインYARPPの基本設定とカスタマイズ
今までWordpressで関連記事を表示させるプラグインはSimilar Postを使っていましたが、カスタマイズのしやすさが魅力のYet Another Related Posts Pluginプラグインに乗り換えました。 関連記事をフロ...
jQueryプラグイン・ライブラリ [jQuery]スマホアプリのように左右からメニューをスライド表示できるプラグインmmenu
スマホアプリのようにアイコンボタンをクリックして左右からメニューをスライド表示できるjQuery プラグインmmenuのご紹介です。 オプションで色々カスタマイズができますが、まずは今回はmmenuの基本的な設置方法から使い方までをご紹介し...
WEBサービス 特殊文字やハートマークなど大量のUnicode 文字を掲載しているサイト「Unicode character table」
中国語、韓国語、アラビア文字などの他、ハートマークや音符といった記号まで膨大なUnicode 文字を掲載しているサイトUnicode character tableのご紹介です。 使いたい文字があればクリップボードにコピーしてテキストエディ...
WordPress [WordPress]ガイドラインに添ったテーマかどうかをチェックできるプラグインTheme-Check
WordPressのテーマがWordpressのガイドラインに添って作られているか？をチェックできるプラグインがTheme-Checkです。 プラグインは日本語化されていますので、あまり宜しくない記述についてはその行数と改善点を日本語で指摘...
jQueryプラグイン・ライブラリ [jQuery]スマホでもIE7にも対応したベースのマーキーっぽいスクロールjQuery Marquee
以前はPCサイトやガラケーサイトで頻繁に目にしたmarqueeタグによる文字のスクロール表示ですが、モダンブラウザやiPhone、iPad、またIE8や7の環境でもマーキーっぽく文字を流したい場合は、jQuery を利用すると便利です。 今...
WordPress [WP]プラグインを有効化するだけでWordPressユーザーのみにサイト閲覧を制限できるMW Auth
企業向けにWordPressでサイトを構築する際に、フロント画面や管理画面をクライアントだけに制限して公開したい場合がありますが、WordPressのユーザーにのみサイトへのアクセスを許可するWordPressプラグインMW Authが使え...
サーバー・データベース WADAXでサーバーのIPアドレスを調べる方法
WADAXサーバーでWordPressを動かす際、コアファイルのバージョンアップやプラグインのインストール、削除などの操作にFTP情報を入力する必要があります。 しかもFTPのホスト名にはlocalhostではなくIPアドレスを入れないとい...
Bootstrap [Bootstrap]Modal（モーダルボックス）を使う方法
入力フォームの確認フェイズなどでも使えそうな、BootstrapのModal機能のご紹介です。 普段はモーダルボックスはdisplay:noneで隠しておき、ボタンをクリックしてモーダルボックスを起動（表示）させるイメージになります。 Bo...
WordPress [WP]Contact Form 7で「お問い合わせ有り難うございました」などのメッセージの表示位置を変更する方法
WordPressの「Contact Form 7」で完了画面に遷移させる方法の記事では、完了ページに遷移させるためにメッセージを表示させない、という方法を紹介させていただきましたが、こちらは「お問い合わせ有り難うございました」のメッセージ...
Adobe Illustratorの保存時に配置した画像が勝手に埋め込まれる場合の対処法
Photoshop 画像を配置（リンク）したIllustratorファイルを保存して閉じると、次回ファイルを開いた時にリンクしたはずのPSD画像が埋め込まれてしまっている…という場合の対処法のご紹介です。 ※今回はIllustrator C...
WordPress [WordPress]カテゴリやタグと同様に「カスタムフィールド」で記事を絞り込む方法
カテゴリやタグと同様に「カスタムフィールド」で記事を絞り込んで一覧表示させる方法です。 フォーラムで取り上げられていた カスタムフィールドをタグと同じようにリンクさせたい を元にしたカスタマイズさせていただきました。 例えばカスタムフィール...
WEBサービス PNG画像のファイルサイズを小さくできるサービスTinyPNG
前回JPG 画像の容量（サイズ）を圧縮できるサービス「JPEG Minimizer」の記事ではJPGファイルの画像圧縮サービスについて紹介させていただきましたが、今回は「PNG」形式の画像の容量を圧縮できるサービスTinyPNGについて紹介...