徒然日記

どうも。はじめまして。こんにちは～。
今後とも宜しくお願いします～。

まず改行が入る入らないの件ですが、どうも混乱されていろいろとゴッチャになってますので、一通りざっくりと解説しますね。

まず、投稿記事内での改行の件ですが、うにょさんは問い合わせ内容から察すると投稿フォームでHTMLエディタを使われている筈ですが、その際に改行する時にちゃんとShiftキーを押しながらEnterキーを押していますか？

これって本当はHTMLエディタの使い方とHTMLエディタの仕様の問題なんですが、単にEnterキーを押して投稿フォーム上で改行したのと、Shiftキーを押しながらEnterキーを押して改行した場合で、HTMLエディタが生成するHTMLのタグが異なる為に起こる現象なんです。

結局、これはテンプレの問題じゃなくてうにょさんの使い方の問題なんです。テンプレをどの様に修正しても対処出来る話じゃなくて、うにょさんが記事を書く際に、改行を入れる時はちゃんとShiftキーを押しながらEnterキーを押して改行するか、HTMLエディタを使うのをやめてテキストエディタに切り替えてテキストエディタを用いて記事を投稿するかの二者択一です。

あとコメント欄云々というのは、恐らくコメント返信の事を指しているのかと思いますが、結論を先に言うと利用者各自が必要に応じて<br />タグ等を改行部分で付加するしかないと思います。

コメント返信フォームは、HTMLエディタではなくてテキストエディタ相当で動作していますけど、ブログのコメント投稿欄とは違って、単に投稿フォーム内でEnterキーを連打して複数の改行を入れても空白行は入らずに詰まって表示されます。これは忍者ブログの現在の仕様なんで、私にはどうにも出来ない部分です。

つまりこれもテンプレの問題じゃなくて、使い方と仕様の問題だったりします。

ちなみにブログのコメント投稿/編集フォームではEnterキーを連打すれば好きなだけ改行していくらでも空白を入れる事が可能な筈です。そこはどうもうにょさんが事実誤認していると思われるのですが、もし特定のブラウザやOS等の環境によってEnterキー連打で空白行が入らない様であれば、参考までにその環境をお伝え頂けたらと思います。

上記の説明で大体判って頂けるかと思いますが、一言で言うと、ブログ利用者しか行えない記事の投稿フォームとコメントの返信フォーム、それとブログ閲覧者なら誰でも行えるコメントの投稿/編集フォームのそれぞれ3種類の部分で、それぞれ投稿フォームの違いによって改行のさせ方や動作仕様が異なりますので、ブログ利用者がその仕様を把握した上で使わないと駄目なんです。

ちなみにMacIEの文字詰まりの件はこの件とは全く関係ない話です。また、MacIEの文字詰まりの件はMacIEで閲覧した場合にしか発症しない不具合で、Windows上のIEやFirefox等の他のブラウザでは何ら問題は発生しません。また、報告を頂いていたMacIEの不具合の件はつい先日リリースしたVer.1.2で改修済みですので、お手数をお掛けしますが出来るだけVer.1.2に差し替えてお使い頂けます様お願いいたします。

それでは今後とも宜しくお願いしますね。


追伸：今このコメント返信を付けて判りましたが、どうもコメント返信フォームの挙動が以前と異なりますね。コメント返信フォームでも<br />タグを入れなくても単に改行を入れるだけで空白行を入れられる様になりましたね。結局忍者ブログ側で修正対処されたのかな？

追伸2：今一度手元の実験環境と念の為うにょさんのブログで実際に動作確認させて頂きましたが、コメント表示に関してコメント投稿/編集フォームで投稿/編集されたコメントでの実際の改行数から確かに1行改行数が少なく表示される事を確認しました。この件、原因と対処法が判明し次第、テンプレートの修正を行う予定です。

追伸3：うにょさんからのこの指摘で初めて知りましたが、Windows版のInternetExplorerではbrタグに対してletter-spacingプロパティで0以外の値が設定されていると、何故か1行改行数が少なく表示されてしまう事を確認しました。これってどうもIE側のバグっていうか、限りなくバグに近い仕様だと思うのですが、放置出来ない内容ですので早急に修正版をリリースします。
この件は、下記のサイトで既に報告されている内容に該当する事が原因だと思われます。Vista RC1上でのIE7.0+でも改善されていない所を見ると今後改善される見込みは限りなく低いので、テンプレ側で対処する必要があると思われますので、ささっと修正しますね。

