カスタム投稿タイプとカスタムタクソノミーについてまとめました。結構詳しくまとめた（つもりな）のでこの記事を参考にすればカスタム投稿タイプを使用して基本的なことは出来るようになると思います。 まえがき カスタム投稿タイプとカスタムタクソノミーについてまとめました。 カスタム投稿タイプを使ってWordPress標準の「投稿」とは別の独立したブログコンテンツを作成する時に必要になりそうな項目をピックアップして解説します。 カスタム投稿タイプとカスタムタクソノミーを覚えるとできることの幅が格段に広がりますので抑えておいて損は無いと思います。 目次 カスタム投稿タイプとカスタムタクソノミーの概要 カスタム投稿タイプとは カスタムタクソノミーとは タームとは カスタム投稿タイプ&カスタムタクソノミーの作成 カスタム投稿タイプのパーマリンク設定 カスタム投稿タイプのテンプレートやタグ カスタム投稿タイプ

WordPressにはpタグを自動挿入してくれる機能（auto paragraph）というものがあります この自動で記事を整形してくれるやっかいな機能があるため、たまに意図しないような出来上がりとなっていることもあったりします。

WordPressをインストールしたが、一般設定で「変更を保存」をクリックするとエラーが出る、というお問い合わせ。 状況 一般設定で、「変更を保存」をクリックすると、図のようにエラーが発生します。 設定は反映されているようです。 Warning: fileperms() [function.fileperms]: stat failed for … /index.php in … /wp-admin/includes/file.php on line 870 Warning: Cannot modify header information – headers already sent by (output started at … /wp-admin/includes file.php:870) in … /wp-includes/pluggable.php on line 1178 W

このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 カスタム投稿タイプや、カスタム分類やら使っていると、訳が分かんなくなりますねw ちょっと簡単にまとめ。 今回、固定ページにカスタム投稿タイプで投稿された記事をカスタム分類で分けて表示。（ほら。w） 絵で言うとこんな感じでしょうか？ あぁ絵もひどいな。こりゃ。w 細菌みたいだ。 カスタム分類の中で分けられたタームを持つ記事を表示させたい。 ってことです。 query_posts とWP_Query 固定ページで表示させる際、ページ内にループを作る必要があります。 ループの発生の仕方もquery_postsで行うか、WP_Queryで行うかってがありますが、どう違いがあるの？と言われますと query_post はメインループを変更するテンプレートタグってところでしょうか？

