CSS・HTML 子要素を画面いっぱい（全幅）に表示する場合の注意点「width: 100vw;」
楽天もヤフーショッピングも店舗デザインがだいぶ制限されてきました、やっぱりデザインを統一化したいというのが本音なんでしょうね。
そんなオリジナルデザインで良く使う手法が子要素を画面いっぱい（全幅）に表示する手法、ワードプレスで...
CSS・HTML 
Bootstrap 5 Bootstrap5「CDN」の基本タグ
<head>内に下記を追加
</body>の直前に下記を追加
サンプルHTML
BootstrapJavaScriptにPopper.jsが含まれた読み込み
jqu...
Bootstrap4 もっと見るボタンを付ける＜Bootstrap4＞
「続きを読む」 「もっと見る」ボタンのサンプルが下記サイトで紹介されていました。
参考 コピペでできる！CSSとhtmlのみで作る「続きを読む」の開閉ボタン
Bootstrap4ではドグルボタンを使用してもできますが、こちらはC...
EC 楽天やヤフーショッピングで毎月決まった日だけにバナーを表示する
毎月1日は楽天市場のワンダフルデー、毎月18日は楽天市場ご愛顧感謝デー、毎月5と0のつく日は楽天カード利用でポイント5倍。
ヤフーショッピング5のつく日はポイント5倍、ゾロ目の日はお得なクーポン開催・・・・・
バナーを貼るのも大...
EC ヤフーショッピング＜ストアエディタの新ストアデザイン＞がエラーで更新できない「 時期尚早！？」
ヤフーショッピングの商品ページに新ストアデザインを適用させました、全商品一括適用です。
商品ページ以外のトップページ、カスタムページ、カテゴリページの提供はまだありませんがいずれ旧デザインは廃止になりますので早めに対応することにしました。...
EC ストアクリエイターProの「新ストアデザイン」はヤフーショッピング・楽天のアマゾン化の流れ？
ヤフーショッピングから ストアクリエイターPro「新ストアデザイン」がリリースされました。
これは各お店の独自感を消すことが目的だと思います。ヤフーショッピングではスマホページは以前からカスタムが制限されお店の独自感は消されていました。
...
Twenty Seventeen ワードプレスのテーマに公式の＜Twenty Seventeen＞を利用する「設定・カスタマイズ」
ワードプレスのテーマに公式の「Twenty Seventeen」の設定・カスタマイズ方法を記載していきたいと思います。※随時更新します。
子テーマを作る
ますは最初にやること、子テーマの作成ですね。
フォルダ名 Twenty ...
EC 楽天イベントのカウンタバナー＜インラインフレーム全体＞にリンクを設定する
楽天イベントのカウンタバナー＜インラインフレーム全体＞にリンクを設定したい。
例えばこんなバナー
楽天からのHTMLはコレ
iframe全体にリンクを貼りたい場合は全体を＜div＞で囲みます、※今回はlinkboxというクラス...
EC 3ヶ月で19記事がグーグル砲を受けました「どんなSEO対策より強烈な集客の新手法 Google Discover」
最近話題になることがおおい「グーグル砲」、グーグル砲とはGoogle Chromeアプリの「おすすめ記事」、Googleニュースに記事が掲載されることにより、アクセス数が激増することを言います、だいたい3日でアクセスの激増は終わります。
...
アマゾン アマゾンの「商品紹介コンテンツ」で使われるモジュールごとの画像サイズ一覧
アマゾンでの商品画像はメイン画像＋6枚でそれ以外の画像は「商品紹介コンテンツ」と以前の記事で書きました。商品ページで効果的な「商品紹介コンテンツ」はモジュールによって使用する画像サイズが異なります。
そこで「商品紹介コ...