http://cssbug.at.infoseek.co.jp/detail/winie/b022.html

どうも。こんばんは～。

うにょさんのおかげで不具合が見つかって大変助かりました。本当に有難うございました。
見つかってから言うのもなんですが結構致命的な不具合でしたので、今回ご指摘頂いて本当に助かりました。
公開前には結構細かく動作確認をしていたつもりでしたが、今回の不具合の原因になったletter-spacingプロパティの設定は完成直前に追加しましたので、細かい確認が漏れていた為に不具合を見逃してしまっていた感じです。

あと、上記の回答は何度か書き足していますので、最終的な結果から見て随所随所に不適切な回答があります。すみません。

結局原因はInternetExplorerで閲覧した場合には一様に改行数が一つ足りなくなる不具合ですので、投稿した記事やコメント返信部分等でも正しくマークアップしていても一様に空間行が表示されなくなってしまう筈です。

ですので、HTMLエディタとテキストエディタの件とはまた別の話ですね。大変失礼しました。

ちなみにSleipnirを用いていてもレンタリングエンジンの設定をIEコンポーネントを使用する様に設定していると、そのパソコンにインストールされているバージョンのIEと同様の不具合が発生する筈ですので、その辺はIEで閲覧しているのと同じ扱いと見て頂ければと思います。ちなみにSleipnirの設定を変更してGeckoエンジンを使用する様に設定すればそのパソコンにインストールされているバージョンのFirefoxやmozillaと同様の挙動をしますので、Firefoxやmozillaと同様の扱いとなります。

今回は本当に有難うございました。
これに懲りずに今後とも宜しくお願いいたします。

はじめまして。こんばんは～。
ご返答が遅れて申し訳ありませんでした。

カスタマイズに関する制限制約事項は、基本的に画面下部にある著作権表記部分に関してのみ設けていますが、それ以外に関しては自由にカスタマイズして頂いて結構です。

また、著作権表記部分に関しても利用規約に記載した範囲で変更する事が可能で、基本的にこの種の共有テンプレートを用いる際のマナーに即して用いて頂く範囲では、ほぼ問題無く自由にカスタマイズ出来ると捉えて頂ければ良いのではないかと思います。

各項目の色の変更は無論の事、項目名称や各部分のサイズ変更等も利用規約に抵触しない範疇で、自由に行って頂いて結構です。

それでは今後ともよろしくお願いします～。

どうも。おはようございます～。

カスタマイズ方法で何か分からない事等がありましたら、可能な限り答える所存ですので、お気軽にお声がけ下さいね。

色変えもそうですが、ネット上で再頒布不可となっていますが無料の写真素材やイメージ画像ファイルなども多く頒布されていますので、それらを有効に使うと手軽にカスタマイズ出来て、いい感じにオリジナリティを出すことが出来ると思いますよ～。

どうも。こんばんは～。
サイトをざざっと拝見させて頂きました。

まず、line-heightとfont-sizeの件の原因に関してですが、「ブラウザ間の表示の差異を極力無くすおまじない＆共通設定」にて「line-height:125%;」と設定していますので、記事本文中や追記文書部分内に何らかのタグを使用している場合には、それに対して「line-height:125%;」が有効となりますので、「記事本文部分の設定」「追記文書部分の設定」等に「line-height:200%;」を指定しても、場合によっては行間がオリジナルの通りの「line-height:125%;」が設定されてしまうのかと思います。

サイトのHTMLソースを拝見させて頂いた範囲で回答させて頂きますが、記事内で用いているpタグが不適切で正しく段落分けされておらず、また、pタグを用いている記事と用いていない記事があり、その為に「line-height:200%;」が有効になるケースとそうでないケースが存在するのかと思われます。

一番単純で簡単な対処法としては「ブラウザ間の表示の差異を極力無くすおまじない＆共通設定」の「line-height:125%;」を「line-height:200%;」にすれば、どの様な記事の書き方をしても恐らく希望通りに全て一律一様に「line-height:200%;」で表示される様になる筈ですが、ただ、当然ながら記事以外の部分も一律にline-heightを200%になりますので、記事以外での折り返し部分で行間が開き過ぎてしまうかと思いますので、その辺は必要に応じて個別で調整頂けたらと思います。一言で言うと力技での対処法です。

