Bloggerで画像の配置を思い通りに行いたい｜Blogger修行

Before、デフォルトのカラー

ケロ＠Blogger修行中です。

修行はまだスタートしたばかりで、背景色やテキストカラーなどの変更をする設定画面の出し方すらわかっていませんでした(笑)。


Bloggerでテキストリンク色を変更する｜Blogger修行

そもそもヘルプコールの内容のひとつは、
「画像を思い通りの位置に配置できなくてイライラする！」でした。

いくつかのBlogサービスの編集画面を操作したことはあったので、Blogger特有の画像配置のクセをつかめるかどうかを確認できさえすればいいよね、聞かれたら調べりゃいいや、とたいして検証もせず放っておいたのでした。

After、ちょこっと変えてみた

ちょっと気が向いて自発的に検証を始めてみたら、確かに画像の配置が直感的にやりづらいBloggerのクセを徐々に感じてきました。

これはテキトーにいじってたらできた。

例えば、文章の回り込みが自然にできる部分とできない部分がありますよね。

左の画像に対する、このブロックの文章だと、回り込みがちゃんとできてますけど、この文章を上につなげたいと思った場合はどうでしょう。

「例えば……」の「例」という字の先頭でBackspaceキーを押すか、「……感じてきました。」の句点の直後でDeleteキーを押すことでしょう。


ワープロ的に考えると正解ですが、Bloggerでそれをやるとこうなります。

Before、上の余白を詰めたいと思ったのに…。

After、なぜ写真の説明に吸い付いちゃうの！？

これは操作に慣れていないと非常にイラッとする動きですね……。tableタグに取り込まれてしまうのです。

打ちはじめ部分。

Bloggerで新規投稿を開いた時点ではHTMLは白紙です。
ベタ打ちで文章を打ち始めても非常にシンプルです。

で、よくありがちな操作ですが、文章ある程度打ったらそろそろ画像を挿入して、文章に回り込みさせようかな、なんて追加してみると、画像を挿入すると、デフォルトでは中央に配置されるようになっています。

多くのBlogサービスの編集画面やHTMLエディタでは、文章を書き出したら左寄せがデフォルトで、そこに画像を挿入しても左寄せになると思いますが、Bloggerはタグに影響されないとこに画像を挿入すると、デフォルトで中央寄せになってしまうのです。
で、何らかのタイミングで画像を挿入した時に以下のタグが含まれていました。

<div class="separator" style="clear: both; text-align: center;">（略）</div>

このタグで文章が挟まれている箇所では、画像は回り込まずに行間に配置されます。
それは「お約束」なのでわかります。

しかしBloggerのよくわかんないとこは、画像の配置を左右に振ったり、ドラッグ&ドロップしているうちに、このタグが消滅してくれる場合があることです。

また、自分で削除しようと、HTMLに切り替えて編集していても、ちょっとタグをいじりかけただけでもリアルタイムで「タグが閉じられていません」とか、画面にチラチラ警告が出たりするのがウザいです。
タグをいじれるからHTMLモードで開いているのであって、正直その機能はいらんと思いますが……。

まあ、画像の配置においてはタグがわかればちょっと探ってみた方が吉の模様です。

って書きながら、一回Blog更新したら、なぜか一番最初に挿入した画像のマージンだけやたら狭いのは何故なんだ！
チラッとタグ見る限り、他の画像と同じ設定のはず……酔ってないときもう一度見るから……今日は寝よう……。

あきらめてください…。

DOPPELGANGER アウトドア フォールディング 超々ジュラルミンフレーム ウルトラライトラージテーブル TB4-73｜買いもの

アウトドアテーブルを久々に買うことにしました。

今使用しているものは恐らく15年ほど前に２つ購入。当時は軽ワゴンだったので荷物が結構載り、夫がバンドで遠くに行くときにも、このテーブルが物販ブースなんかで活躍していたようです。
その後も放課後子どもプランが始まってからは、近隣学区対象の野外イベントの折など、現在も活躍しています。

高さ70cm、立って作業するのに適したサイズです。

このテーブル、ダサいけど軽くて丈夫で、案外使いやすいです。組み立ては脚を広げるだけ。
主素材はアルミ。公式スペックは不明ですが、重量約3.5～3.8Kgと思われ、軽量とされるレベルです。
天板は60cm*90cmの一枚板で、コンパクト性に欠けます。車載or徒歩圏内利用が無難でしょうか。

このテーブルを義母に頼まれて何度か貸しました。老人会の書道で立って書くときに、この高さと天板のサイズと軽量性がベストであることは、何度か聞かされました。
しかし軽量とはいえ、家と老人会の集会場との往復持ち運びはしんどい、とのことで「老人会の予算で同じものを買ってくれないか」と打診されました。