こんにちは、福岡のホームページ制作シンス株式会社の越水です。 以前WordPressで作成した旅行関連のサイトで次のような要件がありました。 「カスタムフィールドでパンフレットのPDFファイルをアップロードして、リンクをクリックしたときに別タブで表示させたい。」 ということでaタグにアップロードしたファイルのパスを設定してあげれば良いので、あれこれ探してこちらの記事が参考になりました。 WordPress カスタムフィールドで投稿した画像のURL ほとんどそのままコードを参考にして、無事リンクさせたいPDFファイルのパスを取得することができました。 <?php $pdfpath = get_post_meta($post->ID, "パンフレットPDF", false); foreach($pdfpath as $pdfpath){ $pdfpath = wp_get_attachment

WordPressで投稿記事のカテゴリー名を表示させたいとき、通常は the_category(); などのテンプレートタグを使えば簡単ですね しかしカスタム投稿タイプの場合はこのテンプレートタグ（the_category();）は使えません。 どうすればいいか？ ……そんなとき、便利なのが「WordPress Codex」です。 以下の記事にはズバリ、その答えが載っています。 関数リファレンス/get the term list 関数リファレンス/get the terms 関数リファレンス/the_taxonomies 複雑なコードを書かずとも、あらかじめ get_the_term_list や get_the_terms などのテンプレートタグが用意されていました。 「get_the_term_list();」の使い方 この「get_the_term_list」という関数は、カスタム

WordPressで記事を書くとき、内容が長くなると投稿画面が自動的に高くなることがあります。このページでは、投稿入力欄の高さを固定化し、好みのサイズに広く(狭く)する方法を紹介します。 WordPressの投稿画面の高さを固定化したい WordPressで記事を編集していると、文章量が多くなればなるほど、投稿画面がどんどん高くなることがあります。 便利な機能なのですが、細かい修正とプレビュー表示を繰り返す時など、何度も画面上部へスクロールする必要があり、面倒に感じることもあるのではないでしょうか？ 最大行表示エディターが有効になっている 投稿画面が自動で高くなるのは、最大行表示エディターが有効になっているためです。 最大行表示エディターは、WordPress4.1から導入された機能です。 投稿画面の高さを固定化するには、最大行表示エディターを無効にする必要があります。 投稿画面の高さを固

Pjaxを使うメリットとしては ページ全体でなく一部のみを読み込むため、転送量の削減が期待できる 上記と同じ理由でページの読み込み時間も減少する 書き換え面積が減るため端末の負荷も少ない ページ遷移時にエフェクトをかけられる などが挙げられるかと思います。 実装方法 ありがたいことに手軽にPjaxを扱えるjQueryプラグインを公開してくださっている方がいるので、そちらを使います。 さて、このプラグインを使ってPjaxを実装するためには、サーバーサイドとクライアントサイドの両方を書き換える必要があります。全体的な動きとしては、まずjavascriptの方で特定のリンクがクリックされたときにpjaxイベントを起こして、httpヘッダに特定文字列を付加するように記述。サーバーサイドではhttpヘッダに特定文字列があるかどうか判別し、もし有ったらpjaxイベントが発生したと判定して、ページの一部

WordPressでPjaxを実装した後、色々な壁にぶち当たったので、その時の解決方法を紹介していきます。 WordPressでPjaxを実装する 「jquery-pjax」というjQueryプラグインを使います。 GitHub defunkt / jquery-pjax <?php get_header(); ?> <nav id="gnav"> <ul> <li><a href="">nav1</a></li> <li><a href="">nav2</a></li> <li><a href="">nav3</a></li> <li><a href="">nav4</a></li> <li><a href="">nav5</a></li> </ul> </nav> <div id="main_content"> <!-- コンテンツが入れ替わる部分 --> </div> <?php g

以前ブログのテーマをマテリアルデザインにリニューアルしたとき、pjaxを導入したとお伝えしましたが、肝心の解説をするのを忘れていました。今回は簡単なデモと解説でpjaxを実際に触れてみるまでをご紹介したいと思います。 pjaxとは PJAX リニューアル告知の時にも少し触れましたが、おさらいを兼ねてもう少し詳しくご紹介します。 pjaxとはajaxとpushStateを組み合わせた技術です。Ajaxで非同期にコンテンツを入れ替え、HTML5から導入されたHistory APIを使ってブラウザにURLの履歴を追加できます。 これを使えばコンテンツ部分だけを読み込んで通信量を削減&読み込み速度が向上されます。ページを遷移にアニメーションなどを追加してカッコいいページが作れちゃいます。 対応ブラウザは以下のとおり。非対応ブラウザであっても通常のリンクとして遷移するので問題ありません。 Can I

ホーム ウェブマーケティング Wordpressのビジュアルエディタ（WYSIWYG/ウィジウィグ）のオススメは？-CKEditor For WordPress 2016.01.12 ウェブマーケティング WordPressのビジュアルエディタ（WYSIWYG/ウィジウィグ）のオススメは？-CKEditor For WordPress 久しぶりにブログを再会しまして、ワードプレスをいじくり倒しております。 んー、いいですね！ワードプレス。私はMTの世代なのでどうしてもMTベースの発想になってしまっていたのですが、ワードプレスが覇権を握った理由がわかりました。 テンプレートはOPENCAGEさんの「アルバトロス」を使っています。かなり使い勝手のいいテンプレートで今のところお気に入り。 シンプルで無駄がなくて最高です。モバイル対応も既存のワードプレステンプレートの中では一番綺麗に表示してくれ

これだけあればpathやURLを指定する時に困ることはありません WordPressには便利なタグがたくさん用意されています。 たくさん用意されすぎていて 「小テーマへのパスは何で指定するんだっけ？」 「この関数は最後にスラッシュ付いたっけ？」 と、毎回検索して調べていたので、この機会にまとめを作りました。

header.php、footer.phpなどのパーツテンプレートから、$post, $wp_queryなどの変数にアクセスする場合、

posts_per_pageの値が「1ページに表示する最大投稿数」よりも小さいとページングが正しく動作せず、「ページが見つかりません。」と表示されてしまう場合があります。とりあえず解決コードを。例を3パターンあげていますので、適当なものをfunctions.phpに記述します。 // 例1 : カスタム投稿タイプが「products」のときに表示件数を「9」に設定 add_filter( 'parse_query', 'parse_query' ); function parse_query( $query ) { if ( get_query_var( 'post_type' ) == 'products' ) { $query->set( 'posts_per_page', 9 ); } } // 例2 : カスタムタクソノミーが「products_category」のときに表示件数を

@shinichiN Custom Post Type Permalinksである程度できるよ。完全じゃないけど。 — Hitoshi Omagariさん (@jim0912) 5月 3, 2012 と教わりましたので、共有いたしますm(__)m。 プラグイン Custom Post Type Permalinks ダウンロードなど。 http://wordpress.org/extend/plugins/custom-post-type-permalinks/ このプラグインを入れると、管理画面の「設定 > パーマリンク」の画面で、カスタム投稿タイプごとに別々のパーマリンクのルールを指定することができるようになります。 つまり、通常だと下の写真のように、共通の設定しかできないのですが、 このプラグインがあると、次のように投稿タイプごとの設定ができるようになります。 カスタム投稿タイプの年