未分類 Bootstrap5（ブートストラップ5）のカラム操作＜Flexboxグリッドシステム基本＞
Flexboxグリッドシステムを使って、整列、順序付け、オフセットのいくつかのオプションで列を変更する方法。 Bootstrap5（ブートストラップ5）では「列の間隔を両端から均等に配置」が追加されました。 垂直方向の配置 カラムの上揃え・...
kokopelli
未分類 
Bootstrap 5 PROGRESS BAR.JSでプログレスバーが表示されるローディング画面を作成
分析結果などを表示するサイトで分析結果のページが表示する前に「分析中～。。。」などど別ページを表示させる方法です。 仕組み メインのページの上にローディングのページを重ね、ローディングページのプログレスバーの作動が終わったらそのページを消す...
CSS・HTML 親要素や画像の上に文字などの子要素を中央に配置する＜上下中央、左右中央、上下左右中央＞
画像の上に文字を配置することがよくあります、その文字を上下中央、左右中央、上下左右中央にする方法。 ①親要素（下地）に position: relative; ②子要素（上に重ねるもの）に position: absolute; これは基本...
その他EC MakeShop(メイクショップ)のサポートはとっても親切です。
最近MakeShop(メイクショップ)の超急ぎの案件が・・・・・ MakeShop(メイクショップ)、、、もう何年もいじっていません、管理画面に入っても「う～～～ん」、思わず唸ってしまいました。 テンプレートもいろいろあって選ぶのが大変、と...
CSS・HTML ユーチューブ以外の動画の埋め込みタグ＜iPhone(iOS)対応＞
「playsinline」・・・iPhone(iOS)では、「playsinline属性」必須。 「muted」・・・音声なしの動画にすることが可能、「autoplay属性」では「muted」必須。 ※参考 【保存版】HTML5・video...
EC 「在庫情報の取得に失敗しました。」Yahoo!ショッピングのストアエディター在庫管理・・・対策は？
Yahoo!ショッピングのストアエディター在庫管理で「在庫情報の取得に失敗しました。」のメッセージ、在庫数変更ができないとの連絡が、、、。 ページ編集、商品管理から更新することは可能なのですがとても不便な状態です。 お店の方がヤフーに問い合...
Bootstrap 5 Bootstrap5（ブートストラップ5）の5カラムは簡単です！
ブートストラップのカラムは12、5カラムはいろいろ苦労してました。でもBootstrap5（ブートストラップ5）は思いのほか簡単でした。 Bootstrap5での5カラム 基本、下記コードで5カラムは実現できます。 7カラムも簡単 ⑥と⑦を...
CSS・HTML 共通パーツの読み込みは「iframe」それとも「.load()」？jQuery.3 では .loadは廃止？
共通パーツの読み込みはインラインフレーム（iframe）を使うことが多かったのですがレスポンスページが主流になってくるとインラインフレーム（iframe）はちょっと不便。 ブートストラップでは「比率ヘルパー」がありインラインフレーム（ifr...
Twenty Seventeen WordPress Popular Postsを固定ページ、投稿ページで表示する
固定ページ、投稿ページで人気ランキングを表示する 記事の人気ランキングと言えば「WordPress Popular Posts」プラグイン、でもこのプラグインはウィジェット表示。 でもショートコードを使えば固定ページにも表示が可能でした。 ...
Twenty Seventeen twentyseventeen、フロントページの改造
フロントページのセクションを増やす 参照ページ フロントページ ヘッダー画像を、固定ページ、投稿ページのヘッダー画像と同じサイズに変更 子テーマの functionss.php に追加。 参考 twentyseventeen カスタマイズ【...