楽天 楽天のスマホ商品ページをカスタマイズ<ヘッダーにオリジナルのコンテンツを追加する方法> 楽天スマホ商品ページの「店舗名」と「商品画像」の間に「バナーや」「オリジナルのコンテンツ」を追加する方法。スタイルシートなどでやる方法が一般的ですが絶対配置ではどうしてもスマホの縦横、機種によってずれる。jQueryで行うこの方法がベストな... 2019.07.02 楽天
CSS・HTML CSSの擬似要素<before/after>画像の大きさを変更する CSSの擬似要素<before/after>で画像の大きさを変更したい場合の方法 通常の指定方法 content: url(〇〇〇); これだと画像の大きさを変更することはできません。 画像を背景で指定してあげれば大きさは変更可能。 ※ 2019.07.02 CSS・HTML
Bootstrap4 Bootstrap4で背景に画像を使うときの「スタイルシート(CSS)」 Bootstrap4で背景に画像を使う方法。 背景に画像を入れるCSSのおさらい background-image: url("画像へのパス"); ・・・ これは説明不要ですね。 background-repeat: 繰り返しの指定; ・・... 2019.06.19 Bootstrap4CSS・HTML
CSS・HTML 静的ページのサイトマップをグーグルに送信してグーグルの検索結果に表示してもらう ワードプレスなどの動的ページではグーグルにサイトマップを送信するのはプラグインなどを使えば簡単ですが静的ページはSSL化と同様に自力でやるしかありません。 手順は簡単。 「サイトマップを作製」 → 「グーグルに送信」 これだけです。 サイト... 2019.06.06 CSS・HTML
アフィリエイト アフィリエイターの楽天離れ「楽天アフィリエイト大幅改悪!?」「プレミアムパートナーは別扱い!?」「経過措置は3ヵ月!?」 2019年4月1日より楽天のアフィリエイトサービスを改定されました。大まかな変更点を紹介します。 クリック後の有効期限 成果の有効期間がアフィリエイトリンクをクリック後、24時間内に商品を楽天の「買い物かご」に入れ、クリック後89日以内に購... 2019.06.05 アフィリエイト楽天
CSS・HTML 静的ページのSSL化<http、http://wwwからhttpsへのリダイレクト設定> ワードプレスのような動的ページはプラグインで一瞬でHTTPS化が終わってしまいます。ところが静的ページのWEBサイトではプラグインなんて使えませんので自力でやるしかありませんね。 静的ページでSSL化で必要な.htaccessでの301リダ... 2019.06.04 CSS・HTML
CSS・HTML 次世代画像フォーマット「WebP(ウェッピー)」を従来の画像に変換してくれるツール 米Googleが開発しているオープンな静止画フォーマット「WebP(ウェッピー)」。PNGやJPEGといった画像形式よりも高い画質を保ちつつ、データを圧縮することができる、拡張子は「.webp」。 現段階ではChromeでしかWebPは表示... 2019.05.28 CSS・HTML
CSS・HTML 必要最低限のOGPタグの設定 ウェブページの情報をSNSと連携させるためのタグ「OGP(Open Graph Protocol)」、基本的なOGP設定です。 HTML5の設定(<html>内にOGPの使用を宣言する) OGPタグの設定(<head>〜</head>内にO... 2019.05.16 CSS・HTML
ヤフー Yahoo!ショッピングストアのカテゴリー(カテゴリ)名を変更する Yahoo!(ヤフー)ショッピングストアで一度登録してしまったカテゴリー名を変更する方法です。 カテゴリー管理は「ストアクリエイターPro」の「ストアエディタ」「カテゴリ管理」で行うんですがここではカテゴリー名を変えることは出来ません。 新... 2019.05.15 ヤフー
ワードプレス ワードプレスで子テーマのスタイルシート(style.css)が一部だけが反映されない現象 ワードプレスで子テーマを作成してデザインを調整中子テーマのスタイルシート(style.css)のある項目だけが反映されない現象が。 ソースを確認してみる子テーマのスタイルシート(style.css)の後に読み込まれているものがあった。それは... 2019.04.17 ワードプレス