<br>をレイアウト目的使用はダメよ

HTMLの<br>タグは改行で使用しますよね。こんな感じで。

<p>
	〒123-4567<br>
	東京都<br>
	渋谷区渋谷<br>
</p>

なんですが、、分かっちゃいるけど余白入れたい時とか段落と段落を分けたいときとか<br>を使いたい衝動にかられます。。「きちんと設計してマークアップすればいいのよ!」というご意見はごもっとも。でも誘惑に負けてしまう時も。。。
例えばタグ毎にデフォルトスタイルをリセットするreset.cssを使用していると<p>タグを使用した時、段落毎の余白も無くなると思います。適用するreset.cssにもよりますが。

通常
<p>Lorem ipsum dolor.</p>
ブラウザで表示時、ここに余白ができます
<p>Consectetur adipisicing elit.</p>

reset
<p>Lorem ipsum dolor.</p>
<p>Consectetur adipisicing elit.</p>

ということで、<br>を入れて余白調整のために使いたくなっちゃうと。こんな時はCSSで調整しています。

p{
	margin-bottom:20px;
}

<br>はあくまで改行させるための役割です。
ついつい使ってしまっている方はCSSで調整するように見直してみてはいかがでしょうか!

ウィジェットをフッターに設置

私はこのブログは勢いと思いつきで作ってしまったので、もっときちんと設計してからやれば良かったと後悔もありますが、とりあえず実践する!の心意気で進めていきたいと思っています。

自分でWordPress化したので愛着と変な責任感もあり、ペースは遅くても更新が続いています。で、更新していくとカテゴリー分けしかしていないとなんか、こう、無理が出てきている気がしてますのです。せめてタグ付けしてキーワードでもまとめるようにしようと。

私はウィジェットをフッターに設置しています。今までは「最新の投稿」、「カテゴリー」、「検索」を設置していましたが、今回は「タグ」も追加しようと思います。

まず、functions.phpにウィジェットを使用できるように記載をば。

register_sidebar(array('name' => 'フッター$'));

‘フッター$’は管理画面の[外観]→[ウィジェット]に表示される項目です。私は$のところに数字をいれて複数設定しています。そこに画面左の[利用できるウィジェット]から[タグクラウド]をドラック&ドロップ!

そして、footer.phpにも設置したい箇所に記載をば。

<footer>
	<aside>
		<ul><?php dynamic_sidebar('フッター$'); ?></ul>
	</aside>
</footer> 

これで[ウィジェット]で設定したタグの項目が表示されました。表示にはCSSも調整しましたが、今回はこれにて。

Apple Watchについて私のウダウダ。

AppleWatchの画像

ついに本日、発表がありましたね。Apple Watch。あ、製品の発表は昨年末か。詳細の発表ですね。どうでしょうか。きっともう購入すると心に決めた方も多いのではないでしょうか。かく言う私もケースは「Watch」の42㎜でしょ、色はスペースブラックにしてぇ、バンドは何にしようかしらぁ。なんてウズウズしていました。(過去形)
そう過去形です。結論から言うと今回、Apple Watchは購入しない事にしました。。。
それまでは、

  • 私は腕時計を普段しませんが欲しいと、装着したいと思った!
  • 30代半ばだし、ちょっと高額でも1本くらい、良い腕時計持ってもいいかなって思った!
  • なんやかんや言っても触ってみたいと思った!

でもね…

止めると腹を決めました。購入して物を得た欲求は満たせても、時計以外を上手く活用出来ない気がする。。ううん。手に入れれば機能も活用するし、きっと便利だろうね。楽しいだろうさ。でもiPhoneがあるからいいかな。

ウェアラブルが熱くなってきてるけど、まだ私にはハード的にスマートフォンでストレスを感じていない。タッチパネルで得られる操作感や体験はもう十分しているし、形として時計となっても、あの感動があるのかなって。iPhoneとの連携がユーザー体験をどこまで連れて行ってくれるのかなぁ。

アイツを装着して、いじりたい願望はありますけどもね。ウダウダ書きましたが、それが今の私のキモチです。