WordPressでの記事が増えてくると、関連する記事を自動的に一覧表示したくなる時があります。 そういったプラグインも多数あるようですが、プラグインを使用せずに関連記事の一覧表示をやってみたいと思います。 プラグインを使わないことのメリットは、自分の好きなように応用できることです。 CSSなどで表示の仕方を工夫できます！ WordPress動作も重くなりにくいと思います！ Salty WordPress的コード私が実際に使用しているコードを紹介します。 私は同じカテゴリーに属する記事を関連記事として表示しております。 同じタグが付いたものを関連記事として表示するやり方も載せておきます。カテゴリーの場合 <?php // 同じカテゴリーの記事を関連記事として表示する $categories = wp_get_post_categories($post->ID, array('orderby

先日、SUPOCON という初めて作ったバイラルメディアのサイトを公開したのですが、WordPress のテーマやプラグインを存分に活用することで、とても手早く簡単に作れてしまうことが実感できました。 こんなサイトを自分でも作ってみたい！という方も中にはいるかもしれませんので、参考までに SUPOCON の作り方をざっくり紹介してみようと思います。 WordPress の基本準備や最低限のカスタマイズを行い、一時間程度でサイト公開できる状態まで仕上げることを目標にします。 WordPressインストール（10分） WordPressの詳しいインストール方法については省略します。 昨今のレンタルサーバだと標準で WordPress インストール機能が付いているものも多いので、そういうのが使えると一番手っ取り早いですね。 分からない方は「WordPress インストール」で検索するとドッと参考

