ブログテクニック | Co.Com とこが、Fuji

wordpressでの縦書きの文章の書き方です。

　ここに横幅400px、高さ350px、フォントサイズ16で縦書きにしたいテキストを書く

1. 初めに、使用しているテーマのheader.phpに次のスクリプトを記述します。

<script charset="utf-8" type="text/javascript"
 src="http://nehan.googlecode.com/hg/nehan-min.js"></script><br />
<script type="text/javascript">
  window.onload = function(){
    Nehan.LayoutMapper.start("div", {
      charImgRoot:"http://nehan.googlecode.com/hg/char-img",
      filter:"direction",
      noBR: false,
      onSeek: function(groupName, seekPercent){ },
      onComplete: function(groupName){ },
      onCompleteAll: function(){ }
    });
  };
</script>

2. 次に書きたい文章を投稿します。

例）<div class="lp-vertical lp-width-400 lp-height-350 lp-font-size-16">
　ここに横幅400px、高さ350px、フォントサイズ16で縦書きにしたいテキストを書く</div>

すると、書いた文章がなんと縦書きで表示されます。（一旦横書きの文章が表示されます。）
※以上参照：WordPress 記事の文章を縦書きにする

この他に⇒『htmlだけで縦書きを書く方法』もあります。

数多くのブログパーツがありますが、中でもコミュニティー関連のブログパーツはアクセスアップの為には欠かせません。

ＳＥＯ的にも効果があるので、是非とも付けておきたいのですが、機能は使いたいのに、デザインが気に入らなかったりする場合があると二の足を踏みがちです。
そこで機能だけを利用して、ウィジェットの表示を消す方法をご紹介します。

あくまでも１例として取り上げるのですが、あし＠のウィジェットが利用者に通知もなく表示されて『ブログのデザイン的にバランスが悪い。』と困る場合がありますので、あし＠を取り挙げさせていただきます。

<span onmouseover="parts1.style.display='block'" onmouseout="parts1.style.display='none'"><span id="parts1" style="display:none;"><script type="text/Javascript" src="http://ashia.to/client/js.php?id=あなたのＩＤ"></script></span></span>

こうすることによって、見事ウィジェット（パーツ）が表示されなくなります。
このテクニックはマウスオン・マウスアウトの応用で、以下のようにすれば、左の『あし＠』をマウスオンした時だけウィジェット（パーツ）が表示されます。

あし＠	<!--あし＠始まり--><span onmouseover="parts1.style.display='block'" onmouseout="parts1.style.display='none'">あし＠<span id="parts1" style="display:none;"><script type="text/Javascript" src="http://ashia.to/client/js.php?id=あなたのＩＤ"></script></span></span><!--あし＠終わり-->

Co.Com とこが、Fuji

富士山と共に。地域と共に。

「ブログテクニック」カテゴリーアーカイブ

縦書きの文章の書き方

ブログパーツを表示させない