MENU
ゆるミニマリストの便利グッズを紹介!

SWELLのデザイン一覧です!【記事装飾も簡単です】

2020 8/08
SWELLのデザイン一覧です!【記事装飾も簡単です】

「SWELLの記事装飾のデザインを見てみたい!」「SWELLの便利な機能を知りたい!」という方に、記事装飾デザインの一覧と、便利な機能を紹介したいと思います。

komaのアイコン画像koma

他テーマ(有料)から乗り換えるくらい、SWELLに惚れてます!!

こちらの方におすすめの記事です!
  • SWELLの記事装飾デザインを、一覧で見たい!
  • SWELLの便利な機能を知りたい!

参考にしていただけたら嬉しいです。

私はブログを全体的にグレーに設定しているので、囲みもグレーになっています。※SWELLは、囲みごとにカスタムで色を選択することが可能です!

目次

SWELLの記事装飾デザイン一覧

記事装飾【囲み系】

  • ボーダー設定
  • スタイル

※デザインの一覧なので、囲みの中の文字は関係ありません!(文字とのバランスを見ていただくために、文字を適当に入力しています!)

ボーダー設定

※「色設定」で、カラーを自由に選ぶことができます!(カスタムカラーという設定で細かく設定できます!)

SWELL大好き!(01)

SWELL大好き!(02)

SWELL大好き!(03)

SWELL大好き!(04)

スタイル

※こちらも同じく、「色設定」でカラーを選べます!(カスタムで細かく選べます!)

ストライプ

方眼

角に折り目

スティッチ

かぎ括弧

かぎ括弧(大)

窪(くぼ)み

浮き出し

左に縦線

付箋

吹き出し

吹き出し2

Good

Bad

インフォ

アナウンス

えんぴつ

書籍

ポイント

チェック

バツ印

はてな

アラート

メモ

komaのアイコン画像koma

囲み系は以上です!(2020年7月19日現在)

その他、機能一覧

↑こちらが「見出し2」です!

そして、このように文字を打てるのが「段落」です。

「見出し3」

「見出し4」

リスト機能

デフォルト

  • リスト1
  • リスト2
  • リスト3

リストの左の点マークを変更することも可能です!

目次風

  • リスト1
  • リスト2
  • リスト3

チェックマーク

  • リスト1
  • リスト2
  • リスト3

【ul】Good

  • リスト1
  • リスト2
  • リスト3

【ul】Bad

  • リスト1
  • リスト2
  • リスト3

【ol】丸文字(デフォルトは文字が0のままなので、ブロックをタッチして「番号付きリストに変換」にしてください)

  1. リスト1
  2. リスト2
  3. リスト3

【ul】注釈

  • リスト1
  • リスト2
  • リスト3

リスト機能作成後、「詳細設定」の「グループ化」を選択、するとまた囲みを選ぶことができます!

  • リスト1
  • リスト2
  • リスト3

選べる囲みは最初の「ボーダー設定」と「スタイル」の中なら自由に選べます!

  • リスト1
  • リスト2
  • リスト3

ふきだし機能

komaのアイコン画像koma

ここにテキストを入力

ふきだしの設定をして置くと、簡単にここまで表示することができます。

画像機能

swell2

外部サイトより引用した場合、「キャプションを入力」の欄に自由に入力が可能です!

(画像出典:SWELL公式サイト)←の部分のことです。

swell2
(画像出典:SWELL公式サイト)

関連記事機能

こちらのように表示されます。

埋め込み機能

ツイッター

インスタグラム

あわせて読みたい
Login • Instagram Welcome back to Instagram. Sign in to check out what your friends, family & interests have been capturing & sharing around the world.

引用機能

ただ無難に対応するだけではなく、

ブログを簡単に・楽しく・素早く書けるように、細部までこだわってカスタマイズしています。

(引用:SWELL公式サイト)

表作成機能

名前住所連絡先
〇〇キャンプ場○○県○○市○○番地○000-xxxx-xxxx
△△キャンプ場△△県△△市△△番地△000-xxxx-xxxx
□□キャンプ場□□県□□市□□番地□000-xxxx-xxxx
↑プラグインなしで簡単に作成できます!

ボタン機能

横並びも簡単です!好きな数だけボタンを増やせます!

SWELLボタン機能

ボタンに装飾が可能です。こちらはボタンが光るようにしています。

キャプション機能付きブロック機能

※色も設定で選べます!

デフォルト

さらに中にリストなど作成できます!

デフォルト
  • SWELLの記事装飾デザインを、一覧で見たい!
  • SWELLの便利な機能を知りたい!
キャプション

キャプション

枠上

キャプション

枠上2

キャプション

枠内

キャプション

浮き出し

ステップ機能

STEP
SWELLについて知る

デザインを一覧で見る

STEP
SWELLの購入画面で最終チェック

https://swell-theme.com/download/

↑「グループ化」機能で、枠の中にさらに枠で囲むことも可能!

STEP
SWELL購入後にダウンロード、有効化

ダウンロードをしたら、有効化します。

「親テーマ」「子テーマ」の両方をダウンロードして、WordPressの外観>テーマで、有効化しましょう。

STEP
自分好みのデザインにカスタマイズしよう

ワードプレスの外観>カスタマイズでカスタマイズが可能です。

さらに、全体を「グループ化」することで、全体を枠で囲むことができます。

STEP
SWELLについて知る

デザインを一覧で見る

STEP
SWELLの購入画面で最終チェック

https://swell-theme.com/download/

↑「グループ化」機能で、枠の中にさらに枠で囲むことも可能!

STEP
SWELL購入後にダウンロード、有効化

ダウンロードをしたら、有効化します。

「親テーマ」「子テーマ」の両方をダウンロードして、WordPressの外観>テーマで、有効化しましょう。

STEP
自分好みのデザインにカスタマイズしよう

ワードプレスの外観>カスタマイズでカスタマイズが可能です。

広告タグ機能

「スタンフォード式最高の睡眠」西野精治(サンマーク出版)

ABテスト機能

SNSもやっていますので、興味がありましたらぜひフォローお願いします!

インスタグラムでも、ポチポチ画像を投稿しています!

FAQ機能

SWELLの魅力は?

ブロックエディターでサクサク執筆ができること。記事装飾のデザインも簡単で、作業効率が上がります!

komaのアイコン画像koma

よく使いそうな機能を紹介してみました!

最後まで見てくださり、ありがとうございました!

コメント

コメントする

目次
閉じる