Javascript・jQuery [JS]jQuery Text ResizerとjQuery Cookieを利用して文字サイズを大中小と変更する
企業サイトであれば「文字の大中小」ボタンをクリックしてページ内のフォントサイズを変更することがよくあると思いますが、jQueryプラグインjQuery Text Resizerを使えば手軽に実装できます。 また、jQuery Cookieと...
Javascript・jQuery 
Google Youtubeの動画で様々なサイズのサムネイル画像を取得する方法
ブログやサイトにYoutube動画を貼付ける場合は、Youtubeのページで発行されるタグを貼付けるだけで簡単に設置できます。 ただ、動画のサムネイルを掲載する場合は、Youtubeの右っちょに表示されているサムネイルを利用したくても、画像...
functions.php [WP]the_title()やthe_excerpt()、カスタムフィールドなどの出力文字数を制限する方法のまとめ
WordPressで企業サイトを構築する場合、「トップページにタイトルと記事本文を30文字で表示制限をかけて出力する」などの処理を施すことが多いのですが、忘れがちなので備忘録も兼ねてまとめました。 他にも「ブログのサイドメニューに記事のタイ...
WordPress [WP]WordPressでタグクラウドを出力する方法とカスタマイズのまとめ
WordPressではテンプレートタグwp_tag_cloud()を利用してサイドバーなどにタグクラウドを表示させることができます。 タグ一覧のデザインも変更しやすく便利です。 今回はタグクラウドの基本的な使い方に加えて、簡単なカスタマイズ...
CSS [CSS]チェックボックスにチェックを入れた時に要素に変化を付ける方法
チェックボックにチェックを入れることで、指定した要素の文字の色や幅(widthの値）を変えたり、表示非表示を切替えたりする方法のご紹介です。 サイトやブログにも馴染むように、チェックボックスのデザインをボタンっぽく変更する方法も合わせて紹介...
IE [JS]Javascriptでa要素のリンクを無効にする方法のまとめ
以前に紹介させていただいたCSSの pointer-eventsで<a>タグのリンクを無効化する方法にも関連しますが、今回はJavascriptによる<a>タグリンクの無効化を行う方法のまとめです。 jQueryでaタグのリンクを無効 <a...
ソーシャルメディア OGP設定における<meta name=”author”>について
OGPの設定方法とFacebookデバッガー の利用方法の記事でも紹介させていただいた通り、OGP設定が正常になされているか？を確認するツールとして便利な「Facebookデバッガー」ですが、 別のブログでデバッグをかけると <meta n...
WordPress [WordPress]記事一覧へのカスタムタクソノミーが出力できるなど便利なプラグインPS Taxonomy Expander
WordPressでカスタムタクソノミーを使う際は、管理画面の記事一覧やダッシュボードにタクソノミーが表示されるようにカスタマイズしてあげる必要があります。 functions.phpから手動で設定できるかもしれませんが、カスタムタクソノミ...
Javascript・jQuery [JS]レスポンシブWEBデザイン対応のコンテンツスライダーFlex Slider
スライドショーのjQuery プラグインは山ほどありますがFlexSliderはレスポンシブWEBデザイン対応なので、スマホサイトでスライドコンテンツを利用する際には重宝しています。 また、カルーセルが使えるなどカスタマイズ性にも優れており...
CSS [CSS]CSSでフッター要素をブラウザ下部に固定する方法
コンテンツの情報量が少ないページでは、フッター要素がページ中段くらいまで上がってきて見栄えが良くない場合もあるので、フッターは常にブラウザの下部に固定させる方法をまとめました。 CSS でフッター要素をブラウザの下部に固定 まずはHTMLで...
WordPress [WordPress]記事の閲覧数を表示できるプラグインWP-PostViewsの基本的な使い方
WordPressの管理画面やフロント画面に「100 Views」のような記事閲覧数を表示できるプラグインWP-PostViewsのご紹介です。 記事の閲覧数は、今までにどれくらい閲覧数があったか？という「累計表示」になりますが、工夫次第で...
functions.php [WP]wp_list_categories() とthe_category() を使ったカテゴリリンクで「に含まれる投稿をすべて表示」を非表示にする方法
wp_list_categories()やthe_category()を利用してカテゴリリンクを表示させる場合、<a title="の投稿をすべて表示">のような文言が出力されます。 特に気にならない方はこのままでも問題ないのですが、不要な...
CSS [CSS]ボックスに影を付ける（ドロップシャドウ）CSS のプロパティ「box-shadow」
ボックスに影を付ける（ドロップシャドウ）ことができるCSS3のプロパティがbox-shadowです。 IE8以下には対応していないものの、影はボックスの「内側」「外影」に付けることができますし、影の色やぼかし具合などを調整することで質感のあ...
Mac [Mac]Macで不可視ファイルを見るにはTinker Toolが便利
WIndowsの場合は「フォルダオプション」の「表示」メニューから「べてのファイルとフォルダを表示する」を選択すれば、.htaccessなどの不可視ファイルを見ることができますが、 MacではTinker Toolというアプリケーションを利...
WordPress [WordPress]Contact form 7で自動返信メールを設定する方法
WordPressのお問い合わせフォーム用プラグインContact Form 7。 高機能で便利なプラグインですが、Contact Form 7 をインストールしてメールフォームを生成しただけでは、自動返信機能が無ければ確認画面（確認フェイ...
Javascript・jQuery [jQuery]WYSIWYGエディタを実装できるシンプルで軽量なプラグインCLEditor
シンプルなWYSIWYGエディタを簡単に設置できるjQueryプラグインCLEditorです。 各種ボタンのカスタマイズができる他、フルブラウザ対応（リサイズ）や幅固定バージョンも用意されていますのでサイトに合わせて利用できます。 ※注意点...
Mac [Mac]WMVファイルをSWFに変換できるMac用アプリケーションTotal Video Converter Lite
WMV 形式のファイルを SWF に変換したかったので、Mac で変換可能なソフトを探しているとTotal Video Converter Liteがありました。 単純にファイル形式を変換するだけの作業であれば、操作も簡単で便利そうでしたの...
WordPress [WP]WP PageNaviによるページ送りのデザインは「WP PageNavi Style」が便利
WordPressのページング用プラグイン「WP PageNavi」のデザインを簡単手軽に変更できるプラグインがWP PageNavi Styleです。 最初から豊富なデザインが用意されているだけでなく、色番号を指定して独自のスタイルを適用...
CSS [CSS]display:inline-block で発生する「謎の隙間」を埋めるCSSテクニック集
display:inline-block を用いて要素を横並びに配置する際、意図しない「隙間（マージン）」が発生し、レイアウトが崩れてしまうケースがあります。 本記事では、この悪名高い「インラインブロックの隙間」が発生するメカニズムを解説し...
Javascript・jQuery [javascript]Pinterestのようにタイル状にコンテンツを配置できるThe Wookmark jQuery plugin
Pinterestのようなサイトをよく見るようになりました。 この手のサイトはjQuery Masonryを利用することが多いのですが、今回はThe Wookmark jQuery pluginを使ったPinterest 風のタイル状サイト...
CSS [CSS]CSS3のborder-radiusで角丸を作る方法
CSS3よりborder-radiusのプロパティを使う事で簡単に角丸のオブジェクトが表現できるようになりました。 今回はborder-radiusを使って様々な角丸のサンプルを紹介したいと思います。 border-radius の記述方法...
CSS [CSS]pointer-eventsで<a>タグのリンクを無効化する方法
<a>タグをクリックして何も起きないようにするということをしようと思います。 一番簡単な方法は、CSS3のpointer-eventsを利用することですが、CSS3なのでIEでの動きは微妙です…。 スマフォサイトなら気にせずに使えるのかなと...
Mac [Mac]Time Machineの古いバックアップデータを削除する方法
MacのTime Machineは外付けハードディスクなどに丸ごとバックアップを取っておける非常に便利なアプリケーションですが、不要な過去のバックアップファイル（Backups.backupdb/の中）を消す際にはやや注意が必要です。 その...
functions.php [WP]WordPressでカスタム投稿タイプの投稿記事をRSS配信に含める方法
WordPressのカスタム投稿タイプを利用して記事を投稿してもRSS配信ができないようなので…functions.phpを操作して、カスタム投稿タイプの記事をRSS配信に含める方法を紹介させていただきます。 functions.phpへの...
PHP [PHP]mb_send_mailで複数のメールアドレスへメール送信する方法
PHPのメール送信フォームにmb_send_mail関数を使う際、メールの送信先に指定するメールアドレスを複数設定する方法です。 1つのメールアドレス宛に送信する場合 かなり端折って紹介しますが、まず最初に、宛先が1つの場合です。 $mai...