早速Googleってみますと、

「アウトドア　テーブル」
機能もデザインも当然ながら15年前よりステキ！しかし、すのこ天板にスチール脚で重量30Kg(！)とか、ぐるぐる巻きアルミ天板や、二つ折り天板のものが目立ち、一枚板のテーブルは小型のものを除き、見当たらないです。

「ピクニック　テーブル」
ピクニックテーブルって、ほぼベンチつきテーブルのことを指すようなので、これは除外ですね。

これは探すのは困難であろうと判断し義母に伝えると、数日後「中古でいいから売ってくれ、今まで通りこどものイベントなどに使ってくれてよい」という要望となりました。
老人会は自治会の集会所で活動しており、集会所は神社の境内にあり、イベントはこの集会所や境内で年に何回か行われるので、なかなかよい条件と、OKすることにしたのです。

そのような成り行きで、後釜となるテーブルを検討することになったので、手持ちでも辛くないよう軽量でコンパクトなモデルを探してみました。
「アウトドア テーブル 軽量」

早速目に留まったのがこれ！
DOPPELGANGER(ドッペルギャンガー) アウトドア フォールディング 超々ジュラルミンフレーム ウルトラライトラージテーブル TB4-73

サイズがW700×H420×D585mmと、一回り小さいけど、なんといっても約1Kgの軽さに惹かれます。耐荷重30kgとあるけど、そこまではこの素材とデザインに要求しませんって。ビールとつまみが載れば充分です(笑)。
レビューを見ると、やはり使用条件によっては天板がたわむとか書いてありましたし、予算的にまだ1つしか買えないので、まずは1つ買って様子をみながら2つ目を買うかどうかを考えてみたいと思います。

外に持っていけなくても、家でつかうのにもいいデザインだと思うので、届くのが楽しみです！

Bloggerでテキストリンク色を変更する｜Blogger修行

Bloggerで一通り記事を完成させてみたら、直したい部分が見えてきました。
まず、Bloggerのテキストリンクの色は、どうやって変更するのでしょう？

画像にするとなおわかりづらいです。

テキスト色の設定は、当然選んだテンプレートのデザインごとに異なりますが、もともと自分で使うつもりがないけど、質問されたらいつでも操作できる状態にしておきたかっただけで、このテンプレートを選んだ理由も何もかもすっぽり忘れていました。
クリック済みのリンクテキストの色が、本文のテキスト色に非常に似通っているので、もう少し違いを出したいだけ、しかし設定画面がどこにあるのか単純に判らないだけなんです。

Googleに魂売った脳みそ＝Google入ってるプロセッサ搭載のため、解らないことは反射的にGoogleりますし、友だちから「ネットで○○の操作が進まない」「ソフトの操作方法が」「パソコンからエラーが」「立川で新しい飲み屋あぁ」みたいなヘルプコールをされた時も、「自分はわかんないけど、Googleったらこういう情報あったよ」と返すことが少なくありません。
最近も、会社で作業環境がリプレイスされた途端、知らない誰かが作ったマクロが止まったので、デバッグで止まったエラー内容をGoogleり倒し、ピンポイントで補修して綱渡り状態で仕事回したところです。マクロ学んだこともないのに、Googleさまさまです♪

しかし、そのGoogle様が提供しているサービスに関しては、私がどんくさいからか、公式ヘルプで知りたい情報にたどりつくことがなかなかできません(泣)。
Googleウェブマスター ツールを使おうとした時も、二段階認証を登録しようとした時も、公式ヘルプを読んでもなんだかピンと来ず、それこそGoogleりまくり、公式ではないサイトの情報からようやく理解したような次第なのです。

そんな初心者レベルからスタートするので、やっぱりまずはGoogleってみましょう！
「Blogger テキストリンク　色」
「Blogger　リンク　文字色　変更」
「Blogger テキストリンク　カスタマイズ」
連敗……1ページ目に何もヒットしない場合は、2ページ目以降は見ないのが吉です。

「Blogger　テキストリンク　テンプレート」
しゃぁ！上位5つまでがよそのBlogなんだけど(笑)、1ページ目で公式がヒットしたので進みます！

初めまして、Blogger テンプレート デザイナーのヘルプさん！
公式の貴方にお逢いするまでに無駄に5分ほど費やしました♪

では！Googleさまのお導きによるめぐり遭い・『Bloggerテンプレート デザイナー』の、ヘルプを読んでみましょう♪

「テンプレート デザイナーにアクセスするには、灰色の [投稿リスト] アイコンのプルダウン メニューをクリックし、[テンプレート] をクリックします。そこで、テンプレートを選択してカスタマイズすることができます。」

……はい？どこすか？


結局こうやって開きました。

