SWELLの書式設定の呼び出し方法|装飾をすばやく使うコツ

※本記事はアフィリエイト広告を含む記事へのリンクを含みます。

SWELLで記事を書いていて、マーカーや文字の色はどこから呼び出すのかわからず困っていませんか。私は最初、装飾ボタンの場所がわからず、HTMLのコードを手で打ち込んで色を付けていたことがあります。

この記事では、SWELLの書式設定を呼び出す方法を、ツールバーのどこを押せばいいかまで具体的に解説します。実際の失敗談も交えるので、読みながら進めれば、装飾を迷わずすばやく使いこなせるようになります。

※まだエックスサーバーを契約していない方へ:今月は最大30%OFFの限定キャンペーンが開催されています。この記事の手順を見ながら進めれば、初心者でも最短10分で国内シェアNo.1の高速ブログを開設できますよ。

➡️【公式】エックスサーバーの限定特設ページはこちら

早めに申し込むほど、キャンペーンの割引をしっかり活かせます。

ニャフィ

マーカーとか文字の色って、どこにあるのかにゃ?

たいがブログ

ボタンが隠れていて、最初は見つけにくいですよね。

ニャフィ

毎回探すのも面倒で、作業が進まないのにゃ…

たいがブログ

すぐに呼び出せる手順を、5つのステップで解説しますね。

▼あわせて読みたい:装飾の多い記事も快適に表示できるサーバー選びについては、こちらの記事で詳しく紹介しています。

あわせて読みたい
エックスサーバーの評判は本当?初心者ブログで実際に使ってみた正直レビュー 本記事はアフィリエイト広告を含みます。 「エックスサーバーって評判いいって聞くけど、初心者の自分でも本当に使いこなせるのかな」と不安になっていませんか。 サー...
目次

SWELLの書式設定とは

書式設定は、選んだ文字だけにマーカーや色を付けられる機能です。SWELLでは、WordPress標準の太字やリンクに加えて、マーカー・背景色・文字サイズなどの独自の装飾が使えます。

筆者がHTMLを手打ちしていたのは、装飾がツールバーの奥に隠れていることを知らなかったからでした。呼び出し方さえ覚えれば、装飾はクリックだけで誰でも使えます。

文字単位でさまざまな装飾ができる

SWELLの書式設定では、マーカー・背景色・文字の大きさ・注釈など、文字単位の装飾を付けられます。大事な一文だけを目立たせたいときに便利です。

よく使う装飾を登録しておける

SWELLには、自分で作った装飾を「カスタム書式」として登録できる機能もあります。よく使う組み合わせを登録しておけば、毎回同じ設定を繰り返す必要がありません。

SWELLの書式設定を呼び出す方法

書式設定は、文字を選んだときに表示されるツールバーから呼び出します。よく使う装飾の多くは、ツールバーの「▼」の中にまとめられています。

筆者は昔のクラシックエディターに慣れていたため、すべてのボタンが表に並んでいないことに戸惑いました。ただ、「▼」の中を覚えてしまえば、むしろ画面がすっきりして作業しやすいと感じています。

ツールバーの「▼」から呼び出す

文字を選ぶと表示されるツールバーの「▼」を押すと、マーカーや背景色などの装飾が一覧で出てきます。SWELL独自の装飾も、ここから選べます。

ツールバーが見つからないときは上部に固定する

ツールバーが文字に重なって見にくいときは、編集画面右上の「︙」メニューから「上部ツールバー」を有効にします。画面の上に固定されるので、操作しやすくなります。

STEP
装飾したい文字を選ぶ

段落の中で、装飾したい文字をドラッグして選択します。筆者は選択範囲がずれて文字の途中だけに装飾が付いたことがあるので、範囲をよく確認しましょう。

STEP
ツールバーの「▼」を開く

文字を選ぶと表示されるツールバーの「▼」をクリックします。太字やリンク以外の装飾は、ほとんどがこのメニューの中にまとまっています。

STEP
使いたい装飾を選ぶ

メニューからマーカーや背景色、文字サイズなどを選びます。選んだ装飾はその場ですぐに反映されるので、見た目を確認しながら調整できます。

STEP
よく使う装飾をカスタム書式に登録する

「SWELL設定」→「エディター設定」のカスタム書式で、自分用の装飾を登録できます。登録した装飾は、ツールバーから同じように呼び出せます。

