2016-06-01から1ヶ月間の記事一覧
WordPressプラグイン「Toolset Types」を使用してカスタムタクソノミー(カスタム分類)を作る例です。 先日投稿した内容にあるセミナー開催情報を投稿するためのカスタム投稿タイプ「セミナー情報」に、この投稿タイプ専用のカテゴリをカスタム分類で作って…
WordPressで カスタム投稿タイプ カスタムフィールド カスタムタクソノミー(カスタム分類) の作成、管理をするプラグイン「Toolset Types」の実装例です。(他にもユーザーフィールドも追加、カスタマイズできます) 全部をひとつの記事で紹介するのは長大…
画像のスライドショーだけでなく、コンテンツスライダーとしても使えるカルーセルスライダーのjQueryプラグイン「CarouFredSel」がとても便利だったので備忘録として残しておきます。(レスポンシブ対応でスマートフォンにも使えます) 高さが異なる要素にも…
WordPressでメールフォームのプラグインMW WP Formを使い、これに郵便番号による住所の自動補完機能をつける例です。(郵便番号を入力すると、都道府県と市町村が自動で補完されます) MW WP Formの実装例はこちらを参照ください。 blog.showzine.co *日本…
MW WP Formはショートコードを記述してフォームを作成します。 フォーム画面にはHTMLを記述することができるので、フォームのデザインの自由度が高いです。 また、入力画面、確認画面、完了画面をひとつのテンプレートで完結も出来ますし、個別にページを用…
投稿本文にimg要素を埋め込んだ場合につくa要素に任意のclass名をつける例です。 たとえば、サムネイルサイズ等、実際の画像サイズより小さい画像を表示していて、それをクリックすると拡大画像が表示される。これはWordPressのデフォルトの挙動です。(画像…
指定したカテゴリへの投稿をn件表示するループです。 表示している記事は除きます。(よく見かける、投稿の最後にその投稿と同じカテゴリの他の投稿を表示する、あれです) コード内にはカスタムフィールドで登録したアイキャッチ画像を出力する記述がありま…
カスタム投稿におけるデフォルトのカテゴリを指定する例です。 デフォルトの「投稿」で同様のことをするのはこちらになります。 http://blog.showzine.co/entry/setting-default-categoryblog.showzine.co 以下、コードです。利用しているテーマのfunctions.…
WordPressの管理画面でプラグインの設定を変更(保存)しようとしたら出来ず、すんごく焦りました。 最初はそのちょっと前にしたWordPressのアップデートかなとか、不安になりながら検証してたんですが、たまたま検索でヒットした記事のおかげで原因がわかり…
けっこう最近に買った(買い換えた)iPhone 6 Plusで電話による通話が出来なくなってしまったのでジーニアスバー@銀座(Apple Store)に行ってきました。 着信はするんですが、通話状態になると双方の声が聞こえないんですね。FaceTimeに切り替えると通話出…
友人に教わって、先日行ってきました。池袋北口にある立ち飲み「三兵酒店(さんぺいさけてん)」へ。 実は、その前に一度行ったのですが、あまりに渋さにひるんでしまい(そもそも私はひとりで外食が苦手)外観を見ただけだったのです。 最近はその友人の影…
上記は固定ページの例。 この固定ページのスラッグは「jp」で、これを取得して出力するには以下のコードを使う。 post_name ); ?> リンクURLに含む必要がある場合等、使えます。 *親子関係を持つ場合、その親のスラッグはこのやり方では取得できないので注…
WordPressでページタイトルをループ外で出力するのにテンプレートの判別(テンプレートによって内容を出し分ける)も加えた例です。 ページタイトルをループ外で(例えばheader.php内で)表示する テンプレートごとに条件分岐させて出力内容を変える 上記の…
WordPressサイトにログインしているユーザーの種類によって表示するものを分ける例です。 使いどころとしては、複数人で運用しているWordPressサイトがあって、その投稿やユーザー情報の変更へのリンクを表示(指定する対象に対してのみ)するとか、頻度は多…
WordPressサイトで登録ユーザーがログインしているか否かを判別して表示を出し分ける例です。 ちょっとした限定コンテンツ、例えば登録ユーザーだけに内容を公開したいような場合には、プラグインを使うこともなく、これでも十分に対応できます。(サイトの…
WordPressのループで表示の条件を指定する際には「query_posts()」を使うことが多いですが、これは非推奨とされていることを最近知ったので、代わりに「get_posts()」を使うようにします。 query_posts を使うことによって、ページ上のメインクエリーが置き…
レスポンシブWebデザインに対応したカルーセルスライダーを実現するjQueryプラグイン「slick」です。 配布元 kenwheeler.github.io 納品案件でも一度使いましたが、かなり使い勝手が良いです。 とくにブレイクポイントを指定して一度に表示するスライドの枚…
MagpieRSSで読み込んだフィードをシャッフル(ランダム表示)するにはshufful関数を使います。 WordPressでMagpieRSSを利用する場合を例にすると blog.showzine.co 上記で紹介しているコードに一行足します。 items); // シャッフル(ランダムのために必要)…
最近、あまりRSSがどうのということも言われなくなり(RSS Readerのサービス、アプリも閉鎖したりで縮小傾向にあるような)、そもそもFeedを積極的に購読している利用者も少なくなってきているかもしれませんが、私はグイグイ利用しているので一応メモしてお…
最近知ったんですが、外部サイトのfeedを取得するパーサーの「MagpieRSS:RSS for PHP」って、WordPressに同梱されてるんですって!全然知りませんでした。 *なので、これまでは別途用意して組み込んでました。 ということで、WordPressにすでに組み込まれ…
多言語(日本語、英語、ハングル、ベトナム語、繁体字、簡体字)対応のWordPressサイトを構築する際にあった不具合と、それを解消するTipsを残しておきます。 2バイト文字対策のプラグイン「WP Multibyte Patch」を有効化しているとハングルや中国語、ベトナ…
The other day, I bought electric clippers online. Since then, I decided to do my haircuts but I found out that it's too much trouble. So I changed my mind. With luck, I recently found a very reasonably priced barber near my office. For my …
WordPressにはインストール段階で「未分類」というカテゴリがあります。 カテゴリは投稿には必ずつけられるものなので、指定していない場合にはこのデフォルトの「未分類」となります。 「未分類」でもいいんですが、うっかり適切なカテゴリを指定せずに投稿…
WordPressではカテゴリーは複数選択できますが、逆にそのことで不具合が起きることもあります。(とくにクライアントさん側で運用していただく場合とか) そういう場合には、以下のコードを使用しているテーマのfunctions.phpに追加することで、カテゴリ選択…
Recently I enjoy Lang-8 much more than before. I think that many leaners have the an aggressive attitude on studying and I think want to cheer up them as a Japanese native speaker. Most of their expression in Japanese look almost perfect. …
投稿数を判別して投稿数の多いものから降順にカテゴリーの一覧を表示する例です。 <ul class="dropdown"> </ul>
カテゴリと件数を指定し、ランダムで表示するループの例です。 サブループを使っていますので、メインループが存在するテンプレートでも使えます。 have_posts() ) : $the_query->the_post(); ?> <div class="post"> <h2></h2></div>
固定ページの本文を入力するテキストエリアを削除する例です。 どんなときに必要かというと、たとえば定型の情報をカスタムフィールドなんかで用意していて、そこだけを使う場合はフリーテキスト用の本文入力エリアが不要だったりします。 納品後、クライア…
異なるカスタム投稿、カスタム分類を複数指定して同じループにまとめて出力する例です。 配列のpost_typeで投稿タイプを指定。(複数の場合にはカンマ区切りで) tax_queryでrelationはORを指定し、taxonomy、field、termsでカスタム分類を指定しています。 …
wp_list_categories関数を使う際の参考に、整理しました。 そのまま(オプションを指定せずに)使用する場合。 <ul class="list_categories"> </ul> 出力されるソースは以下になります。 <ul class="list_categories"> <li class="categories">カテゴリー<ul> <li class="cat-item cat-item-1"></li></ul></li></ul>