2018年9月10日 -
タグ: , , , ,    No Comments

WordPressのテキストを装飾する

いくつかテーマに分けてWordPressのサイトを作っている。
語学学習のサイトで、自作の文章に先生が赤字を入れてくださった部分に装飾を付けてみたくなった。

これまで余り関心が無かったので、検索マシンと化す。

pluginは少し入れた方が良さそう。

◆plugin

1. AddQuicktag
登録したタグを呼び出すもので、便利そう。
タグ関係を手打ちで毎回入力するのは非常に面倒に思えるので。

使い方は下記に動画付きでご説明がありました。
https://junichi-manga.com/plugin-addquicktag/
#便利なプラグイン「AddQuicktag」の使い方を知らないWordPressユーザーは人生損してる | ジュンイチのブログさん

2.Shortcodes Ultimate
https://netaone.com/wp/shortcodes-ultimate/
#Shortcodes Ultimate – 50以上の装飾機能を利用できるWordPressプラグイン | ネタワンさん

https://kurashi-note00.com/archives/17999#i-8
#Shortcodes Ultimateの多彩な機能の使い方29選【WordPressプラグイン】さん

まずはこちらを入れて試してみようかと思います。

ちな、ショートコード一覧は下記です。
https://getshortcodes.com/shortcodes/さん

3. TinyMCE Advanced
こちらも使い方の詳細が丁寧に書かれているが、ビジュアルエディタは殆ど使わないので、多分使わないな…。

http://design-plus1.com/tcd-w/2018/01/tinymce-advanced-2.html
#ブログ記事の装飾や編集作業が楽になるWordPressプラグイン「TinyMCE Advanced」の使い方 | ワードプレステーマTCDさん

◆htmlタグ関係

・cssタグを追加するもの。

こちらのページに「AddQuicktag」も合わせてご紹介されています。
http://www.nijiiro-kobuta.com/wordpress-highlight/
#【WordPress】蛍光ペンみたいなオシャレな文字装飾にしたい | 虹色のコブタさん

http://inomacreate.com/wordpress-contents-style/
#WordPress 記事中に使える装飾まとめ | Inoma Createさん

・divタグを使って、個別ページごとに装飾してるもの
枠組みを追加したい時に便利そう。
こちらも「AddQuicktag」に登録しておくと良い感じになりそう。

使っているタグ自体はcssなので。
端的にcssファイルに記載してしまった方がクラス名指定でいけるんじゃないかとも思うのですが。

https://toshiya-nishizawa.net/how-to-make-a-box-around-writing-in-wordpress/
#WordPressで文章に囲み枠を作る方法!CSSをいじらずテキストエディタのみで作成する方法【コピペでOK】 – LifeStyleCreateさん

■ ■ ■ 今日の夫 ■ ■ ■
朝から天気雨で不思議な感じ。
気温も余り上がらなさそうなので、晩ご飯はラーメンがいいなーと宣わっていた。
主人は冷え性気味なので、生姜的に温まりそうなスープで作ろうと思う。

Got anything to say? Go ahead and leave a comment!