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

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

2024年11月09日
記事内に広告が含まれています
  • ページタイプ「１カラム（広い）」
    • →サイドバーは表示されず幅を広く使えます
  • タブ幅はテキスト量に合わせて変動します
    • →デフォルト設定です
New post新着記事
テーマ共通
ワードプレスのパターン（再利用ブロック）機能とは？よく使うデザインをテンプレ化して時短化する方法
ワードプレスの「パターン」機能、使ったことはありますか？これは、特定のブロックやブロックグループを登録して他の投稿やページでも簡単に再利用できる便利な機能です。例えば、よく使う装飾ボックスやボタン付きのコールトゥアクションなどをパターンとし...
Cocoon
Cocoonの通知エリアをカスタマイズ！流れる文字アニメーションとボタンを設定する方法
Cocoonでは、テーマ標準機能を使って通知エリアを簡単に表示できます。通知エリアは、サイト訪問者に重要なメッセージを伝えたり、特定のページへ誘導するための便利な機能です。この記事では、以下の通知エリアのカスタマイズ方法を紹介します。通知エ...

MORE

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

MORE

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

MORE

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

MORE

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

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

スポンサーリンク
Turicco