とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね！今回は、私が WordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろな WordPress の Tips を書いてきました。でも WordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー（カスタム分類）を使って作っています。 ページを表示する為に使っているテンプレート
2017年7月14日 便利ツール 久しぶりに自分がブックマークしているサイトを整理してみました。昔から変わらず愛し続けているWebサービスやチュートリアルサイトなど多数あったので一挙にご紹介します！有名どころからあまり知られていないけど便利なサイトまで、多数あるので時間のある時にじっくり見てみてください！ ↑私が10年以上利用している会計ソフト！ ブックマークしているサイト 目次 Webサービス デザイン関連 画像関連 CSS jQuery WordPress フォント スマートフォン 配色関連 HTML5 メルマガ Webサービス 1. Sendoid Sendoidは会員登録不要のファイル送信サービス。ファイルをアップロード後にURLが生成されます。パスワード設定可。 2. HTMLエンコードフォーム HTMLエンコードフォームは特殊記号などをエンコード・デコードしてくれるWebサービ
WordPress をカスタマイズするなら覚えておきたい条件分岐タグと、カスタマイズにとっても便利なカスタム投稿タイプについて、簡単にまとめてみました。 WordPress をカスタマイズするなら、必ずと言っていいほど使うのが条件分岐タグ。ブログとして Webサイトを構築するなら、とってもよく使う … というほどではないかもしれませんが、一般的な Webサイトを WordPress で構築していくとなると、動的な Webサイトであればあるほど、条件分岐タグはよく使います。 また、話は変わっちゃいますけど、WordPress 3.0 から本格的に採用された新機能、カスタム投稿タイプも、WordPress でのサイト構築にはかなり便利です。おなじみの条件分岐タグから、カスタム投稿タイプ、タクソノミーまでを、メモっぽくまとめてみました。 WordPress サイト構築 Tips 目次 WordP
WordPress オリジナルテーマの作り方
2013年12月25日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが（もちろんあった方が楽ですが）、自分でデザインをするためのPhotoshopとCSSの知識は必要です。前回に引き続き、Nick La氏によるWeb Designer Wallを参照しています。 ↑私が10年以上利用している会計ソフト！ ※これはWordpress旧バージョンのオリジナルテーマの作り方です。最新版Wordpressを使用してのオリジナルテーマの作り方は「WordPress オリジナルテーマの作り方 3.0+
WordPress初心者がハマリやすいエラーや問題とその解決方法
WordPressでブログやサイトを作成・運営する際に役立つ、ハマリやすいエラーや問題とその解決方法を紹介します。 WordPress Tips and Tricks for Beginners [ad#ad-2] 下記は各ポイントを意訳したものです。 テーマとテンプレートの違いは？ 画像が表示されない URLを全部書くのが面倒 パンくずを設置したい ページごとに異なるスタイルシートを適用したい 新しい記事を表示したい テーマとテンプレートの違いは？ 問題 WordPressのテーマファイルとテンプレートの違いが分かりません。 答え テーマファイルはあなたが必要とするファイルをすべて含むフォルダです。 例えば、WordPressのデフォルトのテーマファイル「Twenty Eleven」がそうです。 WordPressをはじめる多くの人がテーマファイルからはじめ、それを元にブログやサイトを作
2017年6月29日 Wordpress WordPressにはたくさんの便利なプラグインがあり、機能を手軽に追加することができます。しかし、コードが乱れたり、思い通りのデザインにならなかったり。。と四苦八苦することも。ここではプラグインを使わなくても追加できる機能を紹介します。 ↑私が10年以上利用している会計ソフト！ プラグインを使わずWordPressに機能をつける 目次 人気の記事を表示する 関連する記事を表示する 記事をランダムに表示する 最新のTwitter記事を表示する タグクラウドを表示する ソーシャルブックマークアイコンを表示する アイキャッチ画像 カスタムナビゲーションメニュー Twitterフォロワーの数を表示する 1. 人気の記事を表示する コメントの数が多い記事が人気の記事となります。このサイトではトップ5が表示されています。 <ul>
前のエントリーで書くとお約束した WordPressのプラグインや設定に関するエントリーです。 月間20万稼ぐ！僕がブログを書くのに使う“神”ツールをドンッと紹介 今や、MTを抑え不動の人気を得ているWordPressその力はGoogleのマットカッツ氏もお勧めしている事も皆さんご存知だと思います。僕自身、ビジネスワークでも自身のブログでもいろいろ試行錯誤しながらより、SEOに強く効果のあるWordPressを目指して試行錯誤して来ました。その上で、今のベストセッティングだと思えるWordPressテーマ「Stinger」を公開させて頂いているのですが、ここで一度この「Stinger」にしている設定と、その上で僕が使用しているおすすめの「プラグイン」をご紹介したいと思います。 photo credit: opacity via photopin cc 現在、絶賛パーマリンク変更中なので変動
2013年3月23日 Wordpress WordPressでコーディング中、「理由はなんだかわかんないけどちゃんと動作してくれない！」なんて事がありませんか？私は度々ありました。その都度ググって解決策を探していたのですが、そのお助けコードメモがEvernoteに結構たまってきたので記事にしてみます。よくわからないけど動かない！という時に試してみてください！ ↑私が10年以上利用している会計ソフト！ お助けコードを使う前に 今まで動いていたのに突然動かなくなった！そんな時は慌てず、とりあえず以下を確認してみてください。プラグインが原因で動作しなくなる事が多いですね。 有効化しているプラグインをすべて無効化して試す </head> の前に <?php wp_head(); ?> があるか </body> の前に <?php wp_footer(); ?> があるか PHPコード（特にif構文
WordPressのプロになるなら最低限知っておきたい10＋1個の知識、挙げてみますね！ 2013.06.12 | WordPress | 初心者向け WordPressのプロとしてやっていきたいなら知ってないと困っちゃう知識を、10個挙げてみました！ これを知っていればプロになれるというわけでもないと思いますが、知らないとマズイ、自分が困る、あるいはお客さんが困る、というものだと思いますので、チェックしてみましょう！ 色んな切り口あると思うんですが、今回は、html/css/jsだけを使ってサイトが作れるようになったデザイナーさんがぶつかることになる壁というか課題、という視点でやっていければと思いまーす！ 今回はチェック＆勉強のきっかけのためというコンセプトでやらせていただきますので、各知識については自分で勉強するなり、教えてもらえるところに行く（Webデザイナー・HTMLコーダーのスキ
少し前に、WordPressで企業サイトを作る際によく使うプラグインという記事を書きましたが、プラグインを入れたらそれで完成、という訳にはいきません。そこで、プラグインとは別に、企業サイトを構築する際に押さえておくべき10個のことを書き出しておきますので、参考にして下さい。 そのコンテンツにはページなのか、記事なのか、それともHTMLなのか。 WPには、「ページ」というブログの時系列には影響されない個別のコンテンツを作るための機能があります。まず、はじめに考えておくべきことはWP自体をどの階層にインストールしておくのか、ということです。 同時に、あるコンテンツを作る際にそれを「ページ」で作るのか、それともブログベースの「記事」で作るのか、それともWPとは別に単なるHTMLファイルとして作るのか、そのあたりを考えておく必要があります。僕がよく使う方法は、「お知らせ」や「新着ニュース」などは「
著者: Nick La件名: WordPress Theme Hacks日付: 2007年10月15日URL: http://www.webdesignerwall.com/tutorials/wordpress-theme-hacks/訳者: Arata Kojima WordPress Theme Hacks WordPressは最初ウェブログやブログプラットフォームとして開発された。しかし、今、WordPressはとても力強く成長し、僕たちはWordPressであらゆるタイプのWebサイトを作り、CMSとしても利用することができる。 この記事では、みんながよりよいWordPressのテーマを作るために、僕の技をみんなと共有しようと思う。僕はプログラマでもデベロッパーでもない。だから、フロントエンドの開発にフォーカスしようと思う。 そういえば、言い忘れていた。私のようなプログラマーでは
こんにちわ、最近は右下のデブと言われることが多い段田です。 今回はWordPress管理画面のカスタマイズを紹介したいと思います。 1.左メニューのカスタムタクソノミーメニューを消す。 カスタムタクソノミーを追加した際、 管理画面では投稿やカスタム投稿タイプのメニューの中にサブメニューという形で カスタムタクソノミーメニューが表示されます。 このメニューを特定のアカウント時は 表示させないようにするカスタマイズ方法を記載します。 サブメニューはremove_submenu_page関数を使うことで削除出来ます。 remove_submenu_page関数はグローバル変数の$submenuの配列データを操作する形になります。 function remove_submenu_page( $menu_slug, $submenu_slug ) { global $submenu; if ( !i
作成：2013/06/17 更新：2014/11/01 WordPress > 先日コムテブログをひっそりとリニューアルしたわけですが カスタマイズしたい部分を調べるだけで膨大な時間がかかってしまいました。 今回はWordPressでブログをリニューアルしたり 新たに立ち上げたりするときに 参考にすると助かるサイトをまとめさせていただきました。 既存のサイトをレスポンシブ化したり、スムーススクロール、タブ、ロールオーバーを簡単に実装したり、高速化にセキュリティ対策。やらなきゃいけないことをしっかりメモ。 リニューアルのおかげでアクセスも1.3倍ほど上がったので、集客効果もあり。是非お試しを！ エンジニア速報は Twitter の@commteで配信しています。 もくじ レスポンシブに対応させる １．レスポンシブ対応なCSSの書き方 ２．Adsenseタグを改変してレスポンシブ対応させる ３
[2013-07-15追記] より詳しい補足記事を書きました。 → WordPressでページ送りが動かないのはどう考えてもquery_postsが悪い!【pre_get_postsまとめ】 WordPressのテンプレートをカスタマイズしようとして高確率でハマったり事故ったりするのが query_posts 関数というやつでして、ぐぐってみたらこの1年以内にも query_posts の使い方を「WordPress使うなら必須知識！」として解説したり、いまだに $paged を引数で渡さなきゃいかんとか、書いてあるブログ記事もたくさん見つかりまして頭痛が痛くなります。この際、はっきり言っておきましょう。 もう query_posts は一切使う必要ありません。 いやまあ、かく言うワタシも迷っていた時期がありまして。でも周りのWPerにquery_posts要らないらしいよ？という話を聞く
クライアントワークやブログでのWordPressのカスタマイズ時に使用頻度の高いコードをまとめてみました。 基本的には、ネット上のコードを自分好みにカスタマイズしているので大元のコードの記載記事というのがあり、覚えている限りは記載しております。 Templates e PHP para WordPress / fore 条件分岐のカスタマイズコード とにかく使用頻度の高い条件分岐。 TOPページにはアレを表示してあの記事には表示しない！みたいな。 TOPページや投稿、記事などに別の内容を表示する <?php if (is_home()) { ?> TOPにのみ表示する内容 <?php } else if (is_page('13')) { ?> 記事ID「13」の固定ページのみ表示する内容 <?php } else if (in_category('3')) { ?> カテゴリーID「3」
Kotoriはマルファン症候群という難病を患っています！ 今後は、マルファン症候群に関するトピックも扱っていきます！ KOTORI Blogの公式キャラクター「パンD」です。 まえがき WordPressで絞り込み検索の機能を実現させるとしたら、みなさんどうしますか？ 普通はまずプラグインで手っ取り早くできないかと考えるかと思います。 プラグインで考えると真っ先に挙がるのが『Custom Fields Search』です。 この『Custom Fields Search』のいい所は無料という点です。 絞り込み検索を実装するプラグインの中で実用的かつ無料なのは『Custom Fields Search』くらいではないでしょうか。 『Custom Fields Search』は余りおススメできない しかし、『Custom Fields Search』は余りおススメできません。 理由としては以下
![絞り込み検索をプラグインを使わずに実装[WordPress]](https://cdn-ak-scissors.b.st-hatena.com/image/square/298a2dfc1a919cb0e05b6627a38f2b3df698098d/height=288;version=1;width=512/https%3A%2F%2Fkotori-blog.com%2Fwordpress%2Fwp-content%2Fuploads%2Fthumb8.gif)
WordPressで運用しているクライアントさんのサイトのトップページに、画像サムネイル入りの新着記事一覧を作りました。 ネット上に意外と情報が少なくて手を焼いたので、メモしておきます。 こんな感じのコードを書きました。 [php] <?php query_posts(‘&posts_per_page=5’); if (have_posts()): while(have_posts()): the_post(); ?> <h2><a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a></h2> <div class="list_day">[<?php echo get_the_date(‘Y年n月j日’); ?>]</div> <?php if (has_post_thumbnail()) { the_post_thumb
Nginxを使ったWordPressのチューニングといえば、フロントエンドのNginxとバックエンドのNginx（もしくはApache）に分けてproxy cacheを効かせるのが王道です。 さらにWP Super Cacheプラグインを利用してなるべくPHPやMySQLにアクセスさせないようにすると、手軽で絶大なパフォーマンスアップが可能です。 今回はそこからもう一歩進めたチューニングについて書きたいと思います。 二段階層を廃したシンプルな構成 まずは、図をご覧ください。 前述の王道チューニングの構成はA図となります。 proxy cacheはNginxがバックエンドのサーバーに処理を回し、返ってきたレスポンスをキャッシュして、Nginx自身がキャッシュを返すことでパフォーマンスを上げる仕組みです。 A図-1がキャッシュの無いアクセス、A図-2がキャッシュが効いているアクセスを表していま
2010年3月14日 wordpressをCMSとして企業サイトを作るときに役立つ、複数ループのやり方を紹介。 少々、前置きが長くなりますけど。 wordpressをCMSとして使用する際のシンプルなページ構成例 企業サイトなどでwordpressをCMSとして使用する場合、サイトの規模にもよりますが、「お知らせ」などの日々更新されるコンテンツを「ブログ記事」として作成し、その他を「固定ページ」として作成するのが、一般的かと思います。 wordpressでは、固定ページをサイトのトップページ（フロントページ）に設定できるため、スマートなサイト設計が可能です。実在するサイトを例に挙げて説明したほうが分かりやすいと思うので、僕が構築した「とんぼ整体院」のサイトを例に、説明を進めていきます。 下記は、とんぼ整体院のページ構成をまとめたものです。 非常に作りやすそうな、シンプルな構成ですね。更新さ
注 1: この関数はプラグインまたはテーマの中で使われることを想定されていません。後ほど出てくる説明にあるように、メインクエリーを変更するにはパフォーマンス面でも優れたより良いオプションが存在します。 注 2: query_posts() はページ内のメインクエリーを書き換え、新しいクエリーのインスタンスと置き換えるために使う関数としては過度に単純化され、問題が発生しやすい方法です。非効率的で（SQL クエリを再実行します）、一部の状況では適切に実行することもできません（特にページング処理）。モダンな WordPress コードではもっと安定したメソッドを使うべきです。例えばpre_get_posts フックを使った方法などです。ひとことで言うと、query_posts() は決して使うべきではありません。 以上のことをしっかり理解し、この関数を賢く活用してください。 画像のソース: WP
※2018.03.01追記：4年半経ちましたが、今のところはおおむねこの記事のままで大丈夫と思ってます。定期的にチェックするのは大事。 今年に入ってから、「クエリ変更はquery_postsかpre_get_postsか」という話題がWordPress中級者以上の間では盛り上がっていましたが、初心者コピペWordPressユーザーの多くの方には「お前ら何を言っているんだ」ということでしょう。 実際、WordPress日本語フォーラムに投稿される質問の中でも、必要ないところでquery_postsを使って表示がおかしなことになっているケースがあとを絶ちません。 古い記事が検索上位に出ている現状 なぜ同じようなトラブルが減らないのかといえば、Googleで「WordPress 新着記事」「WordPress 新着情報」などのワードで検索した時、上位に表示されている記事が結構古いものが多いのにも
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 での新着記事を表示する定石です。 単純に新着記事を一覧にするコード このまま貼りつければその場所に新着記事を表示できます。 <?php query_posts( Array( 'post_type' => 'post', 'orderby' => 'date', 'order' => 'DESC' ) ); if (have_posts()) : while (have_posts()) : the_post(); ?> <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><br> <?php endwhile; endif; wp_reset_query(); ?> query_posts() でクエリを発行してループを回す。終わったら wp_reset_query() で発行したクエリをリセット、
WordPressでページ送りが動かないのはどう考えてもquery_postsが悪い!【pre_get_posts、WordPressループまとめ】
WordPressでページ送りが動かないのはどう考えてもquery_postsが悪い!【pre_get_posts、WordPressループまとめ】 とか、元ネタありのパロタイトルで技術情報を書くのが余計なんだろうなぁと思います、おはようございます。最近はconcrete5とRWDの記事が多かったのですが、久々のWordPressネタです。WordBench神戸でセッションを持たせてもらいました、「これからのpre_get_postsの話をしよう」の補足記事です。なお、WordPress3.5.2時点での情報になりますので、今後のバージョンアップで変更がある場合がありますのでご了承ください。 このセッションは、過去にquery_postsを捨てよ、pre_get_postsを使おうという記事を書いたところ、query_postsを使っていた方からの不安の声が噴出したり、フォーラムでpre_
WordPressカスタマイズの幅が劇的に広がる、フィルターフックとアクションフックの使い方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、日々WordPressをカスタマイズしているエンジニアのひろゆきです。 今回はWordPressのカスタマイズの際に活躍するフィルターフック、アクションフックについてまとめました。 本稿ではフックを知ってもらって、とりあえず使ってみることを目的としますので、詳しい動作原理や本来の目的などについてはCodexなどを見てくださいね！ 参考：プラグイン API – WordPress Codex 日本語版 http://wpdocs.sourceforge.jp/プラグイン_API また、過去に弊社CTOのづやが便利なアクションフックについての記事「wordpressでよく使った管理画面用アクションフック」を書いておりますので、こちらもあわせて見てみてください！ フィルターフック、アクションフックとは まずはフィルターフックとアクションフックの違いについてですが、それぞれフックの種類
WordPress独自テーマを作る際に私がハマりがちなのが、ページ送り。 記事一覧の取得にquery_postsを利用しているとページ数や条件をうまく取得できず、2ページ以降の記事が表示されない事が多々あります・・。 今回はその「ページ送り機能」がうまくいかないときに使える、 私の知るすべての対処法をメモしておこうと思います。 query_postsとは 記事一覧を表示する際、特定のカテゴリだけ表示させたかったり、作成日順ではなく更新日順に並べたかったり。 そんな要望を叶えてくれるのが query_posts ですね。 たとえばカテゴリIDが3の記事を4つずつ表示したい時はこう。 <?php if (have_posts()) : query_posts('posts_per_page=4&cat=3'); ?> <?php while (have_posts()) : the_post(
はじめに Gridsome どんな感じで動くのか やってみる データソースとかもろもろ設定してみる ビルドする Wordpressをデータソースに設定してみる まとめ はじめに 前回、Docker + Remote Containersを最高だと紹介したわけですが、今回はGridsomeを紹介します。そもそも前回のブログはこれを試すために環境を整備しなおそうとしたのがきっかけでした。なお、前回のブログはこちら。 www.keisuke69.net どこらへんが最高かっていうと全てのデータソースに対してGraphQLでアクセスできるようになるところ。これって最高じゃないですかね。ま、最終的には静的サイトとしてGenerateしてしまうわけですが。 ちなみに、なぜ、今回Gridsomeを試そうと思ったかというと、最近聞いたとあるPodcastで紹介されてたからです。それだけ。 Gridsome
WordPressのテーマ作成で、ありがちなアンチパターンです。 テンプレート内にロジックは書かない query_postsは使わない。 wp_head(),wp_footer()はちゃんと書く .alignleft, .alignright等のCSSは定義する JavaScriptは、wp_enqueue_scriptを使って読み込む 更新のあまりないページでも静的にせず、固定ページに入れる テンプレート内にロジックは書かない 関数はここから引用。 http://www.2ndgate.jp/archives/614 before <ul> <?php while(have_posts()):the_post();?> <li> <?php the_post_thumbnail();?> <p>ファイルサイズ: <?php $attachment = get_post_thumbnail
-Welcartの使い方まとめ(WordPressで作るECサイト)-Whisper | Diary
2年ぶりの記事ですが、、今回は最安値かつ汎用性の高いECサイトを構築できる、 WordPressとWelcartによるECサイト構築方法をご紹介します。 純粋なECサイトを構築できるEC CUBEやZen Cartなどがありますが、 Welcartの導入メリットはWordPressを通してカートを様々な種類のサイトに導入できる点ですね。 何かと情報が少なく調べ回っていたので 導入検討中の方や、同じような事に悩まれてる方のご参考になれば幸いです＾＾ 下記は実際に導入したクライアント様サイトです。 お客様のサイト 「ハンドメイドのspoooon(スプーン)公式通販サイト」 ⇒オリジナルのヘアゴムやシュシュなどを取り扱ったハンドメイドショップ － Welcartとは － ショッピング機能をWordPress内に組み込むことのできる純国産のWordPressの専用プラグインです。 商用無料で利用で
カスタム投稿タイプのパーマリンクをカスタム設定できるWordPressプラグイン・Custom Post Type Permalinks - かちびと.net
WordPressのカスタム投稿タイプに関する記事が凄く多くなって来ましたが、まだWPに不慣れですとコードの管理が結構大変です。functions.php頼りという感じですしね。そういうわけなので、せめてパーマリンク化くらいはプラグインにお願いしましょう。 当サイトも含め、カスタマイズ記事は沢山あるんですけど、WordPressの大きな魅力はプラグインの豊富さです。もちろん、他デベロッパーへの依存にも繋がるのでメリットばかりとは言えませんが、工数を大きく減らせるのは間違いありません。 こんな感じでカスタム投稿タイプで作成した記事のURLを、通常の投稿同様にカスタム構造のパーマリンクに変更できます。※事前にパーマリンク設定がカスタム構造に設定されている必要があります。 各カスタム投稿タイプのパーマリンクを設定 各カスタム投稿タイプごとのアーカイブのURL,日付によるアーカイブのURLを追加
LIGライターになる以前はLIGサイトを辞書代わりに使っていたライター内藤です。 LIGでは、Web制作の現場で実際に使われている技術をブログとして公開しています。 今回は、過去に公開されたWordPress関連の記事を目的別にまとめてみましたので、辞書代わりに使ってみてください。きっと役に立つこと請け合いです。 （このページをブックマークしておくか、Evernoteに保存しておくのがお勧めです。） 索引 ユーザの更新作業をスムーズにする(管理画面のカスタマイズ) サイト管理者の運用効率を高める Webサイトの価値を高める 多彩なWebサイト構築のための技術 パフォーマンスとセキュリティを高める トラブル(不具合)対処 サーバ関連 WordPressの書籍 ユーザの更新作業をスムーズにする(管理画面のカスタマイズ) 記事投稿がしやすくする WordPressでクライアントのために出来る
サブループを使えば、多様な情報を表示するポータルサイトも簡単に作れます 複数ループの制御までくるとワンタッチで使えるプラグインは用意されていません。カスタマイズするには基本的なPHPの知識が必要になります。 そもそも記事の表示だけならメインループだけで実現できます。おそらくこのページの情報が必要になるのはWeb業界の人だと思います。 Codexを何十回も読み返しながら書く、解説の解説みたいな記事なので専門知識のある方にはくどいかもしれません。 ご了承下さい。 2015年3月追記：この記事は古い内容を含んでいます。「新しいループについての投稿はこちら」をご覧ください。 ループについて更に詳しく解説 前回に続き、ループでどんな動作をしているかを更に詳しく見てきます。この仕組を理解しておくと後の説明もすぐに飲み込めるようになります。 ループ処理の順序 1.WordPressはまず動作するのに必要
WordPress 3.0 ベータ1 の日本語版 がリリースされ、インストールしてイジり始めた人も多いことでしょう。皆は MU との統合でサイトの複数運営が簡単になりそうねな「ネットワーク」に気がいってしまってるようだが、実際の現場で重宝されるのは圧倒的に カスタム投稿タイプ に違いないのである。多いに活用されるか否かはネーミングに因るところが大きい、ということは 以前ご説明差し上げましたとおり タクソノミーが証明しているのだ。それにしても「ネットワーク」か ... 遠いな。 3.0 で一介のブログシステムから本格 CMS へと大きく変貌を遂げる WordPress は、3年後をメドに「前田さんとこの WordPress テーマって有料らしいわよ！」「んまぁ！見かけによらず大胆ねぇ」とご近所のおばちゃん達のヒソヒソ話でも話題になるほどメジャーな存在として認知される予定である。そのための大き
WordPressのループの仕組みを深く知る query_posts() と get_posts() の違い | hijiriworld Web
Posted on: 2012/02/13 WordPressのループの仕組みを深く知る query_posts() と get_posts() の違い WordPressループの基本 <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <!-- 表示内容を記述 --> <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2> <div <?php post_class(); ?> id="post-<?php the_ID(); ?>"> <?php the_content(); ?> </div> <?php endwhile; ?> <?php endif; ?> これは WordPressループの基本構文です
レスポンシブWebデザイン対応のjQueryイメージスライダー・FlexSliderがWordPressプラグインになってた
以前ご紹介した、iPhoneやiPadなど 様々なデバイスにレイアウトを自動 で対応するレスポンシブWebデザイン 対応のjQuery製のイメージスライダー FlexSliderがWordPressプラグインに なっていました。 高機能ってものではないですけど、似たようなものを作るつもりで放置してたのでありがたかったのでついでにシェアします。 Responsive Slider Plugin With FlexSlider for WordPress 簡単にWordPressに導入出来るようにしてくれました。 カスタム投稿タイプで管理 仕組みが凄く参考になりました。ちょっと発想が無かったんですが、カスタム投稿タイプで作成したコンテンツをショートコードで呼び出しています。いい方法ですねーこれ。 仕組み備忘録として簡単に仕組みをメモ。 カスタム投稿タイプを作るdefine('CPT_NAME'
WordPress でトップページを静的ページにして、サブディレクトリにブログを配置する方法 - minorio のプログラミング・メモ
基本的な情報は、Pages - WordPress Codex 日本語版に書いてあるんだけど、なんだかややこしいので整理しておこう。 ※ WordPress のバージョンは 2.6 として書いています。それ以前のバージョンではプラグインなどを導入しないと使えない機能があるかも知れません。 目標とするサイト構造 今回、目標とするサイト構造は、http://example.com/ に静的なトップページがあり、http://example.com/blog/ にアクセスするとブログのトップページが表示されるというもの。http://example.com/ で表示されるトップページには http://example.com/blog/ へのリンクが含まれる。またブログの記事は全て http://example.com/blog/ 以下に配置される。 ページテンプレートを２つ作成する 以下の２つ
WordPressでテンプレート作る時に、「WP_Query」は一番使ってる気がするのになんだかんだで、いっつも検索して調べてるので、覚えるためにも大雑把にまとめてみます。 『WP_Query』ってどんな時に使うのか？ WordPress のページの一部でメインループではない、独自のループ設定をしたい時なんかに query_posts() の代わりに使ったりします。 使い方は、欲しい引数の条件を設定してループに教えてあげればいい。 例えば、カテゴリ ID 1 の記事を 5 件欲しかったら <?php $args = array( 'cat' => 1, 'posts_per_page' => 5 ); $the_query = new WP_Query( $args ); if ( $the_query->have_posts() ) : while ( $the_query->have_
HOME › Website Tips ノート › Posted on: 2010/08/12 何となく分かった！「カスタム投稿タイプ」の表示方法や条件分岐など 目次 カスタム投稿タイプを使えるようにする シングルページの表示 条件分岐 アーカイブページ • ケース1：投稿（post）と同時表示 • ケース2：カスタム投稿のみ表示 • 気をつけること RSS フィードの調整 一般的なブログ形式の場合は、カテゴリーとタグで十分なんですが、カスタム投稿タイプとカスタムタクソノミーの使い方が理解できると、もう手放せなくなりそうです。 ブログ、お知らせ、イメージギャラリー、ポートフォリオ、店舗紹介、Q&A などなど、様々な投稿タイプにあった使い方や表示が実現できます。 日本でもようやくその情報を目にする事が増えてきましたが、それでも思うようにいかないことも多かったので、表示方法やテンプレート
WordPressで、更新履歴やお知らせ履歴をリスト表示したシンプルな別ページを作って、トップページやサイドバーからiFrameやphpのinclude等で呼び出したいケースがあります。 方法は色々ありそうです。私がクライアントさんのサイトで行った方法を紹介します。少々強引です。 私が実施した方法は、固定ページ内に更新履歴やお知らせ履歴のループをPHPで書いてしまう方法です。Exec-PHPプラグインを利用すれば、固定ページ内でPHPを実行することができます。 WordPressで更新・お知らせ履歴を別ページで作る方法 色々、最悪です。 まず、顧客案件で Exec-PHP を使うなんてもってのほか。 例えば、お客さんが以下のようなコードを通常記事に打ったら、MySQL のユーザーアカウント/パスワードが漏洩してしまいます。 <?php echo DB_USER ."\n"; echo DB
説明 先週3回にわたってtax_queryパラメータを使ったカテゴリーや投稿タグ、投稿フォーマットの絞り込みを整理したが、その途中で目に付いたのが'meta_query'パラメータ。この'meta_query'パラメータは、カスタムフィールドの絞り込み条件を指定するためのもので、3.2で登場した新しいパラメータのようだ。 まずはカスタムフィールド関連パラメータのおさらいから。 これまでの query_posts関数でカスタムフィールドを使うケースとしては、特定のカスタムフィールドが設定されているものを絞り込む場合と、カスタムフィールドの値でソートする場合がある。例えば'ranking'が'1'の投稿を絞り込む場合は
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き）
Web屋の私がブックマークしているサイト65 | Webクリエイターボックス
WordPressをカスタマイズするなら絶対覚えておきたい条件分岐やカスタム投稿タイプなどいろいろ
プラグインを使わずWordPressに9の機能をつける | Webクリエイターボックス
WordPressのお勧めプラグインと設定方法を公開
WordPressで困った時に役立つお助けコード8つ
WordPressのプロになるなら最低限知っておきたい10＋1個の知識、挙げてみますね！
TRANS - WordPressで企業サイトを作る際に押さえておくべき10個のこと
WordPressテーマ（テンプレート）カスタマイズのまとめ（日本語訳） - Trans
WordPress管理画面カスタマイズあれこれ10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
すごい便利！WordPressでブログをリニューアルするときに役立つ３０
query_postsを捨てよ、pre_get_postsを使おう【追記あり】【報告あり】
WordPressをカスタマイズする方法！便利なコードまとめ
絞り込み検索をプラグインを使わずに実装[WordPress]
WordPressでサムネイル入り新着記事一覧を作る
Nginxを使ったもう一歩進んだWordPressチューニング
wordpressでトップページを固定ページに設定して新着記事も表示する
テンプレートタグ/query posts - WordPress Codex 日本語版
「WordPressのトップページに、新着記事数件を表示する」get_postsのサンプルコードをあげとく
WordPress で新着記事を表示する方法
諦めないで…！WordPressでページ送りがうまく行かない時の3つの対処法+究極奥義
Vue.jsのサイトジェネレータGridsomeが最高かもしれない - Sweet Escape
WordPressのテーマ作成で気をつけてほしいこととか・アンチパターンとか。 - Toro_Unit
WordPress逆引きLIG辞典！過去のお役立ち記事をまとめました。 | 株式会社LIG
WordPressで複数のループを使ってカスタム投稿一覧を自在に表示する方法
WordPress3.0beta1でカスタム投稿タイプを具体的に使う | wpxtreme
ちょいちょい忘れる『WP_Query』の使い方 | 予習と復習
何となく分かった！「カスタム投稿タイプ」の表示方法や条件分岐など - Website Tips ノート : VARL
Re: WordPressで更新・お知らせ履歴を別ページで作る方法
query_posts（WP_Queryクラス）でカスタムフィールドを使う