Html5-memo - html5-memo.com - HTML5でサイトをつくろう
General Information:
Latest News:
プラグインを使用してGoogleMapsを簡単に、より場所を正確に読み込む｜WordPressでブログでなくビジネスサイトをつくろう【MdN連載第15回目】 17 Jul 2013 | 11:37 am
前回は複数のフォーマットのデザインの中で特定のカテゴリや固定ページ、またはTOPページなど場所によってグラフィク画像を適切に表示させる条件分岐のis_home()などをめました。 今回は会社概要ページのアクセスなどにGoogleMapsを読み込む際に便利なプラグイン「Google Maps v3 Shortcode」を紹介したいと思います。 簡単にGoogleMapsを呼び出せるプラグイン「G...
is_homeなどの条件分岐でカテゴリー毎や固定ページに画像を表示させる｜WordPressでブログでなくビジネスサイトをつくろう【MdN連載第14回目】 19 Jun 2013 | 10:53 am
今回は、そのような複数のフォーマットの中で特定のカテゴリーや固定ページ、またはTOPページなど場所によってグラフィク画像を適切に表示させる条件分岐をまとめてみたいと思います。 こうすることでビジネスサイトでもオリジナルブログでも自分で設定しないでも適切に自動表示させるなどができるので運用更新が少し楽になります。 画像をページ毎に変更する方法はたくさんありますが、今回はif文だけでできる簡単な記...
Web制作でよく使用するパーツをCSS3を使用して作成したサンプルをまとめた『現場で役立つCSS3デザインパーツライブラリ』発売いたしました。【書籍プレゼント】 27 May 2013 | 09:48 am
最近のWeb制作の現場では、スマートフォンやタブレットなど多様なデバイスに対応させるために、従来の画像を中心にしたグラフィックではなく、CSS3を使ったグラフィックパーツやインターフェイスを作る機会が多くなりました。 CSSで作成することでグラフィックソフトで作成しなくてもよいので、CSSで作成することで修正や運用面で効率よく作業ができます。 そういった中で、MdN様からすぐに使えるCSS3の...
WordPressで特定カテゴリの表示や表示件数を制御するquery_postsの使い方｜WordPressでブログでなくビジネスサイトをつくろう【MdN連載第13回目】 22 May 2013 | 11:33 am
前回はカテゴリーのスラッグ名を取得してclassに割り当てて投稿時のカテゴリー毎に異なったアイコンを表示させる形を作成しました。投稿する種類によって色違いのアイコンをつけたりすることで視認性をあげる役割ができ簡単な記述で便利に使うことができます。 今回は特定のカテゴリーの中の記事のみを表示させたり、表示させる件数を制御するための「query_posts」についての使い方をまとめてみたいと思います...
WordPressの記事のカテゴリー毎にアイコンを変更する分岐を作成する｜WordPressでブログでなくビジネスサイトをつくろう【MdN連載第12回目】 13 May 2013 | 08:44 am
前回はカスタムメニューを使用してグローバルナビゲーションの作成方法を紹介しましたが、今回は投稿した記事にカテゴリーによって専用のアイコンなどを設定することができるような条件分岐を行います。 更新情報などを複数のカテゴリーに分けて視覚的にわかりやすくしたり、複数人で投稿するブログなどでカテゴリー毎に色分けや写真を入れたり簡単な記述でいろいろなことができますので是非使ってみましょう。
WordPressのカスタムメニューを使用してグローバルナビゲーションを作成する｜WordPressでブログでなくビジネスサイトをつくろう【MdN連載第11回目】 10 Apr 2013 | 11:45 am
今回はビジネスサイトに必要なグローバルナビゲーションなどのメニューの作成をWordPress3.x以降から追加された「カスタムメニュー」を使用して作成していきたいと思います。
WordPressで投稿した記事の内容をループ文を使用して表示させる｜WordPressでブログでなくビジネスサイトをつくろう【MdN連載第10回目】 15 Mar 2013 | 08:16 am
前回作成するサイトのテンプレートファイルを確認しました。今回からは実際に空のテーマを作成したものにWordpressのタグを使用して投稿した記事データを表示させるために使用するタグとループ文についてまとめてみたいと思います。 このループ文はWordpressでは非常に使用頻度が高いタグですが、一番初めにでてくるPHPのプログラム文のようなものでPHPを勉強していない人には一瞬戸惑いますが簡単です...
WordPressで作成したビジネスサイトで使用したテンプレートファイルを確認する｜WordPressでブログでなくビジネスサイトをつくろう【MdN連載第9回目】 28 Feb 2013 | 11:38 am
前回、制作後の修正や運用効率をあげるためのモジュールテンプレートの使い方について解説しました。これでWordpressでひと通りのビジネスサイトを作成するためのテンプレートファイルを勉強しました。（カスタム投稿タイプについてはのちほど） 今回は実際に作成したビジネスサイトを元に各ページがどのようなテンプレートファイルで構成されているかをまとめてみたいと思います。
WordPressのモジュールテンプレートの種類と使い方覚える｜WordPressでブログでなくビジネスサイトをつくろう【MdN連載第8回目】 13 Feb 2013 | 11:28 am
前回、WordPressに用意されているテンプレートファイルの役割とよく使うファイルの使い方を解説しました。ビジネスサイトのようにフォーマットを数多く使用する場合には、効率よくテンプレートファイルを使うことによって難しいプログラムを使用しないでも簡単に複数のレイアウトを使用してサイト構築ができます。 そして今回はさらにページとしてのテンプレートではなく、パーツとしてテンプレートを分けて運用効率を...
レスポンシブに対応した写真を全面に見せるフォトギャラリーサイトを作成しました【御苗場vol.12横浜出展させていただきます】 28 Jan 2013 | 09:39 am
ちょっと個人的な内容になってしまいますが、1/31（木）~2/3（日）まで、パシフィコ横浜で開催される「カメラと写真映像の情報発信イベントCP+（シーピープラス）」内の御苗場というアマチュアの人が自由に作品を掲載できるスペースにて、写真を出展させて頂くことになりました。 Webデザイナーとして写真だけと思いまして、それに合わせてサイトも作成いたしましたので紹介させてください。