１．https://www.blogger.com/home(自分がログインしたアカウントの、Bloggerの管理画面トップ)から、目的のBlogの管理画面へ移動。
(または、ログインした状態で自分のBloggerの記事を開くと、画面右上の[デザイン]のリンクをクリックし、２．へ進むことができます。こっちの方が速いです)

２．左側に表示されるメニューから[テンプレート]をクリック。

３．次のメニューで[上級者向け]をクリック。
※ここで自分が選んだテンプレートの名称が『シンプル』であったことに気づかされました(笑)。

４．次の画面のメニューで、[リンク]が選択でき、編集可能になります！

……はぁ。
「灰色の [投稿リスト]」って、
ここで言う２の画面のメニューのことだったんですね♪
……これだから公式は。

[ページのテキスト]設定画面。本文のフォントタイプ・pt、
ボールドやイタリック、カラーが選択できます。

……気を取り直して、ここまでくればよくあるBlogの画面に似てるので、早速テキスト色の設定を変えてみましょう。

まず本文となる[ページのテキスト]をチェックします。

画像だともやっとしてますが、メリハリが出ました♪

#666666なので、背景色が明るく設定されていると、モニタの輝度によっては見えづらい場合があるかもしれません。そのため、先にページのテキストを濃いめにしてみたいと思います。

[おすすめの色]にある#333333をクリックし選択、画面右上のオレンジ色のボタン[ブログに適用]をクリックして決定します。

プレビューしてみると、テキストリンクの色はそのままでも、本文テキストのカラーが濃くなっただけかなり見やすくなりました！

次に気になるのは、クリック前のテキスト色の設定です。本文のテキスト色の濃度を上げたので、クリック前のテキストの色が物足りなくなってきました。

今度は[リンク]のメニューをクリックして[リンクの色]を変えます。変更方法は同じです。[表示済みの色]、[カーソルを合わせたときの色]を合わせて設定できます。

[リンクの色]を#2288bbから濃いめの色に変更するにあたり、今度は好きな色を指定することにします。方法としては２つから選べまして、

１と２の設定画面です。

１．色の16進数がわかれば、直接入力してEnterキーを押下の上、画面右上の[ブログに適用]ボタンをクリックし、反映させる。

２．下向き三角ボタンをクリックし、スライダ、カラーピッカ、カラーパレットのいずれかでお好みの色を選んでから、画面右上の[ブログに適用]ボタンをクリックし、反映させる。

色は#003300という濃いめのグリーンにしたのですが、画面をキャプチャすると、背景が明るいせいでやはりもやっとして見えるため割愛いたします。

[メインの背景]を#cccc99に変更後。目にやさしい。

で、背景色も変えました。[メインの背景]を、目に優しそうな#cccc99にとりあえず。

こうやってちまちま変えていくとキリがないし、
いいかげん肩甲骨が固まってきたので、途中だけど、今日はこれまでにします。

さらに操作してみて実感してきた、Bloggerの編集がしづらく感じる面も、徐々に対処方法を見つけていきたいと思います。

シャープ 32V型ハイビジョンLED液晶テレビ AQUOS LC-32J9-B｜買いもの

「Blogger使い方わかんない～！」と、ヘルプコールいただいたものの、その後本人からは、なしのつぶて……。
ひとまず使いはじめてみることにして、思いついたことをランダムに書いていきたいと思います。

これはまだ構築途中の状態。テントとか七輪もここに置くよ！

昨年末、空いていた10畳の和室をアウトドア道具置き場兼リビングにチェンジしました。
その部屋用のTVを買いに行った話を書くのですが、前置き長いです(笑)。

我が家は息子が産まれる1か月ほど前から、なんのリフォームもしてない夫の両親宅で二世帯同居を始め、昨年で18年となりました。

家は店舗兼住宅です。同居スタート時、1Fの居住空間は狭いDKに間続きの6畳。その6畳はTV(DKの食卓から観る)やタンスが置かれ、義両親の衣類やなんやらも床に置かれている、まさに足の踏み場もない状態です(継続中)。2Fには逆にいくつか部屋があります。

１．息子が産まれ1年経過、さすがに動きも出てきて遊びや昼寝の部屋も必要と、1Fの6畳の部屋の東側へ変形6～7畳くらいの空間を建て増し。部屋と部屋の間にはふすまもカーテンもなし。
その後学習机(義兄の使ってた年代物)が置かれたり、組み立て式ロフトベッド(処分に困ってた人から義父が勝手にもらってきた)が置かれたりして、ほぼ息子の部屋となる。

２．息子が中学生あたり。手術をした義母が、2F東側の日当たりのよい寝室に上がるのが辛くなり、めっきり来客も減った2Fの客間＝今回の和室を、息子の部屋にしなさい、ということで移動。1Fの建て増しには新しく買った義母のベッドが置かれる。ロフトベッドは2Fには持っていけないよ～と処分したが、新たにパイプベッド(入手経路省略)が送り込まれる。

