ブログの記事のテキストに色をつけたりデザインを適用してみよう!

動画レクチャー
WordPressのビジュアルエディタで文字装飾をする方法とコツ

この動画のポイント&おさらい

  • 「ビジュアル」エディタのツールバーからボタンを押してデザインできる
  • デザインに必要なメニュー項目を一番上の段に配置しておこう
  • 「フォントサイズ」「スタイル」「TinyMCE Advanced」から追加できる
  • デザインを適用したいテキストを選択してボタンを押す
  • 部分的に適用したい時は、必要な部分を選択
  • デザインを解除したい時は同じボタンを押す
  • 太字とカラーなど、併用することも可能
  • 「スタイル」のメニューはシンプリシティのオリジナル
  • 「〜ボックス」デザイン囲み枠
  • 「〜ボックス」の改行でデザインを引き継ぐ場合は解除しよう
  • よく使うものはショートカットキーを使うととても速い!

追記

「スタイル」シンプリシティのオリジナルのデザインメニューということで、せっかくシンプリシティを使っているのであればぜひぜひ活用していくといいのではないでしょうか?

 

また、テキストの装飾などはある程度文章をつくってから、後でまとめてデザインするというやり方が効率がいいかもしれません。お試しくださいね。

 

「TinyMCE Advanced」でメニューを追加する方法などはこちら

WordPressのエディタのツールバーを自分好みにセッティングしておこう!
...

コメント

  1. 名もなき旅人a より:

    スタイルはシンプリシティだけのメニューなんですね。黄アンダーラインマーカーは気に入っています。

    2つある補足情報ボックスの違いが分からないのですが、何か違いがあるでしょうか?それぞれ、class=”information”、class=”question”となっているので、別々の定義なんですが。

  2. morie より:

    aさん

    「スタイル」のメニュー項目自体はシンプリシティオリジナルのはずです!

    僕も好きですよ、黄色の下線マーカー。

    ピンクの下線はないので、別途アドクイックタグで用意しとこうかと思ったりしてます。

    補足情報ボックスは一応種別あるみたいですよ。
    https://wp-simplicity.com/extended-basic-class/

    • 名もなき旅人a より:

      下書きでは見えないですが、プレビューしたら補足情報ボックスの違いが分かりました。
      ありがとうございます。
      この、隠れたクラスの定義は使わないと損ですね。

      • morie より:

        そうですね、デザインって自分でつくるとなるとデザインセンスも必要だし、コーディングも必要じゃないですか( ^ω^ )

        それがパッケージでついてるなら、生かしてみようかっていう視点ですね。

        少なくとも「知らなかった」だともったいないと思うんですよ。。

  3. マロン より:

    2ch記事でも顔文字を追加すると感じが変わりますね。感情伝達しやすいというか。
    記事を編集して、popでオリジナリティのあるまとめサイトにしたいと思います。

    • morie より:

      マロンさん

      そうですね、感情とか伝えやすくなりますよね。

      POPでオリジナリティいいですね!

      一度チャレンジしてみてください。

      そしてまたどんな感じか報告もお願いします(>∀<)b

  4. momo より:

    同じプラグイン導入してますが、「スタイル」のメニューは、動画のようにいろいろ出てきません。
    アンダーラインとか、ボックスとか、皆無です。
    あ~残念。
    アドクイックタグをつかうしかないですね。

    • morie より:

      momoさん

      まじか!って思って今調べてみましたら、シンプリシティ2からでした。

      当面はアドクイックタグでお気に入りデザインを用意しておくしかないですね。

      あるいは1→2への移行も検討ですね。。

      その際はよく読んでやらなければいけませんが。

  5. 名もなき智 より:

    昔は 文字に色をつけたり
    点滅や右方向へと流したりで
    アレコレと加工するのに

    htmlタグを 入力していたものでした。
    blink→文字点滅など

    こう言うのを 使って
    ケータイ向けのサイトとか作りました。
    まあ当時は パケットとか
    pcでも タグを多く使い過ぎると
    表示に時間がかかるから

    必要最小限に留めながらも
    観る人に印象づけるのが大変でした。

    simplicityは やはり便利ですねb

    • morie より:

      智さん

      懐かしすぎますww

      文字点滅とか、横に移動、最近見かけないですねww

      確かに・・・パケットとか死語すぎる。。。

      でもそういった配慮って今もめっちゃ大事なんですよね!

      サイトを光速表示するために頭使わないといけないですし。

      そういうことをこれからディスカッションしていきたいですね♬

      気づけばシンプリシティファンになってましたンゴ(>∀<)b

  6. 名もなき旅人ih より:

    エディターのツール選択をショートカットキーで選ぶ方法気にいりました、練習します。

    • morie より:

      ihさん

      ショートカットキー気に入られましたか!笑

      使いこなしてみてください。

      ショートカット開拓がしたくなってきますよ♬

  7. morie より:

    ihさん

    ショートカットキー便利ですよね(>∀<)b

    実践しながら使いこなしてみてください!

    圧倒的に差をつけることができるでしょう☆