※本記事はアフィリエイト広告を含む記事へのリンクを含みます。
SWELLで記事を書いていて、マーカーや文字の色はどこから呼び出すのかわからず困っていませんか。私は最初、装飾ボタンの場所がわからず、HTMLのコードを手で打ち込んで色を付けていたことがあります。
この記事では、SWELLの書式設定を呼び出す方法を、ツールバーのどこを押せばいいかまで具体的に解説します。実際の失敗談も交えるので、読みながら進めれば、装飾を迷わずすばやく使いこなせるようになります。
※まだエックスサーバーを契約していない方へ:今月は最大30%OFFの限定キャンペーンが開催されています。この記事の手順を見ながら進めれば、初心者でも最短10分で国内シェアNo.1の高速ブログを開設できますよ。
早めに申し込むほど、キャンペーンの割引をしっかり活かせます。
ニャフィマーカーとか文字の色って、どこにあるのかにゃ?



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



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



すぐに呼び出せる手順を、5つのステップで解説しますね。
▼あわせて読みたい:装飾の多い記事も快適に表示できるサーバー選びについては、こちらの記事で詳しく紹介しています。


SWELLの書式設定とは


書式設定は、選んだ文字だけにマーカーや色を付けられる機能です。SWELLでは、WordPress標準の太字やリンクに加えて、マーカー・背景色・文字サイズなどの独自の装飾が使えます。
筆者がHTMLを手打ちしていたのは、装飾がツールバーの奥に隠れていることを知らなかったからでした。呼び出し方さえ覚えれば、装飾はクリックだけで誰でも使えます。
文字単位でさまざまな装飾ができる
SWELLの書式設定では、マーカー・背景色・文字の大きさ・注釈など、文字単位の装飾を付けられます。大事な一文だけを目立たせたいときに便利です。
よく使う装飾を登録しておける
SWELLには、自分で作った装飾を「カスタム書式」として登録できる機能もあります。よく使う組み合わせを登録しておけば、毎回同じ設定を繰り返す必要がありません。
SWELLの書式設定を呼び出す方法


書式設定は、文字を選んだときに表示されるツールバーから呼び出します。よく使う装飾の多くは、ツールバーの「▼」の中にまとめられています。
筆者は昔のクラシックエディターに慣れていたため、すべてのボタンが表に並んでいないことに戸惑いました。ただ、「▼」の中を覚えてしまえば、むしろ画面がすっきりして作業しやすいと感じています。
ツールバーの「▼」から呼び出す
文字を選ぶと表示されるツールバーの「▼」を押すと、マーカーや背景色などの装飾が一覧で出てきます。SWELL独自の装飾も、ここから選べます。
ツールバーが見つからないときは上部に固定する
ツールバーが文字に重なって見にくいときは、編集画面右上の「︙」メニューから「上部ツールバー」を有効にします。画面の上に固定されるので、操作しやすくなります。
段落の中で、装飾したい文字をドラッグして選択します。筆者は選択範囲がずれて文字の途中だけに装飾が付いたことがあるので、範囲をよく確認しましょう。
文字を選ぶと表示されるツールバーの「▼」をクリックします。太字やリンク以外の装飾は、ほとんどがこのメニューの中にまとまっています。
メニューからマーカーや背景色、文字サイズなどを選びます。選んだ装飾はその場ですぐに反映されるので、見た目を確認しながら調整できます。
「SWELL設定」→「エディター設定」のカスタム書式で、自分用の装飾を登録できます。登録した装飾は、ツールバーから同じように呼び出せます。
装飾を付けたら、プレビューでパソコンとスマホの見え方を確認します。装飾を付けすぎて読みにくくなっていないかもチェックしておきましょう。
書式設定をもっと速く使いこなすコツ


書式設定の場所がわかったら、キーボード操作や装飾のルールを取り入れると、記事作りがさらに速くなります。ここでは、実際に毎日記事を書きながら効果を感じたコツを紹介します。
筆者はMacBook Air M5で記事を書くとき、太字やリンクはキーボードで一発で付けるようにしています。外部モニターにつないだときはツールバーを上部に固定して、マウスの移動を減らしています。
キーボードショートカットを覚える
よく使う装飾は、キーボードショートカットで付けると速くなります。Windowsなら「Ctrl+B」で太字、「Ctrl+K」でリンク、Macなら「Ctrl」の代わりに「command」を使います。
装飾の使い分けルールを決める
「キーワードは太字、いちばん伝えたい一文はマーカー」のように、装飾の役割を決めておくと迷わずに済みます。記事全体の見た目にも統一感が生まれます。
書式設定のチェックポイント
- 装飾の場所を「▼」から呼び出せる
- 太字とリンクはショートカットで付けている
- 装飾ごとの役割を決めている
- 1段落に装飾を付けすぎていない
▼あわせて読みたい:ツールバーを固定しても画面が窮屈にならない、筆者愛用の作業用モニターはこちらで紹介しています。


よくある質問


【当サイト限定特典】:今月中に下記の公式特設ページから申し込むと、最大30%OFF(月額693円〜)の圧倒的コスパで国内シェアNo.1の超高速環境が手に入ります。
設定さえ終われば、今日からすぐにブログを書き始められます。この機会にぜひ一歩踏み出してみてください。
まとめ
SWELLの書式設定は、文字を選んで表示されるツールバーの「▼」から呼び出せます。よく使う装飾はカスタム書式に登録したり、ショートカットで付けたりすると、作業がぐっと速くなります。
HTMLを手打ちして遠回りした筆者のおすすめは、「▼」の中身とショートカットを先に覚えてしまうことです。まずは次の記事で、マーカーと太字を「▼」とショートカットから付けてみてください。



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



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



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



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


おすすめ記事
-
ラッコキーワード


ラッコキーワードは無料でどこまでできる?制限と有料との違い
-
ラッコキーワード


ラッコキーワードの使い方を初心者向けに解説|基本の5ステップ
-
ラッコキーワード


ラッコキーワードとは?できることと料金プランを初心者向けに解説
-
SWELL


SWELL会員サイトにログインできない時のパスワード再設定方法
-
SWELL


SWELLで画像がぼやける原因と対処法|くっきり表示するコツ
-
SWELL


SWELLでスマホの表示崩れを確認する方法と直し方
-
SWELL


SWELLでプラグイン競合による表示崩れの原因と対処法
-
SWELL


SWELLのエディタとプレビューで表示が崩れる原因と対処
-
SWELL


SWELLのブロック一覧が表示されない時の原因と対処法
-
SWELL


SWELLのカスタマイザーが反映されない時の原因と対処法
-
SWELL


SWELLのアップデート後に表示崩れした時の原因と対処法
-
SWELL


SWELLで追加CSSを追加する方法と反映されない時の対処










コメント