モバイルの時は一覧での画像を小さいのを表示させよう！と考えた時に、デバイスの分岐が必要になった。そんなことを考えていた今日、なにやら人気記事にショートコードを利用する方法がでていました。 [WordPress]まだなら今すぐ入れたい！PC、スマホで表示を分けるショートコード ショートコード使えるのは便利だなーと思いつつも、エントリーごとで必要だったわけではないので、自分はもっと簡易な分岐を利用することにした。 WordPress 標準の関数 wp_is_mobile()WordPress には、3.4 からモバイルデバイスを分岐するための関数が導入されています。その関数を使い、簡易的に分岐させてしまいました。 PHP：簡易版分岐コード /** * Test if the current browser runs on a mobile device (smart phone, tablet

「現場のプロが教えるHTML+CSSコーディングの最新常識」を共著で執筆しました 2015年3月25日に株式会社エムディエヌコーポレーションより発売の、「現場のプロが教えるHTML+CSSコーディングの最新常識」を共著で執筆させていただきました。

まえがき WordPressの記事を投稿する場合、「投稿」か「固定ページ」から操作しますが、この2種類以外の項目を追加することができます。これをカスタム投稿タイプを追加するというのですが、今回はその「カスタム投稿タイプ」をメチャクチャ簡単に増やせるプラグイン『Custom Post Type UI』の詳しい使い方を紹介します。 プラグインを利用しない場合はfunctions.phpにコードを追加する方法がありますがKoToRiは『Custom Post Type UI』使っちゃいます。だって簡単なんだもの！ 因みに『Custom Post Type UI』はカスタム投稿タイプだけではなく「カスタムタクソノミー」の追加・編集にも対応しています。 『Custom Post Type UI』のインストール 管理画面「プラグイン」→「新規追加」の検索フォームに「Custom Post Type U

※2018.03.01追記：4年半経ちましたが、今のところはおおむねこの記事のままで大丈夫と思ってます。定期的にチェックするのは大事。 今年に入ってから、「クエリ変更はquery_postsかpre_get_postsか」という話題がWordPress中級者以上の間では盛り上がっていましたが、初心者コピペWordPressユーザーの多くの方には「お前ら何を言っているんだ」ということでしょう。 実際、WordPress日本語フォーラムに投稿される質問の中でも、必要ないところでquery_postsを使って表示がおかしなことになっているケースがあとを絶ちません。 古い記事が検索上位に出ている現状 なぜ同じようなトラブルが減らないのかといえば、Googleで「WordPress　新着記事」「WordPress 新着情報」などのワードで検索した時、上位に表示されている記事が結構古いものが多いのにも

Kotoriはマルファン症候群という難病を患っています！ 今後は、マルファン症候群に関するトピックも扱っていきます！ KOTORI Blogの公式キャラクター「パンD」です。 2014年03月06日 追記 「Custom Fields Search」プラグインには以下の欠点があります。 プラグインが2009年8月19日から約4年間全く更新されておらず、最近4年ぶりに更新されたが作者さんが「サポートできないのでリリースはこれが最後だろう」と宣言している。 inputやselectタグを含んだformタグを丸々書き出すので出力コードを自由に編集することができない。 W3Cのバリデータに通らない 余力がある人は、絞り込み検索をプラグインに頼らず自分で実装することをオススメします。 この記事を読めば出来ると思います。参考にしてください。 絞り込み検索をプラグインを使わずに実装[WordPress]

今まで機会が無かったんですが、最近必要になって改めて便利だったので今更ながらご紹介です。WordPressでコンタクトフォームと言えば、Contact Form 7が定番になっていますが、このCF7にある機能に「特別なメールタグ」っていうのがあります。 フォーラムによく顔を出すような方はご存知の方も多いですが、ググってみると案外紹介されていなかったので普及活動してみます。 まずはContact Form 7のご紹介。WPユーザーなら大抵はご存知ですよね。柔軟性と操作性に優れたコンタクトフォーム用プラグイン。日本製ですが、世界中で愛用されています。 CF7は管理画面内でフォームを作成し、ショートコードで実装します。そのフォーム作成もショートコードを発行する形ですので、HTMLの知識は無くとも作成する事が出来ますが、PHPであるテンプレートタグなどは直接使用できません。 ただ、場合によっては、

この投稿は 12年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 さて、先日「忠実なファンは1000人で足りるか〜電子書籍時代の皮算用〜」というエントリーをアップしてもさして話題になっていない不肖高橋ですが、己の電子書籍売上をアップすべく、またWordPressのプラグインを作って公開しました。プラグイン名を間違ったまま公開するという大チョンボをやらかしましたが、まだ9人しかダウンロードしてないしいいよね。 新プラグインGianism http://wordpress.org/extend/plugins/gianism/ プラグイン名は「ジャイアニズム」と読みます。これは簡単に言うと、WordPressにTwitterやFacebookでログインできるようにするものです。詳しくはこのサイトのログインページを見てみてください。 ログインペ

<?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <div class="post"> <?php the_content();?> </div> <?php endwhile; ?> <?php else : ?> <?php endif; ?> 上記コードで記事をループで挿入しているのですが、この記事を2つ毎や4つ毎と決められた数毎にdivで下記の様に囲みたいのです。 <div class="group"> <div class="post">記事1</div> <div class="post">記事2</div> </div> <div class="group"> <div class="post">記事3</div> <div class="post">記事4</div> </div

2013年3月23日 Wordpress WordPressでコーディング中、「理由はなんだかわかんないけどちゃんと動作してくれない！」なんて事がありませんか？私は度々ありました。その都度ググって解決策を探していたのですが、そのお助けコードメモがEvernoteに結構たまってきたので記事にしてみます。よくわからないけど動かない！という時に試してみてください！ ↑私が10年以上利用している会計ソフト！ お助けコードを使う前に 今まで動いていたのに突然動かなくなった！そんな時は慌てず、とりあえず以下を確認してみてください。プラグインが原因で動作しなくなる事が多いですね。 有効化しているプラグインをすべて無効化して試す </head> の前に <?php wp_head(); ?> があるか </body> の前に <?php wp_footer(); ?> があるか PHPコード（特にif構文