WordPressで縦書き表示するプラグイン 『h2vR for WordPress』

縦書きプラグイン h2vR for WordPress 二段組み表示
  • URLをコピーしました!
記事について

WordPressで縦書き表示するプラグインの使い方を紹介。ショートコードで縦書き表示したい文章を囲むだけ。
小説サイトにおすすめです。

目次 🏃

縦書きプラグイン『h2vR for WordPress』

『h2vR for WordPress』は、自作PCテクニカルセンターの「よっきさん」が公開されている無料プラグインです。

h2vR for WordPress
http://jisakupc-technical.info/web-survice/wordpress/4448/

通常の手順でインストールし、管理画面で有効化すれば、すぐに使えます。

開発元サイトにも、丁寧なインストラクションがあります。

ショートコードの使い方

該当箇所を[h2vr][/h2vr] で囲む

WordPressで縦書き表示するには、縦書きしたいテキストを [h2vr] [/h2vr] というショートコードで囲むだけです。

パラメータは次の通り。

class (class属性) [文字列]
char (1行あたりの文字数) [数値]
size (文字の大きさ) [数値(px)]
line (行間) [数値(em)]
width (横幅) [数値(px)]
height (高さ) [数値(px)]
option (カスタムCSS) [style属性に追記]

例) 『文字数15』を、二段組みで表示したい場合。

[h2vr char="15"]

下図のように、すっきり二段組みにまとまります。

※ お使いのテーマ・テンプレートやフォントによって見映えは若干異なります。

縦書きプラグイン h2vR for WordPress 二段組み表示

もう少し行間を空けたい場合。lineを1.8に設定。( ”は、半角の " に変えて下さい)

[h2vr char="15" line="1.8"]

やや広めの行間で見やすいですね。

h2vR for WordPress 行間を広め

スマホサイズでも、自動的に調整されます。

縦書きプラグイン h2vR for WordPress スマホ表示

非常に簡単なので、興味のある方はぜひ。

管理人の「よっきさん」も親切で、言い方ですよ(^^)

誰かにこっそり教えたい 👂
  • URLをコピーしました!
  • URLをコピーしました!

管理人にメッセージを送る

コメントする

目次 🏃