display:inline-block; を使う | css | understandard.net
要素の横並びに float:left; ではなく display:inline-block; を使うためのメモ。 元ネタは、CSS display: inline-block: why it rocks, and why it sucks ※ 2011年4月12日追記: 暫定版ですが、新しい方法を書きました。display: inline-block を使う（修正版） float:left; で横並びにしようとしたとき、各要素の高さが違うと このようになってしまいます。 カッコ悪いですよね…。というよりデザイン通りになっていません。 display:inline-block; を使うと、 このようになります。素晴らしい！エクセレント！ display:inline-block; には、text-align および vertical-align が指定できるので、今まで面倒だったレイアウトが
投稿記事 single.php のカスタマイズ - 初めてのWordPress & PC
ここでは「投稿記事（シングルポスト）」のベースとなるsingle.phpのカスタマイズについて説明しています。 single.phpは、サイトのメインとなる部分ですので、「読みやすい」を第一に考えて、カスタマイズしていきましょう！ single.phpの構成 まずsingle.phpの構成を理解しましょう。 『sunshine』の場合、シングル記事は次のように表示されます。 シングル記事を表示するsingle.phpは次のようになっています。 まず、ヘッダーを読み込む get_header();のタグがあり、optionに指定された機能が挿入されるよう設定されています。 次に、「もしシングル記事が存在するなら、以下のコードを実行する if (have_posts()) : the_post(); update_post_caches($posts);」という命令文があり、そこか
wordpressで利用する前後記事へのナビゲーション｜Materializing [マテリアライジング]
wordpressで利用する前後記事へのナビゲーション wordpressでの前後記事へのナビゲーションは、こんな風になってます。 <div class="navigation"> <div class="alignleft"><?php previous_post_link('« %link') ?></div> <div class="alignright"><?php next_post_link('%link »') ?></div> </div> デフォルト・テーマには書いてあって、これを利用すると見てる記事の前後記事へのリンクが表示されて便利です。 ですが、前後それぞれ存在しない時も、この状態では空の部分が出力されてしまってちょっと困ってました。
驚くほど伝わらない、サービスのメリット (ユーザビリティ実践メモ)
ユーザ行動観察調査を実施すると、全力で訴求しているはずのメリットや強みが、驚くほどユーザに伝わらないケースが多く見られます。 伝わらない理由は様々ですが、今回は具体性が足りないために他社サービスとの違いが伝わらない、という例をご紹介します。 一方で、料金などはユーザにとって非常に具体的で他社と比較しやすい情報となります。ユーザ行動観察調査でも「サービス内容は大体同じ」という思いを強めたユーザが、料金だけで比較検討をする行動が多く見られました。 具体性のある情報を提供することが重要 類似サービスが多く存在する中で、自社サービスのメリットをユーザに伝えるためには、情報の具体性が必要です。「講師の質が高いです」という例の場合、下記のような改善が考えられます。 例えば講師の質を訴求したい場合には、質とは何を指しているのか、なぜ質が違うと言えるのかを具体的に書く必要があります。パーセンテージや年数な
WordPress における日付／時間の表示とフォーマット変更方法
WordPress への記事投稿日の日付および時間の表示方法と、日付／時刻フォーマットを変更するカスタマイズをご紹介します。 このエントリーのきっかけは、当サイトで配布しているテーマに表示される記事投稿時間を24時間表記に変更する方法についてのご質問だったのですが、それだけでは何なので一通り調べてみました。 １．概要 テンプレートの記事投稿時間を表示したい位置に <p><?php the_time() ?></p> を設定すると、下のように時刻情報に変換されてページに表示されます。 <p>21:07:51<p> ２．テンプレートタグ 日付表示用テンプレートタグには次の2つがあります。 ２．１ the_time 記事の投稿時間を表示します。書式は次の通りです。 <?php the_time('format') ?> format には２項以降に示す「表示フォーマット」を設定します。 カッコ内
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Showcase of 30+ Blog Designs With Awesome Datetime Display | AEXT.NET