サイト型トップページの作り方を公開しています！Check
ホーム

【サイト型】デフォルトレイアウト

2022年12月02日
記事内に広告が含まれています
  • ページタイプは「デフォルト」：PC表示ではサイドバーが表示されます
  • タブ幅は均等幅です（※追加カスタマイズ参照）

New post新着記事
スクロールアニメーションの作り方｜CSSとIntersectionObserver（交差監視）でふわっと表示
Webサイトでよく見かける、スクロールに合わせてふわっと要素が表示されるフェードインやスライドアニメーション。「自分のサイトでも導入したいけど難しそう…」といっ...
Googleアドセンス審査用コードの貼り方｜WordPress・Cocoon対応ガイド
Googleアドセンスに申請するときには、審査用のコードを自分のサイトの <head> 内に貼り付ける必要があります。このコードを正しく設置できないと審査が始ま...
MORE
Categoryカテゴリーごとの記事
Cocoonタイムライン（ステップブロック）おしゃれ化カスタマイズ｜最大6種類のデザイン切り替え
カラム固定を解消！Cocoonボックスメニューを2〜6列に切り替える方法
Cocoon通知エリアをカスタマイズ！スライド表示＆ボタンで誘導力強化
Cocoonラベルボックスをシンプル＆おしゃれにカスタマイズ！使い方・デザイン例・CSSコードまとめ
MORE
スクロールアニメーションの作り方｜CSSとIntersectionObserver（交差監視）でふわっと表示
動きで魅せる！おしゃれな矢印リンク＆下線スライド・ホバーアニメーションボタン（CSS付き）
CSS・PHP・JavaScriptのバックアップ方法まとめ｜WordPressカスタマイズ前に必須！
WordPressパターン機能でラクラク時短！再利用ブロックの使い方と同期・非同期の違い
MORE
Googleアドセンス審査用コードの貼り方｜WordPress・Cocoon対応ガイド
【ブログを始めたい初心者向け】WordPressの初期設定マニュアル｜必須＆おすすめ設定
ポチップ｜Amazon商品検索のやり方まとめ（PA-API・Pochipp Assist・もしもアフィリエイトの違いを比較）
アフィリエイトASP比較ガイド｜報酬・審査・ジャンル別に初心者が選ぶポイント
MORE
Popular人気記事
【コピペOK】おしゃれなボックスデザイン！ブログを彩るCSS囲み枠集
CSS・SVGで作る境界線と背景デザイン｜波、三角形、斜めラインを使ったおしゃれな装飾テクニック
CSSでなめらかに点滅させる方法（コピペＯＫ）
CSSで実装！複数画像を切り替えるアニメーションの作り方
動きで魅せる！おしゃれな矢印リンク＆下線スライド・ホバーアニメーションボタン（CSS付き）
タブ切り替えをHTMLとCSSで実装（JavaScriptなし）
サイト型トップページのサンプル
  1. デフォルト：サイドバーあり 当ページ
  2. １カラム（広い）：サイドバーなし
  3. フルワイド + セクション背景色

トップページ作成の記事に戻る

スポンサーリンク
Turicco