気まぐれ!素人のＩＴ我流メモ、もうＩＴワールドが止まらない!![ベータ版]

そのコードをブログに貼り付けるには、
何が適格なのかを確認したいと思います。

少しWebを検索してみると、

ブログにコードを貼り付ける方法について
ブログにコードを貼り付ける方法で悩むの巻
pre code タグ使用時のはみだし対処。

が見つかりました。

当初、2カラムから3カラムに変更では、
記事入力支援ツールで、<blockquote>を使用しましたが、
下記のように文字がはみ出してしまいました。

<!--plugin_first-->
<h4 class="sidetitle" style="text-align:<%plugin_first_talign>"><%plugin_first_title></h4>
<p style="text-align:<%plugin_first_ialign>">

(*当初、引用したときは、<h4 class="sidetitle" とstyle="text-align:<%plugin_first_talign>"><%plugin_first_title></h4>
が、折り返されず1行で表示され、もっと文字が溢れていました。)

一般的なWebであれば、横幅が十分とれるので、
はみ出ることはないと思うのですが、
ブログ記事の横幅は結構狭いです。

また、スタイルシート等で変更もできますが、
3カラムなどカラムが増えると、
絶対的な横幅は限られてしまいます。

そこで使用したいのが、<pre><code>です。
これはブログを移転するときでも、
汎用性のある記述方法らしいので、
ブログ貼り付けの適格者にしたいと思います。

上記<blockquote>の例を、<pre><code>
で表現してみると下記のようになりました。

<!--plugin_first-->
<h4 class="sidetitle" style="text-align:<%plugin_first_talign>"><%plugin_first_title></h4>
<p style="text-align:<%plugin_first_ialign>">

スクロールバーが表示され、
記事の体裁は保たれています。
いい感じですね。

また、先人の知恵を拝借しました。
でも、タグやスタイルシート、JavaScriptの
理解、格闘は永遠に続く。

間違いないっ!(長井秀和、風味で･･･)

●追記
今回の方法は、FC2もしくはテンプレートで有効なようです。
ブログによっては、<blockquote>の方が適格なケースもあり、
その都度使い分けていくとよいかもしれません。

ちなみに、<、>などを実体参照に変換できるツール
を紹介します。

まあ、コードをエディタで置換すればいいだけですが、
これを使えば、割と便利ですね。