Image Dimensioningは、投稿内に挿入した画像にwidthとheightを自動追加してくれるWordPressプラグインです。 デフォルトの状態だと、画像ブロックやギャラリーブロックで追加した画像にはwid…
jQueryなしでサイトにローディング画面を実装する方法をご紹介いたします。 挙動については以下デモページをご参照ください。 デモページを見る Vanilla JSでローディング画面を実装する方法 ステップ1. HTML…
Google Analytics eコマース/拡張eコマース対応プラグインは、Googleアナリティクスのeコマーストラッキングに対応させることができるEC-CUBE4の有料プラグインです。名前の通り、拡張eコマースにも…
お届け日調整プラグインは、商品購入時に選択できるお届け日の指定範囲を「商品発送までの日数」「配送日数」「店休日」を考慮した範囲にできるEC-CUBE4の有料プラグインです。 22,000円と少々値は張りますが、お届け日と…
私はHTMLを書く時、どの開始タグと対になっているかをわかりやすくするために、閉じタグにクラス名をコメントで付けています。 例えば、こんな感じですね↓ これくらいの行数だったらコメントがなくてもわかりますが、行数が長くな…
WordPress標準のサイト内検索では、中点(中黒)のありなしについても厳密に検索されます。 例えば、「プリズン・ブレイク」という単語が入った投稿を検索しようとして、「プリズンブレイク」とキーワードを入力してもヒットし…
HTML Imagemap Generatorは、画像内の特定箇所にリンクを付けるイメージマップのコードを作成できるWebサービスです。クリッカブルマップと呼ぶこともありますね。 画像をアップロードしてリンクを付けたい箇…
Block Widgetは、登録している再利用ブロックをウィジェットで使えるようにするWordPressプラグインです。 ウィジェットエリアにBlockウィジェットを追加して、表示したい再利用ブロックを選択するだけで設置…
Parts.は、コーポレートサイト(主にSaaSやBtoB)のパーツを集めたデザイン集です。色んなサイトのパーツデザインが集めてあり、デザインをする時のヒントになります。 デザイン集・パーツ集のサイトは結構な数があると思…
![input[type=”file”]の見た目を変更して選択ファイル名の表示やクリアにも対応させる方法](https://techmemo.biz/wp-content/uploads/2020/06/input-file.jpg "input[type=”file”]の見た目を変更して選択ファイル名の表示やクリアにも対応させる方法")
フォームでファイルを選択して送信できるようにするためには、以下のようなinput[type=”file”]を使うと思います。 このinput要素、デフォルトの見た目がイケてないですよね。Chrom…