2008-01-07(Mon)
コード貼り付けの適格者
2カラムから3カラムに変更
鳴らない、ソース・タグ
と、テンプレートのカスタマイズや、
いわゆる特殊文字(実体参照)、記事入力支援ツール
に重点をおいて記事にしてきました。
今回は、
鳴らない、ソース・タグ
と、テンプレートのカスタマイズや、
いわゆる特殊文字(実体参照)、記事入力支援ツール
に重点をおいて記事にしてきました。
今回は、
そのコードをブログに貼り付けるには、
何が適格なのかを確認したいと思います。
少しWebを検索してみると、
ブログにコードを貼り付ける方法について
ブログにコードを貼り付ける方法で悩むの巻
pre code タグ使用時のはみだし対処。
が見つかりました。
当初、2カラムから3カラムに変更では、
記事入力支援ツールで、<blockquote>を使用しましたが、
下記のように文字がはみ出してしまいました。
(*当初、引用したときは、<h4 class="sidetitle" とstyle="text-align:<%plugin_first_talign>"><%plugin_first_title></h4>
が、折り返されず1行で表示され、もっと文字が溢れていました。)
一般的なWebであれば、横幅が十分とれるので、
はみ出ることはないと思うのですが、
ブログ記事の横幅は結構狭いです。
また、スタイルシート等で変更もできますが、
3カラムなどカラムが増えると、
絶対的な横幅は限られてしまいます。
そこで使用したいのが、<pre><code>です。
これはブログを移転するときでも、
汎用性のある記述方法らしいので、
ブログ貼り付けの適格者にしたいと思います。
上記<blockquote>の例を、<pre><code>
で表現してみると下記のようになりました。
スクロールバーが表示され、
記事の体裁は保たれています。
いい感じですね。
また、先人の知恵を拝借しました。
でも、タグやスタイルシート、JavaScriptの
理解、格闘は永遠に続く。
間違いないっ!(長井秀和、風味で・・・)
●追記
今回の方法は、FC2もしくはテンプレートで有効なようです。
ブログによっては、<blockquote>の方が適格なケースもあり、
その都度使い分けていくとよいかもしれません。
ちなみに、<、>などを実体参照に変換できるツール
を紹介します。
まあ、コードをエディタで置換すればいいだけですが、
これを使えば、割と便利ですね。
何が適格なのかを確認したいと思います。
少し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>の方が適格なケースもあり、
その都度使い分けていくとよいかもしれません。
ちなみに、<、>などを実体参照に変換できるツール
を紹介します。
まあ、コードをエディタで置換すればいいだけですが、
これを使えば、割と便利ですね。

theme : ホームページ・ブログ制作
genre : コンピュータ

