css

cssのみでレスポンシブのスマートフォンサイズの時だけ電話番号リンクを有効にする方法

レスポンシブコーディングで、電話番号のリンクをあらかじめ追加しておくことはよくあると思います。目的はもちろんスマートフォンなど通話可能なデバイスでの...
Wordpress

アイキャッチ画像(投稿サムネイル)を一覧や投稿ページに出力し表示させる方法

WordPressには、アイキャッチ画像(投稿サムネイル)を登録できる機能があり、一覧ページなどのサムネイル画像として使えてとても便利です。 以前、このアイキ...
Wordpress

なぜか、アイキャッチ画像(投稿サムネイル)の設定が表示されない時有効にする方法

WordPressのテーマを作成していると、管理画面内でアイキャッチ画像(投稿サムネイル)の設定枠がなくなっていたという経験はないでしょうか? ...
html

フォーム inputのpatternを使って、電話番号・郵便番号・フリガナ・空白などを判別する方法

HTML5からinput要素にpattern属性を使って、正規表現か否かを検証すること(バリデーション)ができるようになりました。 これにより、メールアドレス...
css

【css】画像(img)の下に余白(隙間)ができる問題を秒で解決する方法

html上にimg要素として画像を配置する際、画像の下にmarginやpaddingでは消せない余白ができてしまうことがあると思います。 今回はこ...
Wordpress

MW WP Formセレクトボックス未選択時確認画面で空白にする方法

MW WP Formでセレクトボックスが未選択の状態で確認画面に遷移すると「選択してください」の文字が表示されている場合、これを空白に置き換える方法
Wordpress

WP_Queryのループ内でカスタムフィールドの値を取得し出力する方法

WP_Queryのループ内でカスタムフィールドの値を取得し出力しようとしたができなかったということはありませんか?通常カスタムフィールドの値を取得する場合「$p...
php

【php】改行を維持しつつhtmlspecialcharsでHTMLエンティティ化して出力する方法

テキストエリアなどに入力された文字をphpで出力する際、「<」や「>」などのhtmlタグに使われる特殊文字を「&lt;」や「&gt;...
php

phpで改行を維持してブラウザーに出力する方法(テキストエリアに対応)

改行がある文章でphpを使ってhtmlに出力する際、改行なしで表示されて困ったと言う経験はないでしょうか? 例えば、メールフォームやカスタムフィールド等でテキ...
Wordpress

カスタムフィールドの繰り返しを出力する方法(Smart Custom Fields)

WordPressのカスタムフィールドの繰り返しが使えるプラグイン「Smart Custom Fields」を以前紹介しましたが、今回はその繰り返しをテンプレー...
スポンサーリンク