STEP
プレビューで見え方を確認する

装飾を付けたら、プレビューでパソコンとスマホの見え方を確認します。装飾を付けすぎて読みにくくなっていないかもチェックしておきましょう。

書式設定をもっと速く使いこなすコツ

書式設定の場所がわかったら、キーボード操作や装飾のルールを取り入れると、記事作りがさらに速くなります。ここでは、実際に毎日記事を書きながら効果を感じたコツを紹介します。

筆者はMacBook Air M5で記事を書くとき、太字やリンクはキーボードで一発で付けるようにしています。外部モニターにつないだときはツールバーを上部に固定して、マウスの移動を減らしています。

キーボードショートカットを覚える

よく使う装飾は、キーボードショートカットで付けると速くなります。Windowsなら「Ctrl+B」で太字、「Ctrl+K」でリンク、Macなら「Ctrl」の代わりに「command」を使います。

装飾の使い分けルールを決める

「キーワードは太字、いちばん伝えたい一文はマーカー」のように、装飾の役割を決めておくと迷わずに済みます。記事全体の見た目にも統一感が生まれます。

書式設定のチェックポイント

  • 装飾の場所を「▼」から呼び出せる
  • 太字とリンクはショートカットで付けている
  • 装飾ごとの役割を決めている
  • 1段落に装飾を付けすぎていない

▼あわせて読みたい:ツールバーを固定しても画面が窮屈にならない、筆者愛用の作業用モニターはこちらで紹介しています。

あわせて読みたい
BenQ GW2491レビュー|在宅作業・ブログ運営に本当に使えるか正直に話します 本記事はアフィリエイト広告を含みます。 「在宅作業用のモニターを買いたいけど、1万円台で本当に使えるものがあるの?」と思っていませんか。BenQ GW2491はAmazonで口...

よくある質問

付けた装飾を解除したいときは?

装飾した文字を選び、同じ装飾をもう一度選ぶと解除できます。太字なら、文字を選んで「Ctrl+B」をもう一度押すだけで元に戻ります。

カスタム書式を作るにはCSSの知識が必要ですか?

カスタム書式は、CSSで見た目を指定して登録する仕組みです。初心者のうちは、SWELLに最初から用意されている装飾だけでも十分に記事を整えられます。

見出しでは一部の装飾が使えません。

ブロックの種類によって、使える装飾が限られることがあります。見出しはすでにデザインが付いているので、装飾は段落の中で使うのが基本です。

スマホからでも装飾できますか?

スマホのブラウザからでも装飾はできますが、画面が小さく文字を選びにくいです。装飾の多い記事は、パソコンで仕上げるほうが効率よく作業できます。

【当サイト限定特典】:今月中に下記の公式特設ページから申し込むと、最大30%OFF(月額693円〜)の圧倒的コスパで国内シェアNo.1の超高速環境が手に入ります。

➡️【公式】エックスサーバーの限定特設ページはこちら

設定さえ終われば、今日からすぐにブログを書き始められます。この機会にぜひ一歩踏み出してみてください。

まとめ

SWELLの書式設定は、文字を選んで表示されるツールバーの「▼」から呼び出せます。よく使う装飾はカスタム書式に登録したり、ショートカットで付けたりすると、作業がぐっと速くなります。

HTMLを手打ちして遠回りした筆者のおすすめは、「▼」の中身とショートカットを先に覚えてしまうことです。まずは次の記事で、マーカーと太字を「▼」とショートカットから付けてみてください。

ニャフィ

装飾の場所がわかって、すいすい書けるにゃ!

たいがブログ

お疲れさまでした!記事作りのスピードがぐっと上がりますね。

ニャフィ

作業が快適になるパソコンも気になってきたにゃ!

たいがブログ

筆者愛用のノートPCのレビュー記事もぜひどうぞ。

▼あわせて読みたい:ショートカットを使った記事作りを快適にこなせる、筆者愛用のノートPCはこちらで実際の使用感を紹介しています。

あわせて読みたい
MacBook Air M5レビュー|ブログ・在宅作業に本当に使えるか正直に話します 本記事はアフィリエイト広告を含みます。 「ブログ用にMacBook Air M5を買おうか迷っているけど、実際のところどうなの?」と思っていませんか。スペックを見ても数字だ...

おすすめ記事

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次