タグ

ブックマーク / www.koikikukan.com (2)

  • レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」

    レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」を紹介します。 「レスポンシブデザインビュー」はFirefox15から搭載されています。 1.「レスポンシブWebデザイン」とは 「レスポンシブWebデザイン」とは、PCやスマートフォンやタブレットなど、あらゆるデバイスに対応するWebデザインのことを指します。 レスポンシブ(Responsive)は、「よく反応して」「敏感な」という意味があるようです。 レスポンシブWebデザインを確認するには、複数のデバイスを用いるか、極端な話、PCでブラウザの幅を変更すればいいのですが、Firefoxの「レスポンシブデザインビュー」を利用すれば、より効率的に確認作業が行えます。 2.「レスポンシブデザインビュー」の使い方 レスポンシブWebデザインのサンプルサイトとして「NHKスタジオパーク」を利用させて頂きます。 N

    レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」
  • WordPressの記事ページに投稿者名を表示する

    WordPressの記事ページなどに投稿者名を表示するカスタマイズを紹介します。 下のスクリーンショットは、当ブログで配布しているテーマを利用した変更前後のサンプルです。変更後は記事文下に記事投稿者名が表示されています。 変更前 変更後 1.記事投稿者名の設定 まず、記事投稿者名を設定します。管理画面の「ユーザー」→「あなたのプロフィール」または「ユーザー一覧」から該当のユーザーをクリック。 「名前」項目に表示されている「ユーザー名」「名」「姓」「ニックネーム」「ブログ上の表示名」を設定します。すべてを設定する必要はなく、利用したい項目のみを設定します。 通常は「ブログ上の表示名」を利用します。「ブログ上の表示名」は、 ニックネーム ユーザー名 名 姓 名+姓 姓+名 のいずれから選択できます。各項目を入力した時点で選択可能になります。 2.記事投稿者表示用テンプレートタグ 次の中から任

    WordPressの記事ページに投稿者名を表示する
  • 1