WordPress ループ＆クエリーのモヤモヤを解消しよう！
12月25日まで毎日ブログをつないでいく WordPress Advent Calendar、12日目担当 福山カズヒデ (@kzxtreme) です、こんにちは。aka aus Cothodyntomo（@aka_aus_pd）さんの「錆びたブログをまた動かすときに必要な事柄」からバトンをいただきました！ WordPress 都市伝説のひとつ「query_posts() は危険」のデマは、地道な「wp_reset_query() を使おうキャンペーン」によりかなり沈静化しましたが、それでもなお「get_posts() 以外は信用ならん」「WP_Query 最強！」と各派閥がシノギを削る争いを繰り広げています。ラブ＆ピースなクリスマスを迎えるために、WordPress の最も基本的な機能でありながら最も正しく理解されていないこの最大のモヤモヤを、今日ここでスッキリと解消してしまいましょう！
WordPressでオリジナルデザインのホームページを作る方法
固定ページのテンプレートを編集することで、デザインや要素を変更する方法を解説します WordPressではブログ形式の動的ページを投稿することが多いと思いますが、今回は静的ページである「固定ページ」を作って、デザインをカスタマイズする方法を紹介します。 実際の例として固定ページに「WordPressに人気の記事を表示するPopular Postsの導入方法」で解説した「人気の記事一覧」を表示するまでを解説します。 「固定ページについて」「ループのモジュール化について」「実際に編集する方法」と解説も交えているので、長文になりますが作業自体は単純なので、慣れれば5分もかかりません。 固定ページとは 固定ページとは投稿ページとは違い、時間軸を持たないページのことです。またタグやカテゴリーで分類することも出来ません。 では何に使うかというと「ホームページ」や「検索ページ」などで使用します。 固定ペ
【WordPress】固定ページに特定のカテゴリーのみを表示する方法
カテゴリー DESIGN (197) CREATIVE (128) Illustrator (27) Photoshop (30) マーケティング (8) LIFE (368) BOOK (82) CAMERA (9) DVD (4) EVENT (34) FRIENDS (5) GAME (4) MOBILE (30) モブログ (18) MOVIE (14) MUSIC (15) TV (5) 子育て (184) 07夏期休暇 (9) 07秋期休暇 (5) 08夏期休暇 (5) 08秋期休暇 (6) 09夏季休暇 (9) 09秋期休暇 (1) LIFEHACK (3) MAC (125) APP (10) BootCamp (3) iPad (11) iPhone (43) PIN (126) Uncategorized (138) WEB (444) AD (35) around_I
WordPressを使ったWebサイトでfunctions.phpによく書いてるやつ
お問い合わせ頂いたので記事にします。 WordPressのfunctions.phpは便利なの はよく分かりますが、結局何が出来るの か分からないのでこんな事できる、という のがあれば教えて欲しいとのことでした。 僕も詳しくないので僕も教えて欲しいんです が、一応書いてみます。 基本的にfunctions.phpはちょっと機能を追加したい、という時に使うものだと思うのでデフォルト機能やプラグインで済むならそうしたほうがいい気がしますのであまり拘らなくてもいいかと思います。 それでも、やはりお仕事ではよく追加する機能はありますのでそれをご紹介します。 ※ウィジェットは割愛しますね カスタムポストタイプadd_action( 'init', 'create_post_type' ); function create_post_type() { register_post_type( 'exam
WordPress：ページや記事ごとに個別のCSSやJavaScriptを追加する方法 - NxWorld
WordPressでページや記事ごとに個別のCSSやJavaScriptを追加したいときに役立つカスタマイズを紹介します。 他のページでも使うような共通のスタイルだったり、かなり長くなってしまうような場合はもちろん外部で読み込む方が良いと思いますが、何かちょっとしたスタイルを指定するぐらいであれば結構便利なカスタマイズだと思います。 （例えば特定のページのみ文字の色を赤にするとか、強調したいから太字指定するとか...） 以下で紹介する方法はfunctions.phpを使用しますので、テーマ内にない場合は作成してください。 CSSを追加できるようにする CSSを追加できるようにする場合は、下記をfunctions.phpに記述します。 //Custom CSS Widget add_action( 'admin_menu', 'custom_css_hooks' ); add_action(
WordPress, ループをカスタマイズする3つの方法
global $query_string; // 全投稿出力 $posts = query_posts($query_string.'&posts_per_page=-1'); if (have_posts()) : while (have_posts()) : the_post(); // ループ処理 endwhile; else; // not found endif; // ループをリセット wp_reset_query(); $args = array( 'post_type'=>'page', 'post__in' => array('595', '33', 44) ); $query = new WP_Query($args); while($query->have_posts()) : $query->the_post(); // ループ処理 endwhile; // 投稿を
WordPress でカスタム投稿タイプを簡単に拡張できるようにするコード
カスタム投稿タイプを拡張するためのプラグインがあります。しかしプラグイン頼りだとプラグインがなくなった時に困りますし、テーマで直接有効化したいという場合もあると思いますので、今回は直接拡張を簡単にする方法を紹介します。 カスタム投稿タイプを簡単に拡張するコード 以下のコードを functions.php などに貼りつけて下さい。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 class wbCustom { function custom_post_type($titl
WordPressで表示する記事が新着かどうかを判別するコード – Simple Colors
新着情報などにNewマークを表示させたいなどの要望はよくあることですね。 今回は、表示する記事が新着や更新かどうかの判別用コードを紹介します。 なるべく汎用的となるように書いたので、ちょっとコードが長いですが、ご容赦ください。 いつものように CODE 1 を利用するテーマの functions.php にぺたりと追加してもらえれば、新着や更新の条件判別ができるようになります。利用方法は、コードの後で。 CODE 1 /** * post_classの出力するclassに、新着であれば、new-post、更新であれば、modified-postを追加する。 * * @param array $classes Array of default classes. * @param array|string $class array or string space separated class
WordPressのカテゴリーにカスタムフィールドを追加する
WordPressのカテゴリーにカスタムフィールドを追加する カテゴリーごとに独自の画像やテキストを表示させたい場合、テンプレートで条件分岐を使用すれば簡単ですが、それだとカテゴリーが増える度にテンプレートを編集しなくてはいけないので不便ですね。 ここではカテゴリー編集画面にカスタムフィールドを追加して、管理画面で画像や新たなテキストを追加できるようにしてみます。 投稿日2011年08月18日 更新日2012年08月07日 カテゴリー編集に項目を追加 さっそくですがカテゴリー編集画面に項目を追加してみましょう。 現在使用している「functions.php」に以下を追加します。 functions.php add_action ( 'edit_category_form_fields', 'extra_category_fields'); function extra_category_f
[Wordpress]投稿記事のURLの後ろに？type=○○○ とつけて通常とは違うテンプレートを読み込む – devolen
[WordPress]投稿記事のURLの後ろに？type=○○○ とつけて通常とは違うテンプレートを読み込む ワードプレスで、シングルページ(投稿記事)に適用するテンプレートを変更する方法。 dogmap.jp さんで、僕が前々からワードプレスでしたかったことを書かれていたので、参考にさせていただき実装してみました。これはとてもやりたかったことだったので、ほんとうれしかったです。 忘れないように実装方法をメモしておきます。 これはWordPressでポータルサイトを構築するには欠かせない機能だと思いますよ。 パラメータでシングルページのテンプレートを変更 : dogmap.jp 簡単に言うとsingle.phpにいろんなページをくっつけることができるようになります。 実装例：こんな感じに実装したい！ 例えば、通常の投稿ページにカスタムフィールドで地図情報や、メニュー、写真などのギャラリーな
WordPress の設定画面に項目を追加する方法
WordPress の一般設定に入力項目を追加する方法が紹介されています。この方法を使えばテーマ用の設定を一般設定に加える、例えば私のサイトの様にロゴ部分は英語にしたいといったときに、英語表記という項目を一般設定に加えて設定することができます。 WordPress › フォーラム » 一般設定に入力項目を追加したい functions.php で項目を増やすコードを書く hoge の部分をご自分の環境によって変えてください。 <?php class wbConfig { public function __construct() { add_action('admin_init', Array(&$this, 'admin_init')); } public function admin_init() { add_filter('whitelist_options', Array(&$th
デザインどや！？｜海外カジノ オンラインのWEB作成
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
投稿画面の不要なボックスを削除 | データベースに接続できません
WordPressのバージョンが上がるごとに複雑化するダッシュボードである。できることが増えて便利な反面、ユーザには分かりづらくなってくる。ダッシュボードにログインすると「ワーッ！」ってなっちゃうというのだ。 mixi日記レベルと思っていたWordPressの更新作業であるが、ユーザはそんな気持ちをかかえていたのか。ダッシュボードが地味すぎるのがダメなのか？このように訴えるクライアントが続けて2件あったため、なんとかしようと思い立った。 そこで思い出したのが、年末に見せていただいた「WordCamp Tokyo アンケート集計サイト」だ。投稿画面を大胆にカスタマイズして、アンケート集計に撤したものである。そこにはチェックボックスとラジオボタンが並び、本文フィールドは消えていた。見たときには、こんなことができるんだ！使い道がわからないけどなんかかっこいい！ぐらいに思っていた。いざ、アレを使う
リターン（Enterキー）でフォームを送信しない方法
フォームのテキスト入力中にうっかりリターン（Enterキー）を押してしまい、中途半端なフォームが送信されてしまったという経験をした人は結構多いのではないかと思います。 ということで、リターン（Enterキー）でフォームを送信しないようにする方法を紹介します。この記事の投稿時点でのGoogle Chrome・Firefoxの最新版とIE9で同じ動作になることを確認しています。 １．リターンでフォームが送信される原因 次のように、type属性が「text」のinput要素、いわゆるテキストフィールドが含まれるフォームで、テキストフィールドがアクティブなときにリターンを押すとフォームが送信されてしまいます。 <form action="hoge.cgi"> <input type="text" name="foo" /> <input type="text" name="bar" /> <inp
コードスニペットを扱うブログのWordPress 3.3での投稿画面はこんなかんじ / Devslog
以前、WordPress 3.3では投稿画面まわりにいくつか変更がはいったので対応してみた。という記事を書かせて頂きました。あれから時間も経ち、ちょこちょこ手を入れてこんなかんじになっています。 WordPress3.3での投稿画面3.3になったとき、投稿画面で消してるはずのボタンが出現したりしました。ちょっとびっくりしました。3.3に対応するためにやったことこの画面は私だけが使うものでもないのでユーザビリティを意識する必要があり、その結果、次のような要件にまとめました。使わないボタンはやっぱり消す使うボタンを自前で用意するボタンに説明をいれておくこの3つの要件の実装をご紹介します。環境この記事に掲載するコードは次の環境でテストされています。WordPress 3.3.1エディタの使わないボタンを消す基本的に従来のやり方と変りないです。該当する要素のdisplay属性にnone値をつけてい
WordPressの投稿画面に画像アップロード機能つきの自作メタボックスを追加する | カテゴリー: Wordpress | 作業メモ
プラグインを使わずにWordpressの投稿画面に追加したメタボックスのカスタムフィールドに、アップローダー経由で画像を流し込めないかと探してみたところ以下を見つけた。 Creating custom metaboxes and the built in uploader 内容はというと、自前のメタボックス内にボタンを配置して、ボタンをクリックしたときにWordPressのアップローダーを呼び出し、そのなかの挿入ボタンが押されて渡された値を、jQueryで取り回してメタボックスにインサートしてやるというものだ。割とトリッキーなやり方だがこれに代わるWordPressの関数なりが用意されてない？以上、現状この方法がベストだろうと思う。PHP漬けで視野が狭くなっていたので感心した。 さて、このままIDを変えたりして使ってもいいのだが、現場の人間としては実際に案件で導入した場合どういう背景で求め
WordPressのカスタム投稿タイプでイベント情報ページを作ってみる
もくじ カスタム投稿タイプの設定 カスタム分類（タクソノミー）の設定 カスタムフィールドで日付を入力 jQuery UI で日付を入力しやすくする イベント一覧画面に項目（カラム）を追加する 未来のイベントだけを表示するアーカイブテンプレート 月別にイベントを表示する 月別にイベントにリンクするナビゲーション また、タイトルいは「カスタム投稿タイプで」なんて書いてありますが、どちらかというとメタデータで日付の取り扱い的なことがメインとなっています、ベーシックなカスタム投稿タイプの例は「WordPressのカスタム投稿タイプで作るよくある質問（Q&A）ページ」 をご覧ください。 カスタム投稿タイプの設定 管理画面で入力するところから作っていきます。最初はカスタム投稿タイプです。 function.php function event_postype() { $labels = array(
WordPressの検索機能をもっと使いやすくする
2013年4月1日 Wordpress WordPressにはデフォルトで検索フォームが設定されているので、一行のコードを追加するだけで簡単に検索フォームを設置することができます。しかしその検索フォームは本当に簡易なもの。よりユーザーが使いやすくなるようにカスタマイズする方法をいくつか紹介します。実際にWebクリエイターボックスで使っているコードも公開しているので、ぜひ参考にしてみてください。 ↑私が10年以上利用している会計ソフト！ 検索フォームの設置方法 まずは基本編、フォームの設置方法です。自分でオリジナルテーマを作成したり、カスタマイズする時に地味にひっかかる検索フォームの設置方法（たぶん）。設置するだけなら以下の一行をテーマファイル内に記述するだけでWordPressが最初から用意しているフォームを実装することができます。 <?php get_search_form(); ?>
2011年に配信したjQueryやWordPressなどのWeb制作向け情報・総まとめ - かちびと.net
早いもので今年も残すところあとわずか となりました。今年は年をまたいで仕事 しないとならないので早めに総まとめ的 な記事を書いておきます。と言っても 完全に自分用のまとめですのでご覧に なっても役に立たないと思いますがｗ というわけで、後で復習するのに、探さなくていいようにしただけの自分用リンク集です。 jQueryとWordPressにやたら偏ってます。過去記事のまとめですので目新しいものは一切ありません。 ネタは省いてます。あと、種類で細かく分ける気力が残ってないので順不同です。 スマフォ向けが多いのでスマフォ関連は※印を振っておきました。 復習用なのでリンクは全て当サイトの記事にしてます。他の方には二度手間ですがご了承下さい マウスを乗せるとキャプチャが表示されます。 130個くらいです。普段から小ネタばっかりなのでそんな感じのまとめです。 【追記】（僕が）リンク見にくいので色を変え
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressのカスタム投稿タイプとカスタムタクソノミーを使って新たに別のコンテンツを作ったので、制作プロセスを書きました - かちびと.net
