html

【html】ファイルをダウンロードさせる最も簡単な方法 – JavaScript不要!download属性使用!

ホームページ上からファイルをダウウンロードさせたいという要望はよくあると思います。例えば、PDFのカタログだったり、エクセルのテンプレートフォームだったり、ある...
コーディング

.htaccessでページ単位、ディレクトリ単位の301リダイレクト(転送)を設定する方法

WEBサイトをリニューアルする際に、ページ名やディレクトリー名が変更になることはよくありますよね。そういった場合、「検索エンジンに認知されている、あるいは被リン...
javascript

【Javascript】スマホ・タブレット・PCをユーザーエージェント判定で判別する方法

「このJavascriptの指定はPCの場合のみ利用できるようにしたい。」、「この指定はスマートフォンでのみ使用できるようにした。」など、スマートフォン、タブレ...
html

電話番号に自動で挿入されるリンクを無効にする2つの方法(Edgeにも対応します)

ブラウザー側の操作で自動的にリンクが入る機能があるものもあります。たとえば、Microsoft Edgeや、スマートフォン向けのブラウザーなどがそれにあたると思...
css

【css】レスポンシブコーディングでボックスの横幅と高さの比率を維持しながら可変させる方法

レスポンシブ対応のコーディングでボックスの横幅と縦の幅の比率を一定に維持したいと考えたことはないでしょうか? 例えば、右に画像<img>、左にテキス...
css

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

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

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

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

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

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

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

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

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

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