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

【サイト型】１カラム（広い）

2024年11月09日
記事内に広告が含まれています
  • ページタイプ「１カラム（広い）」：サイドバーは表示されず幅を広く使えます
  • タブ幅はテキストに合わせて変動します（デフォルト）
New post新着記事
Cocoon
Cocoonの通知エリアをカスタマイズ！流れる文字アニメーションとボタンを設定する方法
Cocoonでは、テーマ標準機能を使って通知エリアを簡単に表示できます。通知エリアは、サイト訪問者に重要なメッセージを伝えたり、特定のページへ誘導するための便利な機能です。この記事では、以下の通知エリアのカスタマイズ方法を紹介します。通知エ...
ブログ運営
アフィリエイトASPの選び方｜報酬・審査・特徴を比較して解説【初心者向け】
アフィリエイトで成果を出すためには自分に合ったASP（アフィリエイト・サービス・プロバイダー）を選ぶことが欠かせません。ASPによって扱っている案件や得意ジャンル、報酬の仕組みが異なるため、適切なASPを活用することで収益アップにつながりま...

MORE

Categoryカテゴリーごとの記事
Cocoon
Cocoonの通知エリアをカスタマイズ！流れる文字アニメーションとボタンを設定する方法
Cocoon
Cocoonラベルボックスをおしゃれにカスタマイズ｜複数デザインをサイドバーで切り替える方法
Cocoon
Cocoonのアコーディオン（トグル）ブロックをカスタマイズ！複数デザインをサイドバーで切り替える方法
Cocoon
Cocoonタブブロック｜複数デザインをサイドバーで切り替えるカスタマイズ
Cocoon
Cocoonブログカードのカスタマイズ｜表示スタイルを簡単切り替えする方法（縦型カード追加）
Cocoon
Cocoon白抜きボックス｜複数デザインをサイドバーで切り替えるカスタマイズ

MORE

テーマ共通
もう迷わない！要素（バナー）を上下左右中央寄せにする方法｜HTMLインラインスタイルとCSSの違い
テーマ共通
CSSで実装！複数画像を切り替えるアニメーションの作り方
テーマ共通
CSSのカスタムプロパティを使いこなそう！繰り返し利用できる変数の設定方法
テーマ共通
CSSの変更が反映されない原因は？デベロッパーツールを使った確認方法と対処法まとめ
テーマ共通
【初心者向け】HTMLとCSSの基礎知識｜ブログデザインをカスタマイズしよう
テーマ共通
CSS「transition」で動きをプラス！マウスオーバーアニメーションの設定方法と実例

MORE

ブログ運営
アフィリエイトASPの選び方｜報酬・審査・特徴を比較して解説【初心者向け】
ブログ運営
ポチップの基本機能を解説｜アフィリエイトに最適な便利ツール
雑記
デザイン作成に活躍！おしゃれ配色「３色だけでセンスのいい色」をフォロワーさんから譲っていただいた話
ブログ運営
エックスサーバーで常時SSL化｜https化・リダイレクト・サブドメイン設定まで解説
ブログ運営
ポチップの使い方まとめ｜商品リンク作成・インライン機能・セール情報表示を解説
ブログ運営
エックスサーバー｜サブドメイン設定で２つめのブログ（複数サイト）を作る方法

MORE

Popular人気記事
テーマ共通
【コピペOK】おしゃれなボックスデザイン！ブログを彩るCSS囲み枠集
テーマ共通
CSSで実装！複数画像を切り替えるアニメーションの作り方
テーマ共通
CSSでなめらかに点滅させる方法（コピペＯＫ）
テーマ共通
タブ切り替えをHTMLとCSSで実装（JavaScriptなし）
Cocoon
Cocoonで作るサイト型トップページ｜オシャレなSWELL風（HTML、CSS使用）
テーマ共通
CSS・SVGで作る境界線と背景デザイン｜波、三角形、斜めラインを使ったおしゃれな装飾テクニック
サイト型トップページのサンプル
  1. デフォルト：サイドバーあり
  2. １カラム（広い）：サイドバーなし版 当ページ
  3. フルワイド ＋ セクション背景色
  4. フルワイド + 斜めの背景スタイル追加 + 見出し左右配置

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

スポンサーリンク
Turicco