WordPress [WP]Typesでカスタムフィールドにアップした画像を取得して表示する方法
Typesプラグインのカスタムフィールドにアップロードした画像の情報を取得して表示する方法のご紹介です。 ※WordPressのTypesでカスタムフィールドを作成する方法は、以前に紹介させていただいた以下の記事も合わせて参考にしてみてくだ...
WordPress 
IE [IE]CSSやJSでリンククリック時の点線を消す方法
IEでaタグのリンクをクリックした際に見える「点線」を消す方法をご紹介します。 今回の方法でリンククリック時の点線は表示されなくなりますが、キーボードのタブキー操作の際に、どこのリンクにフォーカスしているのかが分かりにくくなるというデメリッ...
Macアプリケーション [Mac]mp4動画をogg形式に変換できるMiro Video Converterの使い方
前回の記事の方法で、HTML5のvideoタグを使って、mp4形式の動画をサイトに簡単に埋め込むことができるようになりました。 ただ、動画の形式がmp4だけだとFirefox などでは再生されない問題があるため、他のogg Theora形式...
WordPress [WP]Contact Form 7に投稿のタイトルとカスタムフィールドの値を渡す方法
記事詳細ページ内のボタンをクリックしてContact Form 7のメールフォームページに遷移させる際に、遷移元の記事のタイトルやカスタムフィールドの値を自動表示させる方法のご紹介です。 記事のタイトルとカスタムフィールドの値をContac...
Javascriptスニペット [JS]replace()を使って複数組の文字列を置換する方法
以前にjQueryでreplace()を使って特定の文字列を置換する方法 で紹介させていただいた記事の追記です。 今回は、同じ要素内で複数のテキストを変換したい場合の処理に加え、指定のテキストにタグやクラスを付与して、CSSで（強引に）デザ...
ソーシャルメディア Twitterフォローボタンをテキストリンクにする方法
Javascriptを用いずに、TwitterのフォローリンクをテキストリンクにしたりCSSでオリジナルボタンに装飾する方法のご紹介です。 フォローリンクをテキストにする フォローリンクを置きたい場所に、以下のようなa タグを書きます。 s...
WordPress [WP]BackWPupでcomposerエラーが表示された場合の対処法
WordPressの管理画面からBackWPupプラグインをインストールしたところ、以下のようなComposerエラーが表示されました。 Fatal error: Composer detected issues in your platf...
WordPress [WordPress]ゴミ箱内の記事が削除されるまでの日数を調整する方法
WordPressのゴミ箱に入った記事が削除されるまでの日数は、デフォルトでは「30日」に設定されていますが、企業サイトであれば「もっと期間が欲しい」、あるいは「ゴミ箱の機能はそもそも要らない」などの要望も出てくると思います。 そこで今回は...
Windows [Win]Windows7で自分のマシンが64bitか32bitかを調べる方法
すっかりWindowsには不慣れになってしまったこともあり、ソフトをインストールしようとするにも、毎回自分のマシンが64bitか32bitか…を忘れてしまうので、Windows7でシステムの種類を調べる方法を備忘録としてまとめました。 Wi...
CSSスニペット [CSS]CSS3でローディングアニメーションを作る方法
CSSでローディングアニメーションを作るには、過去にも紹介させていただいたCSS Load.netなどを使う方法もありますが、 今回は画像を使わないでCSS3で様々なローディング用アニメーションをつくってみようの記事で紹介されていた方法をも...
WordPress [WP]ヘテムルサーバーでWordPressの更新画面にWarningが出る場合の対処法
WordPressの更新画面にWarningが表示される WordPress3.9へアップデートすると「WordPress の更新」画面で 「Warning: 予期せぬエラーが発生しました。WordPress.org かこのサーバーの設定に...
jQueryプラグイン・ライブラリ [JS]Bxsliderでクリックではなくhover（マウスオーバー）で画像をスライドさせる方法
レスポンシブWEBデザイン対応で、カルーセルやサムネイルページャー（サムネイル付きスライド）などが可能な高機能スライドプラグインBxsliderですが、 サムネイルやページングのリンクを「クリック（click）」するのではなく、「マウスオー...
HTML [HTML]videoタグでmp4動画をサイトに埋め込む方法
HTML5のvideoタグを使ってmp4動画をサイトに埋め込む方法のご紹介です。 今回はvideoタグの基本的な使い方から、videoタグをサポートする主要ブラウザと、それらブラウザ向けの動画再生方法などを中心に紹介させていただきます。 v...
WordPress [WP]お名前.com共用サーバーSDでWordPress 3.9へアップデートする方法
Mysqlを直接操作できないお名前.com共用サーバーSDで、WordPressのバージョンを3.9へとアップデートしました。 管理画面からワンクリックで更新もできるようなのですが、色々トラブルがあって手動でファイルを更新するようにしました...
Mac [Mac]MacでAndroid仮想デバイス(AVD) の設定方法
前回のAndroid SDK Macのインストール方法の記事ではSDK の設定方法までを紹介させていただきましたが、 今回はMacのデスクトップ上でAndroid のエミュレータを動かす際に必要なAndroid 仮想デバイス(AVD)を設定...
Macアプリケーション [Mac]Android SDK Macのインストール方法
Android ブラウザでスマホサイトのデザインや挙動を確認するため、MacにAndroid SDKをインストールした時の方法を備忘録としてまとめました。 今回、Javaの開発環境であるEclipse などを入れるステップは省略させていただ...
WordPress [WordPress]カスタムメニューで「rel=nofollow」を指定する方法
WordPressの「カスタムメニュー」機能でグローバルナビやサイドメニュー、その他のリンクなどを管理するケースも多いと思いますが、 今回は個人的な備忘録も兼ねて、カスタムメニューで管理している特定のリンクをrel=nofollowにしたい...
WordPress [WordPress]記事本文などの文字列を検索置換できるプラグインSearch Regex
投稿記事や固定ページ、コメントなどに含まれる文字列を検索して一括置換することができるWordPress プラグインSearch Regexのご紹介です。 phpMyadmin を直接触らずとも管理画面から文字列の検索と置換を行うことができま...
CSSスニペット [CSS]preタグ内の文章を改行する方法
CSSのwhite-spaceプロパティのpre-wrapを使って、pre タグ内のテキストやコードを幅に合わせて改行する方法のご紹介です。 pre タグ内のテキストを改行 preタグ内のテキストを自動改行させるには、CSSで以下のように指...
WordPress [WP]ブログに簡易メールフォームを設置するなら「Jetpack コンタクトフォーム」
WordPressで運用しているブログ内に、ちょっとしたお問い合わせメールフォームを設置したい時に便利なJetpack コンタクトフォーム。 固定ページや投稿記事からお問い合わせメールを作成し、そのショートコードを記事に貼付けるだけの使い方...
Mac [Mac]OS X Mavericksのタグ（ラベル）をLion 時の表示に戻す方法
以前も紹介させていただいた「XtraFinder」を利用して、Mac OS X Mavericksでファイルやフォルダに付けた赤、青、黄色などのタグ（ラベル）の表示を、Lion 以前の表示に戻す方法を紹介させていただきます。 XtraFin...
WordPress [WordPress]タイトル欄のテキストを改行する方法
WordPressの投稿やページのタイトル欄では、通常テキストの改行は反映されません。 しかし、特定のデザインやレイアウトにおいてタイトルを複数行に分けたい場合があります。 本記事では、WordPressでタイトルに入れたテキストを改行する...
CSS [CSS]ブログに埋め込んだツイートのデザインをCSSで変更する方法
Twitter のツイートをブログに埋め込んで表示させる場合に、幅を100% に変更したり、デフォルトの引用デザインではなく自分のブログに合ったオリジナルデザインへと変更する方法のご紹介です。 Twitter 引用部分のデザインの構成を確認...
WordPress [WordPress]記事の更新も可能なCSVインポート用プラグインReally Simple CSV Importer
記事の新規追加、編集、削除ができ、カスタム投稿にも対応した便利なCSV インポート用のプラグイン「Really Simple CSV Importer」の基本的な使い方をご紹介します。 Really Simple CSV Importer ...
WordPress [WP]WordPress で記事のタームのスラッグとターム名を取得して表示する方法
wp_get_object_terms 関数を使って、WordPress のタクソノミーのタームスラッグとターム名を取得する方法です。 タームスラッグ取得 ターム名取得 参考ページ 記事が属しているカスタムタクソノミーのタームのスラッグを取...