WordpPress、css、PHP、javascript等のコーディング・プログラミング・WEB制作お役立ちブログ
新着記事
-
HTMLの＜pre＞タグにコピーボタンを設置する方法：javascript
JavaScriptを使用して<pre>タグ内のテキストをワンクリックでコピーできるボタンを自動生成する方法をご紹介します。
-
WordPressの投稿編集画面で子カテゴリを持つ親カテゴリだけ非表示にする方法
WordPressの投稿編集画面では、カテゴリが増えてくると選択欄が見づらくなりやすく、運用担当者が誤って親カテゴリまでチェックしてしまうことがあります。特に「実際に選択してほしいのは子カテゴリだけ」という運用にしている […]
-
チェックボックスでチェックされた項目を表示する方法：jQuery
チェックボックスでチェックされた項目を表示する方法をご紹介します。 例えばセレクトボックスのような形式で、複数選択させたいときにチェックボックスをセレクトボックスのように見せた方が使い勝手が良いとき等に使用します。 DE […]
-
TOCで最初は目次の小見出しを非表示で開閉ボタンでアコーディオン表示する方法：WordPress
WordPressのTOC（Table of Contents Plus）プラグインの見出しで、 最初は目次の小見出しを非表示で開閉ボタンでアコーディオン表示する方法をご紹介します。 ※デモはこのサイトのこのページの目次 […]
-
複数の要素をランダムに表示する方法：jQuery
jQueryで複数の要素をランダムに表示する方法をご紹介します。 DEMO のようなHTMLがあった場合、この中から3件をランダムに表示したい場合 jQueryのコード で実装可能です。 コードの説明 ここを変更すると表 […]
-
スクロールに応じて要素表示＆ページナビを設置：jQuery
デモのようにスクロールに応じて要素を表示し、 さらにページナビも連動させる方法をご紹介します。 DEMO jqueryの記述 HTMLの記述 ポイント 動作説明 スクロール連動 ページをスクロールすると、表示範囲に入った […]
-
規約を下までスクロールしないとチェックできないチェックボックスの実装：jQuery
規約を下までスクロールしないとチェックできないチェックボックスを実装する必要がありましたのでメモ。 今回はさらにチェックボックスをチェックしないと送信ボタンが押せないような仕様をjQueryで実装します。 DEMO HT […]
-
Contact Form7で送信ボタンを押した時だけエラーメッセージを表示する方法：WordPress
通常Contact Form7の場合リアルタイムにエラーチェックされてしまうので、 それを送信ボタンを押した時だけエラーメッセージを表示する方法をご紹介します。 cssの修正 以下のCSSを追加します。 jQueryの追 […]
-
ContactForm7のエラーメッセージを個別に変更する：WordPress
WordPressのContactForm7のエラーメッセージは管理画面からだと必須項目のエラーメッセージが共通の文章しか変更できず、フォームによっては不便ですのでエラーメッセージを個別に変更する方法をご紹介します。
