WordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです
When you want to put vertical text (content) in the body of Wordpress

WordPressの本文に縦書きの文章(コンテンツ)を入れたいときは

公開日: 使い方など

WordPressに限らず、ウェブ上に表示されるものは基本横書きの文章。

でもやっぱり日本人としては・・・縦書きでの表現もしたいですよね?(別にどうでもいい??)

私長年これができないかなぁと思い続けていました(でも実際にできてしまったら・・・ではあるのですが・・・)。

縦書きコンテンツはh2vR.jsというスクリプトを使うと実装できるそうです

ただまああまり需要のない機能かなぁとも思うので、簡単に使えないかと探したら、プラグインにしてくれてる方がいました。

プラグインをインストールして有効化後、縦書きにしたいものをショートコードで囲むだけで簡単に縦書き表示になります。入手やショートコードの説明は以下のページを参照ください。

※Wordpress公式ページでは配布されていませんので以下から入手ください

このサイトで常時使うプラグインではないため、スクリーンショットで失礼しますが、ブロックエディタのクラシックブロックで↓のように入力すると・・・

ブロックエディタに入力したもの

↓の赤枠内のように表示されました

上の入力で表示されるもの(赤枠内)

きちんとエディタのスタイル(文字色や背景色など)が適用されていい感じに縦書きになります。

によると、ふりがなを振ったり線を入れたりということもできるそうです。

  • ☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。
    ☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。
    ☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。

QR Code

このページはモバイル端末でもご覧いただけます

左のQRコードを読み取っていただくと、このページのURLが表示され、簡単にアクセスできます。ぜひモバイル端末でもご覧ください。

WordPressのカスタマイズ・不具合対応などご相談ください

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

【スポンサーリンク】