あなたのブログ記事をスマホから見ると、改行位置がとても変なんです

2017年12月12日
22
0
初級パソコン術
お~~~い♪
倫子ちゃん、居るか~~~い?
ハーイ(^O^")/
ぼっちんセンセ~♪ 居ますよぉ (≧ω≦。)プププ
あのね
いま気がついたんだけど、倫子ちゃんの最近の記事を私のiPhone Xから見ると改行の位置が変なことになってるぞぉ(笑)
ほら 、例えば↓ こんなふうに (^_^; アハハ…
あっ これ、私も分かってたんだけど『 後でぼっちんセンセに聞かなくちゃ 』って思ってて、忘れちゃってたんですぅ _(^^;)ゞイヤ~ン
なぜこうなっちゃうんでしょ~?
これはね、記事を書くときに、記事欄の最大幅の途中で倫子ちゃんが改行してるからなのよ(笑)
最近の記事って、一行の文字数を少なくして体裁を整えて書いてるでしょ。
だから例えばね、記事欄の最大幅の位置に枠線を表示すると分かりやすくなるよね。

 [ 改行位置のサンプル① ]

あなたはブログの記事を書くときに、変な位置で改行をしてませんか?
最近、つくづく思うと言うか、伝えてあげたくなる事があるんですよね~ 『 あなたのブログ記事をスマホから見ると、改行位置がとても変なんですよ~ 』 って(爆)


 [ 改行位置のサンプル② ]

あなたはブログの記事を書くときに、変な位置で改行を
してませんか?
最近、つくづく思うと言うか、伝えてあげたくなる事が
あるんですよね~ 『 あなたのブログ記事をスマホ
から見ると、改行位置がとても変なんですよ~ 』 って(爆)


サンプル①は、通常の記事欄の幅を使って書いてあるんだけど、サンプル②は倫子ちゃんのように、一行を途中で改行して記事を整えて書いたものなんだけどね。
倫子ちゃんのブログテンプレートは「レスポンシブテンプレート」だから、パソコンでの閲覧だと体裁が整ってるように見えてるんだけど、画面の狭いスマホやタブレットだと、記事欄の幅の途中で改行しちゃってるとこういう変な表示になるってことなのよ。
閲覧してくださる人のデバイスの画面サイズって様々だから、うまくフィットして見える人も居れば、改行位置がブツブツと変に途切れてしまう人も居たりって具合になるのよ(笑)
あっ なるほどですね~ やっと意味が分かりましたぁ。
でも、私のブログのような、テンプレートの記事幅をフルに使った書き方だと体裁の悪い見栄えになっちゃうのは困るし、、、
ぼっちんセンセ♪ 何か良い方法ってないでしょうか?
一番良い方法は、見栄え上の体裁云々よりも、やっぱりレスポンシブテンプレートの特性(画面幅に合わせて自在に変化して適正表示される)をそのまま活かした記事の書き方をすることだよね(笑)
それを段落(pタグ)ごとに書いて、次の文章もまた段落の塊で書く。
プロの物書きさん(笑)の多くは、句読点(くとうてん)の「、(読点)」や「。(句点)」位置では改行してないよね(笑)
私は今までは「。(句点)」位置で改行するのが正しい文章の書き方って思い込んで生きて来た(笑)けど「それは正しくない」らしいって最近知ったんだけどね (^_^; アハハ…
え゛~? 私もぼっちんセンセのように「。(句点)」位置で改行するのが正しい文章の書き方って思ってましたよ~ なんかショック(爆)
でも「。(句点)」位置で改行する方が、文章的に綺麗で読みやすいって気がしますけど (^_^; アハハ…
うんうん(^-^) 私もそう思う(笑)
まぁ、私たちはプロの文筆家じゃないんだし(笑)そんなに仰々しく形式張ることなんてないじゃんね(爆)
だから、まぁ、自分の感性のままの書き方で良いんだけどね(笑)
う~~~ん、私ってぼっちんセンセのように文字列いっぱい書けない(笑)から、これからどうしよ~ (^_^; アハハ…
センセの言ってることも分かるんですけど~。
(笑) それでもまだ今までの体裁に拘って書きたいってこと?(笑)
だったら1つの方法として、記事全体をセンタリング(中央寄せ)して書くって手もあるよ ^^
そして、今までのような途中改行はやめること。
そうすることで、けっこう見栄えは整うと思うけどね、倫子ちゃんの一行は文字数が少ないし (^_^)ニコニコ 
センセったら、画像のチョイスの仕方がお上手ですね~♪
私に似たこの画像、何処で見つけて来たんですかぁ? (≧ω≦。)プププ
あっ もしかしてセンセお得意のコラージュしちゃったの?(爆)
そうかぁ、センタリングね~♪ うんうん(^-^) それも良いかも~♪
センタリングした記事のイメージが浮かびました~♪  o(^-^)oワクワク
じゃあ、とりあえずそんな線でやってみてね~ ヽ(^^ ) ヨシヨシ
慣れるまでは違和感感じるかもしれないけど、直ぐ慣れるってば(笑)
ハーイ(^O^")/次の記事で早速試してみます~ どうもありがとうございました~♪
またLINEしますね~♪ (^_-)-☆パチッ

■ 注意

段落を無視してブツブツと途中改行する記述は、正しい文法ではありませんのでご注意ください。


検索からの方は
トップページへもどうぞ


関連記事
ぼっちん

Comments 22

There are no comments yet.

よつば  

オオーw(*゚o゚*)w

ぼっちん先生~♪ ヾ(^∇^)おはよーございまーす♪

流石!ぼっちん先生 さっそくチャット風会話で為になるお話しですね~!
やっぱりAkiraさんのチャット風会話の形が一番綺麗ですよね(*^ー^*)

よつばの場合、左右で色分けしたかったので、ちょこっとCSSを変えて使ってます
昨日の記事の下のほうの会話は、AkiraさんのCSSですよ♪

質問と答えとか、会話風にすると見やすいですよね(*^ー^*)♪

2017/12/12 (Tue) 09:35

ぼっちん  

よつばちゃんへ

よつばちゃん、おはよ~です~ コメントありがと~♪

流石!ぼっちん先生 さっそくチャット風会話で為になるお話しですね~!
やっぱりAkiraさんのチャット風会話の形が一番綺麗ですよね(*^ー^*)

や~ 以前からよつばちゃん繋がり(笑)の皆さんのブログで「吹き出し風」が流行ってた(笑)から、その「会話バージョン」がないものかとネット徘徊してたのよ(笑)
そしたら「灯台もと暗し」(笑)のように、Akira先生のテクが見つかって「あららら(笑)」なんて笑っちゃった次第で(笑)
記事の内容は「実際にあったやりとり」だったから、一気にパパパって書いちゃってたの(爆)

あっ そう言えばよつばちゃんブログもセンタリングで記事書いてるよね~(笑)

よつばの場合、左右で色分けしたかったので、ちょこっとCSSを変えて使ってます
昨日の記事の下のほうの会話は、AkiraさんのCSSですよ♪

え゛~~~??? うっそぉぉぉ(爆)
いま再度覗いて来たけど「左右」で吹き出し部分の背景色を変えてあるじゃない、びっくり!!
えっえっ? 私はCSSの構造的に「左右の色分けは出来ない」って思い込んでたんだけど (^_^; アハハ…
ねぇねぇ、どうやって実現させたのか、記事にしてねぇ (≧ω≦。)プププ

質問と答えとか、会話風にすると見やすいですよね(*^ー^*)♪
でしょでしょ(笑) こういう記事の書き方って笑える(笑)けど「あり」だよね~(爆)

2017/12/12 (Tue) 09:57

よつば  

(ノ゚ー゚)ノ☆才≡⊃"├¬♪

ぼっちん先生~♪ さっそく色分けされたんですね 柱| ̄m ̄) ウププッ
やっぱり色分けするのも楽しいでしょ♪

こういうことは好きだから出来るんだけど~
どうも専門用語とか沢山出てくると訳わからなくなっちゃってね~

ぼっちん先生、一つ聞いて良いですか?
私の使ってるテンプレートのトップページの大きな画像のあるヘッダー部分に
CSSで雪をチラチラ自然な感じで降らせたいんだけど~どうすれば出来るのかな?
中々良い感じに出来なくて。今は画像自体をWeb上の無料サイトで加工して使ってます
でも・・・小さな画像になっちゃってるから粗すぎるんだよね~「(ーヘー;)
ご指導のほどよろしくお願いいたしますm(_ _)m

2017/12/12 (Tue) 15:31

ぼっちん  

よつばちゃんへ

またまたコメントをありがとです~(笑)
うんうん(^-^) 早速よつばちゃんの方法を利用させてもらいましたよ~ 感謝感謝です~ m(_ _)m

今のテンプレ「Classica」のヘッダー画像部分だけに雪を降らせるってことだよね。
ブログ背景全体に雪を降らせるんだったら方法もいっぱいあって簡単に出来ちゃうけど「ヘッダー画像部分だけ」ってことになると、領域制限的な方法が必要になると思うんだけど、、、。
ちょっと考えてみますね~ (^^ゞポリポリ
暫くお時間くださいませ~(笑)

ん? あれ?
ねぇねぇ(笑)雪のことじゃなくて(笑)ヘッダー画像そのものをもっとクッキリ表示させたいってこと?(笑)
両方ってことかな?(笑)

■ 追記
あっ そうかぁ、今は雪が降ってるGIFアニメーション画像をそのままヘッダー画像にしてあるってことだね。
だから小さなその画像が拡大されちゃってるからボケボケになってる(笑)
なるほどなるほど~(爆)
まぁ、いろいろと考えてみますね~ 雪のシーズンが終わってしまう前までには (≧ω≦。)プププ

2017/12/12 (Tue) 17:13

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/12/13 (Wed) 09:40

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/12/13 (Wed) 11:55

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/12/13 (Wed) 13:51

ぼっちん  

鍵コメさんへ

鍵コメ3件さん(笑)

あのね、何か鍵コメさんのブログにある何かのJavaScriptと干渉しあってる感じがあるね (^^;; アセアセ
それが何かは私からは突き止められないから、仕方が無いね~ (^^ゞポリポリ
必要だったら、もっと他の方法でも考えてみるから、その時は言ってくださいね~♪

じゃあ、仕事に戻ります~(笑)

2017/12/13 (Wed) 14:21

よつば  

ぼっちん先生 ヾ(^∇^)おはよーございまーす♪

ぼっちん先生~♪ ありがとうございました💕

待望のブログに雪を降らせることが出来て大満足です(*^ー^*)

ぼっちん先生のお手を煩わせてしまって申し訳ありませんでしたm(_ _)m

2017/12/14 (Thu) 10:20

ぼっちん  

よつばちゃんへ

ナイショのままで良かったのに、わざわざのご挨拶をありがとです~ (^^ゞポリポリ

いまね、仕事の隙間時間(隙間時間の方が多い私の仕事(爆))に、雪を使った面白テクの記事を下書きしてますよ~(笑)
そのうち公開しますから良かったら楽しんでね~、よつばちゃんはもう既に「下地が出来上がってる」テクの応用だよ ( ̄∀ ̄*)イヒッ
ちょっと追加したら、こんな風にも楽しめるよ~って(笑)

2017/12/14 (Thu) 10:36

ミー  

こんばんは

これ私も実は気になっていたんですょ(-_-;)
ということは、記事を書く時に、改行しないで横長の文章にすればいいということなんでしょうか?
そうすると、PC画面で見た時に、今までのページのイメージが変わってしまうような気がしまうのですけど、
それは仕方のないことなんでしょうか?

2017/12/14 (Thu) 22:34

ぼっちん  

ミーさんへ

ミーさん、おはようございます ^^

これ私も実は気になっていたんですょ(-_-;)
あっ ほんとだぁ (^_^; アハハ…
ミーさんも左寄せで一行を短く整形した記事の書き方をしてるんですねぇ (^^ゞポリポリ
けっこうそういう記事の整形をしている人って多いんでしょうかね?
もしかして流行ってるの?(笑)

ということは、記事を書く時に、改行しないで横長の文章にすればいいということなんでしょうか?
あのですね、ちょっとお聞きしたいんですけど、ミーさんは紙の便箋や原稿用紙に何かを書こうとする時に、いまブログに書いているような「意識して途中改行」をするような書き方をするんでしょうかね?
恐らくは行いっぱいまで書くと思うんですね。

そうすると、PC画面で見た時に、今までのページのイメージが変わってしまうような気がしまうのですけど、
それは仕方のないことなんでしょうか?

ミーさんが言われる「イメージが変わってしまう」と言うのは、どう言う意味なんでしょうかね?
それはミーさん視点のイメージかと思うんですけど、閲覧してくださるお客様が「あれ? ブログの雰囲気が変わった?」と感じても、それが閲覧者さん達のミーさんブログの「読みにくさ」にはならないでしょうね(笑)
どっちか言ったら、ミーさん個人の意識の仕方だと思うんです ^^

もし「とても気になる」んでしたら、ブログテンプレートの「記事欄」の狭いものを選択するとかの方法もあります(笑)
フォントサイズを大きくして、一行の文字数を少なくするなんて荒技(笑)的方法もない訳じゃないですけど、それらは極論です (^_^; アハハ…

来年にはスタートするだろうと言われてますGoogleの「MFI」が始まると、サイトやブログの評価が「スマホやタブレットの、いわゆるモバイル端末での見え方で評価される」ようになって、パソコンでの表示評価は除外されるようになります。
そうなった時に、いまの「途中改行」が災いしてしまうことが起きる懸念があるんです。
せっかくのブログ記事が「意味を持たない文字列」的にGooglebotにデータ収集されてしまう懸念があるんです。
そういうことを踏まえて、ブログ記事の書き方を一考される方が良いと思うんですけどね (^^ゞポリポリ
記事の書き方のWeb上のルール(方法)も一応はありますから^^

でも「ミーさんの自由意思で良い」んですけどね(笑)

そうそう「MFI」に関する記事は、ミーさんのブログのテンプレート作者さんのAkira先生が
https://vanillaice000.blog.fc2.com/?tag=MFI
たくさん書いてくださっておりますから、是非に一読してみてください。
いかに重要なことかがとてもリアルに解釈できると思いますよ ^^

2017/12/15 (Fri) 08:44

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/12/15 (Fri) 12:58

ぼっちん  

鍵コメさんへ

レスポンシブ対応のアレ(笑)は、いろいろに使えるから応用してね~(笑)

もう一つの方、やっぱり負荷が大きいみたいだねぇ (^^ゞポリポリ
他のテクを考えてみるから、ちょっと時間をくださいな うんうん(^-^)
それに関連して昨日言った「雪を使った面白テクの記事」は、中止にするねぇ(笑)
同じスクリプトを使ってるから、、、(^_^; アハハ…

2017/12/15 (Fri) 13:32

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/12/15 (Fri) 21:46

ぼっちん  

鍵コメUさんへ

鍵コメUさん、こんばんは ^^
初コメントをありがとうございます m(_ _)m

FC2ブロガーさんでも、まだまだ「AOSSL化」のことを全く知らずに居る人達や、言葉的には知っていても「なにをどうしたら良いのかさっぱり分からない」と言う人達の比率の方が圧倒的に多いんでしょうね (^_^; アハハ…
ですから、Akiraさんも躍起になって(笑)啓蒙活動してらっしゃるし、彼女のそういう献身的な活動に私も感化されて、お手伝いの一環のつもりでマネしてこのような記事を書いております(笑)
私の諸々のWeb知識は実戦しながら自己流で得た知識ですから、きっと恐らく自己満足で思い違いしている知識も多々あると思っております(笑)
そういう部分は気がついたら即訂正しては「次なる記事」を書くべく、またAkiraさんのようなハイレベルな皆さんの記事から知識吸収させて戴いてる日々なんですよ(笑)

でも、ブログを書くって、案外自己満足的なことでもありまして(笑)あまり形式張って堅くなりすぎたら楽しめなくなってしまいますからねぇ(笑)
ですから、そういうスタンスでブログ運営を楽しまれたら良いと思うんです (^_^)ニコニコ 

今夜はもうこんな時間になってしまいましたから、私も明日にでも鍵コメUさんのブログにお邪魔させて戴きますね~♪
ほんとに温かいお言葉をありがとうございました。
これからの執筆活動の励みになります、ほんとにありがとうございました m(_ _)m

2017/12/16 (Sat) 00:08

madameゆか  

あッ・・・

わたしのブログも。。。だ(^-^;

2017/12/17 (Sun) 21:53

ぼっちん  

madameゆかさんへ

こんばんは(笑)

良いんですって(笑)
知った時がスタートって気持ちになれば (^_^)ニコニコ 
何もかも完璧な人なんて誰もいませんよ~(笑)

とりあえずレスポンシブ化してカスタマイズ(笑)して、SSL化へ進んで、それが済んだら「記事の書き方」って、少しずつ進めましょ~♪ ^^

2017/12/17 (Sun) 22:34

よつば  

先生~♪ バッチリo(*^ー゚) オッケー♪

ぼっちん先生~♪ ヾ(^∇^)おはよーございまーす♪

的確なご指摘ありがとうございますm(_ _)m
すっごく静かになったよ~! バッチリ大満足ですヾ(〃^∇^)ノわぁい♪
音がうるさかった時、Akira先生のテンプレート以外で見てみたらサイドバーが下に落ちちゃってたんです
どこかの</div>の影響かな?って・・・漠然と考えてはいたんですが・・・
流石!ぼっちん先生!感謝してます💕
ぜひ是非 このクリスマスにぴったりな演出方法をみなさんにも教えてあげて欲しいです☆

2017/12/18 (Mon) 07:12

ぼっちん  

よつばちゃんへ

よつばちゃん、おはよ~です ^^

やっぱりテンプレート崩れ(笑)が「ブログ全体の表示の重さ」にも関わってたねぇ (^_^; アハハ…
まぁ、視覚的な異常は見逃してても「シンタックスエラー」は表示する(爆)
結果としてパソコンの唸りも発生することもあるし (^^ゞポリポリ

ぜひ是非 このクリスマスにぴったりな演出方法をみなさんにも教えてあげて欲しいです☆
え゛~(笑) いやね、下書きしてた「雪を使った面白テクニック」は、実はもう消しちゃったのよぉ (^_^; アハハ…
あまりにも「雪降らしjQuery」の負荷が大き過ぎるみたいだったから「これじゃ皆さんには紹介出来ないねぇ」ってことで (^^ゞポリポリ
一昔前までは雪降らしや桜吹雪のJavaScriptがいっぱいネット上に転がってたもの(笑)だったんだけど、それなりに「表示に負荷が掛かる」ってことが認識されるようになった為か、そういった情報がネットから消えて行ったのよ(爆)
よつばちゃんが使ってる「snowfall.jquery.js」って、いろんな使い方が出来て楽しいんだけど、それでもやっぱり「負荷」はそれなりに掛かるものだから、スペックの弱いパソコンで閲覧すると表示に問題も起きるっぽいから「どうしても雪降らしをやりたい!」って人にしか勧められないのよ (^_^; アハハ…

2017/12/18 (Mon) 07:56

よつば  

ぼっちん先生~♪

ぼっちん先生~♪ やっぱりそうなんですね~(^ー^;
さっき唸りが少なくなったと思ったら、また少し音が出てきたし・・・
やっぱり、どうしてもやってみたいって人だけのほうが良いみたいですね(*^-^*)
了解です!

2017/12/18 (Mon) 10:48

ぼっちん  

よつばちゃんへ

またまたのコメントをありがとです~♪

やっぱり、どうしてもやってみたいって人だけのほうが良いみたいですね(*^-^*)
了解です!

ハーイ(^O^")/ ご理解、感謝です~(笑)
もしそういう人が居たら、アノ設定方法を伝えてあげてくださいね~ ^^
丸々コピペで大丈夫かと思うから(笑)

2017/12/18 (Mon) 13:33

Leave a reply