カスタマイズ

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 の関連記事の中に設置

カスタマイズ

エラーを出さずSimplicityのAMPページでウィジェットを使用

Simplicity の AMP でウィジェットを使う方法

カスタマイズ

ページトップへ戻るボタンをAMPに設置するやり方

AMP に「ページトップへ戻る」ボタンを設置する方法

カスタマイズ

loadCSSを使いCSSを非同期で読み込み

全ブラウザ対応!preload で CSS を非同期で読み込み高速化

カスタマイズ

WordPressにPWAのホーム画面への追加を導入

WordPress を PWA に!ホーム画面への追加機能を実装

カスタマイズ

WordPressのユーザー名を隠す方法

WordPress のユーザー名を完全に隠しセキュリティ強化

カスタマイズ

Autoptimizeプラグインを使いCSSをインライン化

コピペだけで高速に! CSS のインライン化

カスタマイズ

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

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