本来でしたら、記事本文部分や追記文書部分のみ「line-height:200%;」にしたい場合で、記事本文中の文章の段落を全てpタグを用いて記述して、それらに対して下記の様に明示的に設定すべき所なのですが、正直な所、現状の全ての記事と今後記載する記事で用いているHTMLタグ等を全て正しく修正/記述する必要がありますので、コンテンツ内を弄るのが面倒でしたら上記の設定で逃げてしまうのも良いかも知れません。いずれにしても要修正です。

恐らくゆうさんは記事の投稿画面をHTMLエディタに設定して使われているのかと思いますが、この記事中のpタグに関しては、記事を投稿する際にHTMLエディタを用いていると自動的にpタグが挿入されますが、その際の操作が記事毎でまちまちで一律ではなかった場合にこの様な問題になるのかと思われます。Shiftキーを押してEnterキーを押した場合と単にEnterキーを押した場合ではHTMLエディタで生成されるHTMLタグが異なりますし、テキストエディタ状態の様にHTMLソースを表示する状態で保存した場合とHTMLエディタでソース非表示状態で保存した場合にも自動的にpタグが挿入されるされないと言った差異があった筈です。この辺は結局ゆうさんの使い方の問題だったりします。

全ての記事中のHTMLタグを正しく修正/記述した上で下記の記述をCSSに付加するのが本来の正しい対処法だと思うのですが、その場合はゆうさん自身が最低限HTMLの基礎知識を理解しないといけませんので、ケースバイケースで上記の力技の対処法を採るか、下記の方法を採るかご自分でご選択頂けたらと思います。

ちなみにこの様にすれば、副次的な作用ですが文章の先頭のインデントの為に態々個々全角スペースを入れる必要も無くなり、かなりスマートな感じになりますよ。

/* 記事本文部分の行間等の設定 */
.entrytext p {
    font-size:13px;      /* フォントサイズの設定 */
    text-indent:13px;    /* インデントの設定(1文字分インデントする) */
    line-height:200%;    /* 行間の設定 */
}

/* 追記文書部分の行間等の設定 */
.entrypstext p {
    font-size:13px;      /* フォントサイズの設定 */
    text-indent:13px;    /* インデントの設定(1文字分インデントする) */
    line-height:200%;    /* 行間の設定 */
}

尚、HTMLとCSSに関する多少専門的な話ですが、この「ブラウザ間の表示の差異を極力無くすおまじない＆共通設定」では全称セレクタを用いていますので、クラス定義やID定義の有無に関わらず、全てのHTMLタグに対して有効な定義となっていますので、上位階層から値の継承も無視して設定値を上書きしますので、カスタマイズを行われる場合にはまずはその辺をご理解頂ければと思います。

また、エントリーナビゲーションで同一カテゴリに含まれる記事の一覧を全件表示させたいという件ですが、現行の忍者ブログで用意されている独自タグを用いた範囲では実現不可能だと思います。JavaScriptを用いても実現が難しいケースだと思います。現状の機能では「一覧に表示可能な最大件数」＝「表示する記事の数」となっていて、管理画面の設定を変えることで最大で25件まで表示されますが、26件目以降は次のページに改ページしないと一覧に表示されません。また、仮にゆうさんが「表示する記事の数」を25件に設定した場合には、実際にトップページに25件の長文の記事がどどーんと表示されますので、ページの表示がかなり重くなってしまうかと思いますので、これも非現実的な話です。

どうしても実現させたいのであればサムライファクトリーにお願いして「表示する記事の数」の設定如何に関わらず、一覧を全件表示させる独自タグを作って貰うしか無いのかと思いますが、一覧の全件表示なんてさせたら、場合によっては非常に重たい処理となりサーバーに負荷をかけまくりますので、実際の所は残念ながら恐らく却下されて実現不可かと思われますよ。

どうも。こんばんは～。

いろいろと長々とした説明になってしまいましたが、参考になれば幸いです。

それでは今後ともよろしくお願いいたします。

こちらこそよろしくお願いします～。

ご返答が遅れてしまい大変失礼いたしました。

私も最近は目がショボついて、小さな字を読むときはいつも難儀している状態です^^

こちらこそこれからも宜しくお願いいたします。