ブログカスタマイズ ワードプレス

アフィンガー| ブロックエディターで文字色をカラフルに変更する方法

アフィンガーで文字色を変更

ワードプレスには、ブロックエディタにて文字色を変更する機能が備わっています。

しかしながら、ワードプレスの子テーマ「AFFINGER」を利用した場合、文字色を変更する項目が消えてしまいます。

アフィンガーで文字色を変更

この状態では不便ですので、文字色を簡単に変更できる機能を追加します。

使用するプラグインは「Snow Monkey Editor」です。

このプラグインを使用することで、簡単に文字色変更ができます。他にも便利な文字装飾機能が備わっていますので、それも合わせてご紹介します。

Snow Monkey Editorをインストール

ダッシュボードにて「プラグイン」→「新規追加」を開き、「Snow Monkey Editor」で検索します。

「Snow Monkey」までの予測検索では、似たプラグインが表示されますのでご注意ください。

アフィンガーで文字色を変更

今回のプラグインは「Snow Monkey Editor」です。

「Snow Monkey Editor」を有効化しましたら、投稿画面を確認してみましょう。

ブロックエディターで文字色を変える方法

投稿画面をブロックエディターモードで開きます。

Snow Monkey Editorが有効化されますと、ブロックエディタメニュー項目の中にモンキーフェイスのようなアイコンが表示されます。

アフィンガーで文字色を変更

色を変えたい文字をドラッグして、モンキーフェイスアイコンをクリック。

「文字色」を選択し、好きなカラーをチョイス。カスタムカラーを使うことも可能です。

アフィンガーで文字色を変更

カラー設定の変更は、モンキーフェイスの横に現れたアイコンから操作します。

アフィンガーで文字色を変更

Snow Monkey Editorのその他機能

Snow Monkey Editorでは、文字色変更の他に以下のような機能があります。

  • 文字サイズ
  • 文字間隔
  • 背景色
  • 蛍光ペン
  • 行の高さ

これら装飾を解除する場合は、「書式設定をクリア」を用います。どのようになるのかは以下動画ご参照ください。

まとめ

他にも文字色を変更できるプラグインはありますが、色々と試してみて「Snow Monkey Editor」が一番使い勝手が良かったので、こちらをご紹介しました。

マーカーペンもカラフルに利用できますのでよく利用しています。

より良いAFFINGERブログライフをお送りください!

AFFINGERで無料で「目次に戻るボタン」を設置した話はこちら

アフィンガー|「目次に戻る」をスマホの固定フッターメニューの中に入れる

2022/9/2

アフィンガー|「目次に戻る」をスマホの固定フッターメニューの中に入れる

今やスマホでサイトを閲覧することが多いです。 「興味あるところだけ読みたい」「さっき読んだところをもう一度確認したい」というニーズが発生することは、往々にしてあります。そのときにあると便利なのが「目次に戻るボタン」なのです。 今回は、フッターの中に「目次に戻る」項目を作っていきたいと思います。 フッターメニューに入れることで、追従してくれますのでとても便利です。 この記事を読めば、以下の動画のようなことができるようになります。 まだ、スマホに固定するフッターメニューを設置していない方は、こちらご参照くださ ...

ReadMore

UpdraftPlusで自動バックアップから復元方法を解説|保存先はGoogle ドライブ

2022/8/28

UpdraftPlusで自動バックアップから復元方法を解説|保存先はGoogleドライブ

UpdraftPlusは、WordPressのデータをバックアップ・復元できるプラグインです。 WordPressで構築したウェブサイトのデータベース、プラグイン、テーマ、アップロードファイル、wp-content ディレクトリと、WordPressを丸ごとバックアップして、復元までプラグインで行えます。 WordPressのデータをバックアップとして有名なプラグイン「BackWPup」がありますが、BackWPupの復元はFTPでファイルアップロードして、phpMyAdminでデータベースを復元する手順 ...

ReadMore

アフィンガーでヘッダーカードを作る|設定と表示の方法を徹底解説

2022/8/23

アフィンガーでヘッダーカードを作る|設定と表示の方法を徹底解説

AFFINGERで"ヘッダーカード"を設定する方法をご紹介します。 ヘッダーカードを入れることで、以下のようにサイトが変化します。 ヘッダーカードを設置することで、「サイトがおしゃれに華やかになる」「サイト訪問者に読んでもらいやすくなる」というメリットがあります。 作成方法【簡易版】 どのようなヘッダーカードを作るか、構想を練る ヘッダーカードの背景画像を作る(canvaなど) ヘッダーカードの挿入と設定(デザインや文字入など) ヘッダーカードの背景を変更する(必要な場合のみ) Contentsどのような ...

ReadMore

2022/8/24

ブログの作り方|当ブログのサイトマップ

ブログを始めるにあたり、おすすめのサーバーやテーマ、またブログをはじめたら押さえておくべき設定などの記事をまとめました。 Contentsおすすめサーバー「スターサーバー」スターサーバーのメリット・デメリットスターサーバーの契約方法・設定方法独自ドメインからメールアドレスを作成するブログのバックアップ問い合わせフォームを作成するスパム対策アフィンガー関連設定ヘッダーとヘッダーメニューをおしゃれにするスマホでも追従する目次を設定するスマホに固定フッターメニューを追加する記事の文字をカラフルにするアフィンガー ...

ReadMore

Contact Form 7の問い合わせフォーム作成方法と使い方を紹介

2022/8/28

Contact Form 7の問い合わせフォーム作成方法と使い方を紹介

ブログをはじめたら必ず導入するべき、問い合わせフォームのプラグイン「Contact Form 7」。作成者は日本人ですので、公式サイトは日本語で解説されています。 Contact Form 7公式サイト Contact Form 7の導入方法と、問い合わせフォームを作成する方法を紹介します。 下記のようにお問い合わせフォームを作り、サイトのフッターメニュー(ブログの最下部エリア)に設置していきます。 ContentsContact Form 7の使い方【簡易】step1.Contact Form 7をイン ...

ReadMore

このサイトはアフィンガーを使用しています

アフィンガー

WING(AFFINGER6 ver)

デザイン簡単、SEO対策と広告収入UPの機能が標準装備。さらに美しく、パワフルに。「稼ぐ」に特化したテーマ。

WING(アフィンガー6)公式サイト

2022年最新!おすすめレンタルサーバー

月額料金がライトプランで220円〜(税込)なので、コスパよく爆速なサイト運営が可能に!

管理画面は使いやすくなっているので、これからはじめてサイト運営をする方にもおすすめです!

Twitterでも口コミ良好!

スターサーバー公式サイト

-ブログカスタマイズ, ワードプレス
-, ,