WordpPress、css、PHP、javascript等のコーディング・プログラミング・WEB制作お役立ちブログ
新着記事
-
ドラッグで左右の画像比較する方法：javascript
ドラッグで左右の画像比較ができるjavascriptをご紹介します。 WordPressのプラグインでいうと「Twenty20 Image Before-After」のような動きをjsのみで実装する方法です。 ビフォーア […]
-
WordPressのRSSフィードからアイキャッチ付きの記事一覧を取得する方法：PHP
PHPでWordPressのRSSフィードからアイキャッチ付きの記事一覧を取得する方法をご紹介します。 アイキャッチを取得するためのWordPress側での処理 WordPressの通常のフィードにはアイキャッチ情報が入 […]
-
記事の最初の見出しの前にコンテンツを追加する方法：WordPress
WordPressの記事の最初の見出しの前にコンテンツを追加する方法をご紹介します。 CTAコンテンツや、アドセンスを挿入したい場合に便利です。 functions.phpに追加する 以下のソースをfunctions.p […]
-
複数条件で要素をリアルタイムに絞り込み：jQuery
jQueryで、HTMLのdata属性に指定した値で要素を絞り込む方法をご紹介します。 DEMO jQueryの記述 HTML・CSSの準備 ポイントは、 まず、inputのname属性でdata-○○の部分と同じ名前を […]
-
複数モーダルウィンドウの中身をjsで出力する：jQuery
モーダルウィンドウをページ内に複数設置する際に、モーダルの中身をHTMLで1つずつ用意するとサイトが重くなったり管理が手間になりますので、共通部分の枠を用意し、個別のテキストや画像はjsから出力する方法をご紹介します。 […]
-
カスタムフィールドの値をプラグイン無しで検索対象に含める方法：WordPress
WordPressの検索でカスタムフィールドを検索対象にする方法をご紹介します。 プラグインの「Search Everything」でも同じことができますが、 今回はプラグイン無しの方法です。 WordPressのデフォ […]
-
よく使う正規表現の書き方まとめ：jQuery・javascript
フォームのエラーチェック等でよく使うjsの正規表現の書き方をまとめます。 正規表現のサンプル一覧 正規表現パターン 解説 /^[0-9]*$/ 半角数値のみ /^[a-zA-Z]*$/ 半角英字のみ /^[0-9a-zA […]
-
リアルタイムエラーチェック「jQuery-Validation-Engine.js」の使い方とカスタイズ方法
フォームをリアルタイムでチェックしてくれる便利なjQueryプラグイン jQueryValidationEngine の使い方をご紹介します。 jQueryValidationEngineの読み込み まず、プラグインを読 […]
-
galleryショートコードの出力ソースをカスタマイズ：WordPress
WordPressで ［gallery ids=”88,89,90,91″ link=”file” columns=”4″ size=” […]
-
ショートコードでタグを指定して投稿一覧を表示：WordPress
ショートコードで投稿タグを指定して投稿一覧を表示する方法をメモ 実装 functions.phpに でOK タグIDで投稿を指定 タグIDで投稿を指定する場合は [taglist id=”3″] […]
