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

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

2024年11月09日
記事内に広告が含まれています
  • ページタイプ「１カラム（広い）」
    • →サイドバーは表示されず幅を広く使えます
  • タブ幅はテキスト量に合わせて変動します
    • →デフォルト設定です
New post新着記事
CSSホバーアニメーション13選｜動くボタンの実装例付き
マウスを乗せると背景がスッと広がったり、左右にスライドしたり、中央から放射状に変化したり...ボタンにアニメーションを加えるだけでサイトの印象が変わります。この...
Cocoonタイムラインを有料テーマ級に！SWELL風デザインを簡単に実現するカスタマイズ術
WordPressテーマ「Cocoon」には、標準でタイムラインブロックが用意されています。手順や流れをわかりやすく伝えるのに便利ですが、デフォルトの見た目はシ...

MORE

Categoryカテゴリーごとの記事
Cocoonタイムラインを有料テーマ級に！SWELL風デザインを簡単に実現するカスタマイズ術
カラム固定を解消！Cocoonボックスメニューを2〜6列に切り替える方法
Cocoonの通知エリアをカスタマイズ！流れる文字アニメーションとボタンを設定する方法
ワンクリックで差がつく！Cocoonラベルボックスをおしゃれにカスタマイズする方法
Cocoonアコーディオン（トグル）をカスタマイズ！10種類のデザインでスッキリ魅せる
Cocoonタブブロックの使い方＆おしゃれカスタマイズ｜ワンクリックで12デザイン切替

MORE

CSSホバーアニメーション13選｜動くボタンの実装例付き
ワードプレスのバックアップ方法｜FTPで安全カスタマイズ（CSS・PHP・Javascript）
WordPressパターンで楽々！再利用ブロックの使い方と同期・非同期の違い
もう迷わない！バナーなどの要素を上下左右中央寄せにする方法｜CSS使用
CSSで実装！複数画像を切り替えるアニメーションの作り方
CSSのカスタムプロパティを使いこなそう！繰り返し使える変数の設定方法

MORE

【初心者向け】WordPressブログの初期設定｜優先度別にやるべきことを徹底解説
Web配色アイディア「３色だけでセンスのいい色」を譲っていただいた話
サブドメインを常時SSL化（https化）リダイレクトする方法｜エックスサーバー設定
エックスサーバー｜サブドメイン設定で２つめのブログ（複数サイト）を作る方法
エックスサーバーでWordPressのパーマリンク変更（日付を削除）｜SEOに与える影響と対策
Googleアドセンス審査に合格するには｜必要な対策＆コード貼り付け方法

MORE

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

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

スポンサーリンク
Turicco