【おまけ】見ればわかるSWELL装飾事例12選|説明文なし

なSWELLの装飾事例です。見やすくするため説明をあえて省きました

目次

1. 太字とマーカー

操作ボタン

設定ボタン:茂木を選択すると表示される

装飾事例

WordPressの初期設定で、最も見落としやすいのがパーマリンク設定です

この設定を後から変更すると、これまでの記事のURLがすべて変わってしまいます

2. リストとチェックリスト

操作方法

通常のリスト(設定項目の列挙)

  • タイトル
  • カテゴリー
  • アイキャッチ画像
  • メタディスクリプション

チェックリスト(公開前の確認)

  • スマートフォン表示を確認した
  • アイキャッチ画像を設定した
  • アフィリエイトリンクが正しい
  • 誤字脱字を確認した

3. キャプションボックス

操作方法

装飾事例

初心者が注意すること

SWELLの初期設定は、公式マニュアルと画面の表示が少し違う場合があります。焦らず、自分の管理画面をそのまま確認しながら進めてください。

4. 吹き出し

操作方法

装飾事例

セリーン

この『+』ボタン、最初は何をするものか分かりませでした

5. ステップ

操作方法

装飾事例

STEP
投稿画面を開く

WordPress管理画面から「投稿」→「新規追加」を選びます。

STEP
タイトルを入力する

記事の内容が伝わるタイトルをつけます。

STEP
本文を書く

見出しを作りながら、内容を進めます。

STEP
公開前に確認する

パソコンとスマートフォンの両方で表示を確認します。

6. テーブル

操作方法

装飾事例

項目XserverConoHa WING
月額料金(目安)やや高め安め
SWELLの導入しやすさテーマ選択機能あり手動インストール
実体験実際に使用中調査ベース

7. 関連記事

操作方法

装飾事例

8. SWELLボタン

操作ボタン

装飾事例

9. FAQ

操作方法

装飾事例

SWELLの装飾は全部使う必要がありますか?

全部を覚える必要はありません。太字、リスト、キャプションボックス、関連記事の4つ程度から始めても十分です。

吹き出しは何個くらい使えばよいですか?

決まった上限はありませんが、記事の冒頭や特に迷った場面など、効果がある場所に絞ると読みやすくなります。

10. アコーディオン

操作ボタン

装飾事例

SWELLとAFFINGER7の細かいライセンス差異について、詳しく比較すると次のようになります…

11. タブ

操作ボタン

装飾事例

設定画面はメニューの左側から進みます。

12. カラム

操作ボタン

装飾事例

この画像は、Pillowで観光客を除去して作成しました。

記事公開前チェックリスト(記事編)

Serene Life  ·  Publish Checklist

記事公開前チェックリスト(保存版)

60代・ブログで試行錯誤|人生これから

0 / 35
記事内容
画像
WordPressの設定
SEOとリンク
表示確認

記事公開前チェックリスト(装飾編)

Serene Life  ·  Publish Checklist

記事公開前チェックリスト

60代・ブログで試行錯誤|人生これから

0 / 30
太字・マーカー
リスト・表
吹き出し・キャプションボックス
ステップ・FAQ・アコーディオン
関連記事・ボタン
全体表示
あわせて読みたい
【2026年版】WordPress SWELLの記事装飾ガイド【後編】|初心者が覚えたい便利機能12選 本記事はアフィリエイト広告を含んでいます。ごゆるりとご覧下さい。 はじめに|SWELLの機能は、全部使わなくても大丈夫 前編では、WordPressテーマ「SWELL」を使って、...
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

このブログの運営者

セリーンのアバター セリーン 60代ブロガー

60代からブログに挑戦中。
金融業界で営業・本部企画に約30年間携わり、
その後、不動産業界へ転職。
SWELLやSEOを学びながら、
ブログ運営の試行錯誤を発信しています。

目次