カスタマイズ

amp-listにschema.orgでの構造化データマークアップは不可能

amp-list に構造化データのマークアップはできない

カスタマイズ

FOUTやFOITを制御できるamp-fontの使い方

amp-font で FOUT や FOIT を制御

カスタマイズ

Google Fonts を preload で先読みし高速化

AMP にも対応!Google Fonts を preload で先読みし最適化

カスタマイズ

CocoonのAMPページでGoogleフォームの送信が可能になる方法

【 Cocoon 】AMP で Google フォームを動かすカスタマイズ

カスタマイズ

AMPページへのGoogleフォームの設置方法

AMP ページに Google フォームを埋め込む方法

カスタマイズ

AMPがstyle属性の使用を許可

CSS が柔軟に!AMP が style 属性のインラインスタイルに対応

カスタマイズ

2枚の画像をスライダーで比較するamp-image-slider

2 枚の画像をスライドで比較できる amp-image-slider の使い方

カスタマイズ

AMPでスムーススクロールを実装する方法

AMP でスムーススクロールを実装!scrollTo の使い方

カスタマイズ

AMPのlayout 属性に追加されたintrinsicの解説

AMP の layout 属性に intrinsic が追加

カスタマイズ

amp-lightbox-galleryをCocoonで使う方法

【 Cocoon 】AMP でスワイプ対応の画像拡大ギャラリーを実装するカスタマイズ

カスタマイズ

AMPのtoggleClassとamp-bindでclassを切り替え

AMP で toggle のように class を変更する 2 つの方法

カスタマイズ

CocoonでAMP to PWAを実装するカスタマイズ

【 Cocoon 】AMP で SuperPWA で実装した PWA を事前に読み込み

カスタマイズ

amp-image-lightboxを使いCocoonに画像拡大を実装

【 Cocoon 】AMP で画像拡大表示のライトボックスを実装する方法

カスタマイズ

固定ヘッダーやナビを下スクロール時に隠し、上スクロール時に表示する方法

下スクロールで消える・上スクロールで現れる素の JavaScript

カスタマイズ

JavaScriptのclassList.toggleで切り替えたclassをWeb Storage の sessionStorageで維持

toggle で切り替えた class を sessionStorage で維持する方法

カスタマイズ

WordPressテーマCocoonの一覧リストのカードが表示されると動くアニメーション

Cocoon の一覧リストに心地よいスクロールアニメーション

カスタマイズ

Intersection observerを使い可視範囲に入った要素にアニメーション

ブラウザにやさしくスクロールで画面に入った要素にアニメーション

カスタマイズ

GooglebotにCSS変数を適用する方法

CSS 変数に未対応の Google クローラに PHP で対策

カスタマイズ

AMPのmedia属性を使い画面幅に最適なサイズのGoogle AdSenseにする方法

AMP のアドセンス広告を最適化!画面幅に合わせてサイズを変更

カスタマイズ

画像が際立つCSSアニメーションのサンプル

画像を徐々に表示する CSS アニメーション

カスタマイズ

グラデーションを使った見出しサンプル

印象に残るグラデーションの見出しサンプル 10 個

カスタマイズ

ホバーで背景色をグラデーションにする方法

背景色が単色からグラデーションへ変化するホバーエフェクト

カスタマイズ

Infinite Scrollで無限スクロールを実装する方法

WordPress に Google 風の無限スクロールを実装

カスタマイズ

インフィード広告を関連記事リストに設置するカスタマイズ

インフィード広告を Simplicity と Cocoon の関連記事の中に設置

カスタマイズ

これ以上は記事がありません

読み込むページがありません