get_posts() テンプレートタグを使った、記事タイトルなどの投稿データ取得と表示の方法です。 get_posts()とquery_posts()タグと使用方法は似ていますが、query_posts() 関数はメインの WordPress ループだけを変更するためのもので、get_posts()はメインループの他にループが必要な場合に使うタグという事です。 query_posts() 関数はメインの WordPress ループだけを変更するためのものです。新たなループを作るためのものではありません。メインループの他にループが必要な場合は、get_posts() を使ってください。テンプレートタグ/query posts – WordPress Codex 日本語版 使えるパラメータの値もquery_posts()と似ています。 パラメータとデフォルトの値 <?php $args =

先日ローカル環境にWordPressをインストールしまして、ダッシュボードを見てみたのですが、英語表記でした。 デフォルトで英語なので、日本語表記で使いたかったらファイルを入れたりいろいろしないと行けないようです。 ただ、Googleで検索して出て来たどの情報の方法もうまく行かなかったので、自力でなんとかした方法を紹介します。 WordPressの日本語化 最初に参考にしたのはこちらの記事。 日本語リソースのインストール for BitNami | 素人ときどき玄人 すごく親切に書いてくれてるのでさくっと行けると思ったんですが、ちゃんと手順通りやっても日本語になりませんでした。 僕はこういう設定によくつまずきます。 そして他のサイトを見てみても全然分からなかったので、とりあえずダッシュボードをいろいろいじろうかなと思ってたら偶然(しかもあっさりと)見つけました。 ▼ダッシュボードの画面左上

こんにちは、ももこです。Wordpressで企業サイトを作る際に必ずと言って良いほどお世話になるループ処理について備忘録がてらまとめてみました。今回は2つのテンプレートタグを使うループについてです。 query_postsタグを使ってメインループを変更する <?php query_posts('cat=-1&posts_per_page=5&paged='.$paged); if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> //条件に含まれる場合の指定 <?php endwhile; else: ?> //条件に含まれない場合の指定 <?php endif; ?> //リセット wp_reset_query(); ?> query_postsは既にあるループから特定のカテゴリーのみを除いたり、投稿順序を変えたりする際

CSSの両端揃え(均等割り付け)で行の右端も揃える方法(3ページ目)HTMLに記述したテキストをCSSで両端揃え(均等割り付け)にする方法を解説。行揃え方法を指定するtext-alignプロパティに、両端揃えを示す値「justify」を指定するだけで、各行の左端だけではなく右端もきれいに揃えられます。ただし、IEとEdgeではtext-justifyプロパティを併用する必要があります。 IEやEdgeでも両端揃え(均等割り付け)にできるtext-justifyプロパティ 前のページでご紹介したように、IEやEdgeで表示する場合、日本語などの「空白文字で単語を区切らない言語」ではtext-alignプロパティに値「justify」を指定するだけでは両端揃え(均等割り付け)になりません。日本語文字だけしかない行も含めて全行を両端揃えにするには、さらにtext-justifyプロパティを併記し

ビジネスパーソンがやりがいをもってはたらくためのヒントをお届けするWebメディアです。はたらいていると誰しもが感じる“もやもや”を、少しでも解消して、もっと自分らしく「はたらく」ために。さまざまなコンテンツを通じてサポートしていきます。 詳しく見る 読者登録をすると、最新情報が届きます！ ※はてなのアカウントが必要です。

暑い夏がやってきそうなので、久しぶりにツーブロック的な刈り上げにしてみましたishidaです。 今回は最近作業した案件で、これまであまり実践的に使わなかったCSSレイアウトを2サイト連続で使ってみたので、ご紹介。自分も忘れないようにメモ的エントリーです。 ページ下部に固定されるフッターを実現するためのCSSレイアウトです。 positionで実現する方法もありますが、コンテンツ量によっては表示が崩れるので今回は直球勝負です。 XHTML ソースはこんな感じになります。 <div id="container"> <div id="header"> ヘッダー <!-- /#header --></div> <div id="content"> <h1>フッターをブラウザ下部に固定するサンプル</h1> <p>本文が入ります。本文が入ります。本文が入ります。</p> <!-- /#content

先日の記事[競合サイト調査・分析に必要なチェック項目と役立つツール達！]でユーザビリティの調査・分析方法を軽く紹介しましたが、今回はWebユーザビリティを改善するための5つのポイントと方法を紹介したいと思います。 まずユーザビリティとは何なのかについて軽く触れておきます。先日の記事でも紹介しましたが、それは【使い勝手】のことです。WEBユーザビリティの改善とはすなわち、WEBサイトの使い勝手を良くするということになります。ではその使い勝手とは何なのか。それは単純に【使いやすさの程度をあらわした言葉】のことです。使い勝手が良いということは、使った人から見てその【何か】は使いやすかったということになります。そして今回のこの記事は【どうしたらユーザーに使いやすいと感じてもらえるのか】について紹介しています。 この【WEBユーザビリティを改善するための5つのポイントと方法】は下記の項目で紹介するヤ

たいていの人は何らかの商品を購入する時、似たような商品の中から一番気に入ったものを買うと思います。そのため、自社商品を他社商品よりも多く購入してもらうには、お客様に「これが一番良い！」と思ってもらえる商品でなければなりません。 お客様に自社商品を一番だと思ってもらうには、競合他社の調査・分析は欠かせません。自社と他社の違い(差)を理解することが、より優れた商品やサービスの開発に繋がります。 これはWEBサイト制作でも同じです。競合サイトの調査分析をすることで、どのようにWEBサイトを組み立てたら、競合サイトよりも優れたサイトになるかが見えてきます。 そこで今回は、競合他社のサイト調査・分析に必要なチェック項目と、役立つツール・調査方法を簡単にまとめて紹介したいと思います。 最初にライバルだと思われる会社のターゲットユーザーを調べることが必要です。これを調べると【実際にその企業がライバルと言