３．息子高校生。その後義父も手術などを経て1Fに寝室を移し、2F東側の部屋が空く。
「日当たりが悪い部屋(今回の和室)から移動しなさいよ！」と義母が率先し、ぼろぼろはがれる土壁だったのを張り替えたり、畳表を変えてくれたので、面倒がっていた息子もようやく移動する。このタイミングでパイプベッドを捨ててやった。

長い年月をかけ、三段階スライド方式で空き部屋となった、日当たりは悪いが広い部屋。
しかし息子の部屋にしてからエアコンを新しくし、アンテナ線も引いてあるのでもったいない！

奥のソファはお義父さんが勝手にもらってきて放置してた。
この部屋をきれいにした途端、ふすまの向こうにある
ガラクタ部屋を片づけるそぶりを見せ、一時的と言いつつ、
そこからソファを引っ張り出してきたお義母さん。
そのうち捨ててやる……。

速攻で既得権を得てしまおうぜ！と、息子と一緒に掃除とレイアウトをやりました。
余ってたホットカーペットやもともとあった座卓などはそのままに、テーブルクロスやラグなどの小物関係は買ってきて、のんびりダラダラ過ごしやすい空間を作りました。

居心地はいい、でも、だらだらにはTVがないといけないのではないか……。ここ10年くらいまともにTV見てないので根拠ないですけど。
でもゲームしたりDVD見たりするかもしれんもんね！と、元日からやってたビックカメラへお買い物に行きました。

想像していたスペックは32型。画面は小さすぎないし、おそらく本体10Kg以下なので、部屋の中での移動も楽だろうと。バスで持ち帰ることもできそうです。
そこで最終的に絞り込んだのが、シャープ AQUOS LC-32J9-B、店頭価格53,800円だったか。
即決しないで価格.comでビックカメラ.comを確認してみると……45,000円くらいで売ってる。

店員さんにスマホの画面を見せて「別に最安値のショップと比べて同じにしてくれと言うつもりはないけど、どうしてこんなに差があるの？」と質問するも、「ネットと店舗では販売価格が違うんですよ…」と言ったまま黙りこまれてしまいました。
結局1万円以上の開きは容認できず、他の買い物をして帰ってきました。

帰宅してから公式回答を見たけど、店員さんの口調そのものでした。
実店舗での価格差については値引きに応じてくれるとしても、ネット通販の価格差についてはまったく交渉の余地はないみたいです。
「徹底的に値切れ！通販を使わずに実店舗で家電製品をできるだけ安く買う方法－nanapi 」

最終的にはどうせ買うなら安いところ、念のためリアル店舗もある通販にしよう、という選択肢で、コジマ楽天市場店に決めて発注しました。
2013年1月1日時点の価格は41,800円・送料込みでした。

私の王子様・高田純次様のアップが映った時には、
画面の美しさとあまりの嬉しさに、
「もうこのまま奪ってちょーだい！」と叫びました(小声で)。

結局正月休みが明けてからモノが届いたのですが、店頭で現物とカタログスペックをガン観してたので、結果は満足です。

デザインはシンプルで綺麗だし、音も悪くなかったです。
ひとつもったいなかったのは、ネットができるモデルに期待していて、Youtubeとか見られるかなと思っていたのに、速度が上がらなくて使い物にならないこと。

ルータは2Fの他の部屋にあるのですが、息子がこの部屋を使っていた時に、デスクトップPCに無線子機を付けたら繋がらず、PLC＋有線でネットができるレベルだったのです。環境とスペックの依存かもしれないけど読み込みが遅い。そもそもTVのリモコンってGoogleったりするのには向かない。ここは過剰に期待してしまったかもしれません。
しかしこの部屋に自分のノートPCを持ってきて動画観たりするのは問題ないのです、なぜか。
映像端子で繋いでみたいけど、TV側にミニD-Sub15ピン・アナログRGB端子がなく、今までHDMI接続できる機器がなかった我が家で、わざわざHDMIケーブル買うかどうかは考え中です。

録画用の外付けHDDは通販で選んで購入予定です。
しかしそれ以前に、自力で面白い番組をチェックできるスキルをリハビリしないとならない気がしてきました。久しぶりに昔愛読してたTV Bros.買おうかしら。

シャープ 32V型ハイビジョンLED液晶テレビ「AQU... 価格：56,800円（税込、送料込）

このブログ書いてる時点で価格が56,800円になってる！
(5年保証つきなのはいいなぁ)
しかし価格.comを見ると、最安値が¥36,500。

通販専業は経費を抑え易いとか言われても……釈然としません。