Web Design Articles

  • 1887

WordPressアーカイブページをカスタマイズ。カスタム投稿タイプも対応します。

こんにちは、今回はWordPressのアーカイブ機能カスタマイズしていきます。 アーカイブ表示とは？ アーカイブページは「archive.php」を作れば良い アーカイブページのタイトル 個別投稿ページへのリンク 記事の抜粋 ページング カスタム投稿タイプにも一覧機能をつけたい WP_Queryでカスタム投稿を取り出す！ アーカイブ表示とは？ そもそも、アーカイブ機能とは何でしょうか？投稿や固定ページとは違ってあまり馴染みのない機能なのではないでしょうか。 でも、実は重要です。 アーカイブとは記事を一覧表示する機能なので、投稿一覧をいい感じに作ることができるものです。 例えば通常、カテゴリーをクリックした際に、そのカテゴリーに属する記事が一覧で表示されると思いますが、そのページがアーカイブページになります。 カテゴリーの他にも、タグや、日付(日別・月別・年別)での結果もアーカイブページになります。 カスタム投稿タイプで新しく別の投稿タイプを作成した時に、それぞれ別のレイアウトの一覧ページを作りたい！なんて要望もあると思います。 例えば通常はリスト表示が多いのですが、これをグリッド形式にしてアルファブログにあるような形に整形することも可能です。 アーカイブページは「archive.php」を作れば良い それではアーカイブページを作っていきます。 と言っても、アーカイブページの作り方は、固定ページや投稿ページと同じです。 WordPressループを利用し、テンプレートタグを使って必要な情報を揃えていけば良いだけです。 まずは、いつもの基本的な記述で作ってみましょう。 archive.php <?php get_header(); ?> <?php while ( have_posts() ) : the_post(); ?> <article [...]

はりうすチャリ部

こんばんは。さいぞうです。 前回の記事で、はりうすでは古いアパートをオフィスとして使っているという紹介がありましたが、 実はそれは私の部屋の一角なんです。 現段階では、主な仕事はサービスWebサイトの開発なので、ずっとパソコンのディスプレイに向かっているため、ちょっと油断すると1週間くらい家の外に出なかったりします。 しかし、はりうすは、ホックー！https://hotcoo.net/というおすすめのお出かけスポットや観光地などを紹介するサービスを開発・運営しているスタートアップです。 その開発チームの一員がこんなインドア引きこもり体質ではいけないと思い、実家に放置してあった自転車を送ってもらいました！ 届いたあとも、梱包のためバラバラになっていたのをしばらく放置していましたが、やっと最近組みたてました。 実は、このオフィスは微妙に不便な場所にあって、移動が面倒なのも出不精の原因なのです。 でもこのチャリがあれば大丈夫。 じゃんじゃん遊びに行くぞ！ [さいぞう]

弱小スタートアップ HOLLYWISのオフィス紹介！

HOLLYWISは戦後間も無く建てられた古いアパートをオフィスとして利用しています！！ 部屋の中に最新のPCを押しこんで日夜、企画立案・プログラミング・サーバ運用といった作業を行っているのです。 そんな我々HOLLYWISの自慢!?のオフィスをご紹介します（笑） HOLLYWISのOFFICE全景です。一部屋です。畳ですｗ 部屋にテーブルが２つ。それだけですが、なかなか居心地がいいんですよ。 疲れたら、そのまま寝っ転がれます。 私の机がコチラ！！ Orasonic社製の卵型PCスピーカーが際立ちます。 椅子＆テーブルはIKEAで購入しました。とっても安かったですｗ そして、贅沢にもデュアルディスプレイ！ 一つはコーディング画面用、もう一つは画面確認用にブラウザ(Chrome)を表示していることが多いですね。 コチラが相方の机です。 色合い的には殆ど一緒ｗ　これもIKEAで買いましたから。 ただしPCスピーカーがBOSE社製で、とっても贅沢なものを利用しているのが気になります |дﾟ) キーボードがIBMのヤツとか、なかなかヤリマスネ。。。 最近は、早くデュアルディスプレイにしたいと、嘆いているのが聞こえてきます ロゴ！？　的な何かです。ちょっとオフィスっぽいですね。これを見ると、やる気が出てきます。 福利厚生ですが。 なんと！！エスプレッソ飲み放題！！贅沢ですねぇ。 疲れた体に、染みわたります。 粉もKALDIで調達！引き具合を８で、細かめにいつも注文しております。 以上、オフィス紹介でした！　これから段々充実させていきたいですね ボロアパートから始めましたとか、スタートアップっぽくて個人的には気に入っていますｗ

Let’s Work Together

Tell me more about your project

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.