SlideShare a Scribd company logo
WordPress初心者からの脱出!

カスタムなんとかを
ちゃんと理解する

                               2013.1.5
                     WordBench神戸 上村崇
                               @uemera
自己紹介
      @uemera   uemura


• 上村崇 ( うえむらたかし )
• フリーランスのシステムエンジニア
• プログラミングやサーバ構築を含むWebシステム
  構築が主な仕事。
• 最近はFuelPHPを使っています。
• IT 業界のキャリア 10 年ちょっと
• 西宮在住
最近のオレ
                           XOOPS
                   勉強会準備
                    WordBench,
                    サーバ関係              PHPフレームワーク
      JavaScript
                                            FuelPHP、CodeIgniter
       jQuery




 WordPress
主に技術サポート



                                            SoyCMS
                                           ネットショップのメンテ
               サーバインフラ         Excel VBA
             VPS構築              経理ソフト
本日のおしながき

カスタムと名のつく機能を整理します。
・カスタムフィールド
・カスタム投稿タイプ
・カスタムタクソノミー
・カスタムメニュー、カスタムリンク
なぜ「カスタム系機能」が必要か?


• 標準機能ではもの足りないから。
  つまりカスタム○○は、
  「足りないもの」を補うための機能。
• 「カスタム」というキーワードから分かる
  ように、カスタム○○は自分自身が自由に
  カスタマイズできる「オレオレ機能」。
つまりこういうこと。

 オレオレ投稿タイプ


 オレオレフィールド


 オレオレタクソノミー


 オレオレメニュー
カスタムフィールド
タイトル




                   記事




管理画面にログインして標準の記事投稿を見ると、
タイトルとブログ記事を書くところしかありません。
つまり「タイトルフィールド」と「記事フィールド」しかありません。
「カスタムフィールド」を使うと、これ以外に入力できるフィールドを増
やせます。
例: おすすめ飲食店情報のブログ




   このように
   お店に関する情報を入れたい。
   ・住所
   ・電話番号
   ・座席数
   ・星の数で評価
いったん、
(カスタムフィールドを使わずに)
記事投稿欄に書いてみます。
・住所
・電話番号
・座席数
・評価
カスタムフィールドを使わずに、記事投稿欄だけで
お店の情報を表示できました。
ただ記事を表示するだけならこれで問題ないです。
しかし、記事の数が増えてきた時に
・座席数の多い順に記事を並び替えて表示したい
・評価が高い順に記事を並び替えて表示したい
と思うかも知れません。
そんなときに、カスタムフィールドが役に立ちます。
カスタムフィールド機能の使い方(1)




              1. 表示オプションを開きます。
カスタムフィールド機能の使い方(2)




              2. 「カスタムフィールド」に
              チェックをつけます。
カスタムフィールド機能の使い方(3)




               3. 投稿入力画面にカスタムフィー
               ルドの入力欄が出現するので、ここ
               にデータを追加します。
しかし、カスタムフィールドで入力
                 したデータはそのままでは表示され
                 ません。
                 表示させるためには、テーマのテン
                 プレートファイルを改造する必要が
                 あります。



カスタムフィールドデータを入
れたのに表示されていない!
twentytwelveテーマフォルダの中に存在する
  テンプレートファイル content.phpを編集します。
  (wp-content/themes/twentytwelve/content.php)




content.phpの
the_content がある行の下に

<?php the_meta(); ?> ?>
<?php the_meta();
を追加。
カスタムフィールドに入力した値が
表示されました。
しかし、ただカスタムフィールドの値を記事に表示させるだけの使い方な
ら、カスタムフィールドをわざわざ使う必要はありません。
カスタムフィールドは
データを表示するときではなく、データを利用するときに真価を発揮しま
す。
              カスタムフィールドに入力した値が
              表示されました。
カスタムフィールド利用の例

デフォルトの記事の表示順は             でも「 席数の降順 」
投稿日時の降順になっています。           に出るようにしたい。

記事3 (1月3日投稿)
                 席数 98          席数 102
アベーテ

記事2 (1月2日投稿)
                 席数 58           席数 98
リストランテ マキャベリ

記事1 (1月1日投稿)
                席数 102           席数 58
コルティブォーノ


「投稿日付で並び替え」や「タイトルで並び替え」はカスタムフィールドを使わなくても
実現できますが、ユーザが独自に作った「席数」での並び替えはカスタムフィールドを使
わないと実現できません。
index.phpに、
席数の降順で記事を表示するためのロジックを追加します。




   index.php の have_posts() の前に追加します。
   meta_key: カスタムフィールドのキー
   orderby: 並び替える対象。カスタムフィールドの
      値を数値で比較し並び替える場合に
      meta_value_num を使います。
    ※参考: 文字列比較する場合は meta_value で。
   order: 並びかえの方向。
      DESC は降順。 ASC は昇順。
   詳しくは「query_posts」で検索しよう。
席数の降順で
うまく並び変わりました。
そのほか、
カスタムフィールドはこういう使い方ができます。


•   投稿において、「タイトル」のほかに例えば「サブタイトル」のよう
    な、すべての記事に決まったフィールドを入力したい場合。どの記事
    にも必要な追加項目がある場合はカスタムフィールドを作って入力を
    忘れないようにすると便利です。

•   フィールドA(数値)と、フィールドB(数値)の入力欄を用意し、
    記事表示にはその計算結果(A✕B)を表示させたい場合。

•   WordPressに詳しくない第三者に記事を書かせる場合、記事投稿欄
    に入力するやり方よりも、 カスタムフィールドという特別な入力欄
    があると記入箇所を誘導しやすいです。
カスタムフィールドを利用するためののプラグイン


 プラグインを使用すれば、より表現豊かなカスタムフィールドが
 作れます。

 ・Advanced Custom Fields
  UIが使いやすい。テキストの他、セレクトボックス、チェック
  ボックス、dateピッカー、カラーピッカーなどが利用可能。


 ・Custom Field Template
  日本人作のプラグイン。設定はGUIではなくコードを書くことに
  なるのでとっつきにくい。

 ・Custom Field GUI Utility
  非公式プラグイン。iniファイルの設定が必要なのでカスタマイズが
  めんどくさい。
カスタム投稿タイプ
投稿

        固定ページ



WordPressでは「投稿」と「固定ページ」が標準で利用できます。
・投稿 ・・・・・ post という投稿タイプ名で管理されます。
・固定ページ・・・ page という投稿タイプ名で管理されます。
これ以外にも、ユーザが第3の投稿形式を新しく作ることができます。
それがカスタム投稿タイプです。
カスタム投稿タイプを使うと、
         何が便利なのでしょう?

例: こういう使い方

 投稿(標準機能)     日常のブログを書く

固定ページ(標準機能)   プロフィールやお問い合わせ

カスタム投稿タイプ     イタリアン食べ歩き記事を書く
カスタム投稿タイプを使わず、
      カテゴリーで分ければいいじゃん?


        カテゴリー

投稿        ブログ      日常のブログを書く

       イタリアン食べ歩き   イタリアン食べ歩き記事を書く




     もちろんこれでも問題ないです。
カスタム投稿タイプだと
        もっと便利な使い方ができます。

             カテゴリー
    投稿          今日の一言
 自分の個人ブログ
                オレの特技

                寒いギャグ

             カテゴリー       カスタムフィールド

 カスタム投稿タイプ        神戸        住所
 イタリアン食べ歩き       大阪         席数

                 京都         評価


カスタム投稿タイプを利用すると、投稿を区別することができるので、
カテゴリーやカスタムフィールドも別々に管理できるメリットがあります。
カスタム投稿タイプを利用した場合のメニューは
こうなります。

    投稿

  固定ページ

イタリアン食べ歩きの
カスタム投稿タイプ
カスタム投稿タイプを使うと、
「イタリアン食べ歩き」専用の投稿欄ができて、そ
こに記事を書くことができます。

ただし、カスタム投稿タイプは標準では使えるよう
になっていません。

あと、「カスタム投稿タイプ」は
「カスタムポストタイプ」って言うこともあるから
注意な。
カスタム投稿タイプを使うには?
・プラグインを使う
 これが手っ取り早いし簡単です。
 ただし、プラグインの仕様や制限に依存します。
 WordPress本体がバージョンアップしたり、プラグインが開発
 中止になったら使えなくなる可能性があります。
 メリットとして、使用しているテーマを変更してもプラグインの
 設定をしなおす必要がありません。

・functions.phpにコードを書く
 カスタム投稿タイプを使えるようにするためのphpコードを書く方法です。
 上級者向けですが、
 - プラグインの数をむやみに増やさなくて済む。
 - 別のサイトにも同じ設定を使い回しやすい。
 - WordPress本体のバージョンアップをしてもそのまま使えることが多い。
 などのメリットがあります。
 デメリットとして、functions.phpはテーマに依存するファイルなの
 で、テーマを変更するとカスタム投稿タイプ機能が無効になります。
カスタム投稿タイプを扱えるようにするプラグイン
「Custom Post Type UI」


                 投稿タイプ名
                 italian




              ラベル
              「イタリアン食べ歩き」
最近注目のカスタム投稿タイプ用プラグイン「Types」




                         カスタム投稿タイプ名を
      スラグ(URLの一部になるもの)   書きます。
      を記入します。半角英数字で。     「イタリアン食べ歩き」
      italian
詳しくTypesを知りたい場合はこちらで。
http://www.slideshare.net/takashihosoya/types-15307132
DBの中はどうなっているのでしょうか?
投稿データを管理するwp_postsテー ブル
を見てみます。
post_typeに投稿タイプ名が記録されています。




                投稿記事は post

                 固定ページ記事は page

                カスタム投稿タイプ記事
                は italian
カスタム投稿タイプの記事の表示URL




      http://xxxx.com/?post_type=italian


      カスタム投稿タイプの記事は、トップページURLの後ろに
      ?post_type=xxxx を付けることで表示できます。
      ただし、例えばTypesプラグインだと、カスタム投稿タイプの設
      定で
      「custom post typeでインデックスページを作成する」
      オプションを有効にしておく必要があります。
      また、このURLへのリンクはメニューやサイドバーから自動的に
      張られる訳ではないので、必要であればメニューからのリンクも
      自分で作成しなくてはなりません。
カスタム投稿タイプが利用できるページ

カスタム投稿タイプを作成しても、自動的にカテゴリページや月ごとのアーカイブペー
ジが用意されないので、必要な場合はテンプレートファイルを自作する必要がありま
す。


カスタム投稿タイプ作成時に、すぐに利用できるページ

                            カスタム投稿
                   投稿
                             タイプ

indexページ            ○         ○

カテゴリページ             ○       ☓(要自作)

月ごとアーカイブページ         ○       ☓(要自作)

シングルページ             ○         ○
<参考>functions.phpにコードを書いて
         カスタム投稿タイプを実装する場合




・カスタム投稿タイプ&カスタムフィールドを使ってみる webstudio AWD
 http://awd-­‐web.com/blog/1805

・カスタム投稿タイプとカスタムタクソノミーをプラグインを使わずに実現する
  ¦ yusk
 http://www.yusk.org/memo/wp/custom-post-type_custom-taxonomy.html
カスタムタクソノミー
タクソノミー
taxonomy = 分類

 よって「カスタムタクソノミー」は
 「カスタム分類」とも言います。
カスタムタクソノミーは
    カスタム投稿タイプとセットで使います。

カスタムタクソノミーで「カテゴリ機能」を実装できます。


      カスタム投稿タイプ   カスタムタクソノミー

      イタリアン食べ歩き    神戸のイタリアン

                   大阪のイタリアン

                   京都のイタリアン




カスタム投稿タイプを作っただけでは、記事にカテゴリを設定することは
できません。
そういうわけで、「カスタムタクソノミー」を使ってカテゴリ機能を作ります。
じゃあなんで
       「カスタムカテゴリー」て言わないの?

カスタムタクソノミーは「カテゴリー」の他に、「タグ」も付けられるので、
タクソノミー(=分類)という抽象的な表現をしているのだと思います。



  投稿                カスタム投稿タイプ
                      カスタムタクソノミー
       カテゴリ機能
                       ・カテゴリ機能

        タグ機能           ・タグ機能
カスタムタクソノミーを使う(1)




      カスタム投稿タイプを作っただけでは、
      カテゴリブロックは表示されていません。
カスタムタクソノミーを使う(2)


          ここでは例として、プラグイン「Types」を使用します。
          Typesはカスタム投稿タイプだけでなく、
          カスタムタクソノミー、カスタムフィールドの設定もあわせて
          行うことができます。




        Typesの Custom Types及びTaxonomy で
        「イタリアン食べ歩き」のポストタイプ編集を開きます。



                Taxonomy選択で、「カテゴリー」にチェッ
                クして保存します。
カスタムタクソノミーを使う(3)




       「イタリアン食べ歩き」のカスタム投稿タイプの
       記事編集画面にカテゴリーのブロックが出現しました!
カスタムタクソノミーを使う(4)




          ちなみに、Typesの設定画面で、「タグ」にチェック
          いれた場合は...
カスタムタクソノミーを使う(5)




       「イタリアン食べ歩き」のカスタム投稿タイプ編集
       画面にタグのブロックが出現しました!
カスタムメニュー
カスタムリンク
カスタムメニューとは
  タイトルの下に表示されているメニューを自分の思
  い通りに変更できる機能です。




デフォルトでは、ホームと固定ページへのリンクが
表示されています。




                   その方法は? →
カスタムメニューの作成 (1)




         メニュー


                  まず、カスタムメニューに名前をつけます。
カスタムメニューの作成 (2)




                  「カスタムリンク」
                  「固定ページ」
                  「カテゴリー」
                  を自分のすきなようにメニューに追加で
                  きます。
カスタムメニューの作成 (3)




                  最後に、メインメニューを先ほど作成した
                  「メニューテスト1」に設定して保存します。
カスタムメニューの作成 (4)




                  自分でカスタマイズしたメニューが
                  表示されました。
ちなみに、
カスタムメニューはサイドバーに表示することもできます。




          ここに表示することもできます。




                     その方法は? →
カスタムメニューをサイドバーに表示する方法




   1. ウィジェット

                        2. カスタムメニューをサイドバーへ
                        ドラッグします。




               3. 表示するメニューを選択します。



                   以上でカスタムメニューをサイドバーに表示できます。
まとめ

・カスタム○○は標準では足りない機能を補うためのもの。
 カスタム○○を知らないと死ぬ、というわけではありません。
 「WordPressをより便利に使えるようになる」ということです。

・カスタム○○を知っていると、
 「WordPressを使いこなしている」感を得られる。
 「標準機能より一歩進んだ使い方ができるオレかっこいい」的な。

・「ブログとしてのWordPress」から、
 「CMSとしてのWordPress」にレベルアップできる。
 カスタム○○はブログというよりCMS的な機能拡張です。
ありがとうございました。

More Related Content

What's hot

Launch a Web Service in 3 Days Using WordPress
Launch a Web Service in 3 Days Using WordPressLaunch a Web Service in 3 Days Using WordPress
Launch a Web Service in 3 Days Using WordPressKite Koga
 
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャマークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
力也 伊原
 
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
 
⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2
Nishida Kansuke
 
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoyaWordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoyaShinichi Nishikawa
 
concrete5デザインカスタマイズに必要なPHPの知識
concrete5デザインカスタマイズに必要なPHPの知識concrete5デザインカスタマイズに必要なPHPの知識
concrete5デザインカスタマイズに必要なPHPの知識
Hishikawa Takuro
 
HTML5, きちんと。
HTML5, きちんと。HTML5, きちんと。
HTML5, きちんと。
Masataka Yakura
 
いちばん簡単なconcrete5テーマ
いちばん簡単なconcrete5テーマいちばん簡単なconcrete5テーマ
いちばん簡単なconcrete5テーマ
Hideki MACHIDA
 
【Wordpress】LightBox風jQueryを使ってポップアップ上でカスタムフィールドを出力。
【Wordpress】LightBox風jQueryを使ってポップアップ上でカスタムフィールドを出力。【Wordpress】LightBox風jQueryを使ってポップアップ上でカスタムフィールドを出力。
【Wordpress】LightBox風jQueryを使ってポップアップ上でカスタムフィールドを出力。
Kazuki Akiyama
 
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座Shinichi Nishikawa
 
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
Shinichi Nishikawa
 
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作るBootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Yoshinori Kobayashi
 
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶWord press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
climbFrog
 
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」タカシ キタジマ
 
HTML5マークアップの心得と作法
HTML5マークアップの心得と作法HTML5マークアップの心得と作法
HTML5マークアップの心得と作法
Futomi Hatano
 
使ってはいけないテンプレートタグ(Word bench 2015/08)
使ってはいけないテンプレートタグ(Word bench 2015/08)使ってはいけないテンプレートタグ(Word bench 2015/08)
使ってはいけないテンプレートタグ(Word bench 2015/08)
Masahiro Nakashima
 
情報編集(Web) HTML5とは何か? HTML5、はじめの一歩
情報編集(Web)  HTML5とは何か? HTML5、はじめの一歩情報編集(Web)  HTML5とは何か? HTML5、はじめの一歩
情報編集(Web) HTML5とは何か? HTML5、はじめの一歩Atsushi Tadokoro
 
GDG Women DevfestW
GDG Women DevfestWGDG Women DevfestW
GDG Women DevfestW
Tomoko Sato
 

What's hot (20)

Launch a Web Service in 3 Days Using WordPress
Launch a Web Service in 3 Days Using WordPressLaunch a Web Service in 3 Days Using WordPress
Launch a Web Service in 3 Days Using WordPress
 
マークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャマークアップエンジニアと情報アーキテクチャ
マークアップエンジニアと情報アーキテクチャ
 
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
 
⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2⑯jQueryをおぼえよう!その2
⑯jQueryをおぼえよう!その2
 
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoyaWordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoya
 
concrete5デザインカスタマイズに必要なPHPの知識
concrete5デザインカスタマイズに必要なPHPの知識concrete5デザインカスタマイズに必要なPHPの知識
concrete5デザインカスタマイズに必要なPHPの知識
 
HTML5, きちんと。
HTML5, きちんと。HTML5, きちんと。
HTML5, きちんと。
 
いちばん簡単なconcrete5テーマ
いちばん簡単なconcrete5テーマいちばん簡単なconcrete5テーマ
いちばん簡単なconcrete5テーマ
 
【Wordpress】LightBox風jQueryを使ってポップアップ上でカスタムフィールドを出力。
【Wordpress】LightBox風jQueryを使ってポップアップ上でカスタムフィールドを出力。【Wordpress】LightBox風jQueryを使ってポップアップ上でカスタムフィールドを出力。
【Wordpress】LightBox風jQueryを使ってポップアップ上でカスタムフィールドを出力。
 
Webteko 20090925
Webteko 20090925Webteko 20090925
Webteko 20090925
 
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
 
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
 
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作るBootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
 
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶWord press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
 
jQuery Mobile入門
jQuery Mobile入門jQuery Mobile入門
jQuery Mobile入門
 
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
 
HTML5マークアップの心得と作法
HTML5マークアップの心得と作法HTML5マークアップの心得と作法
HTML5マークアップの心得と作法
 
使ってはいけないテンプレートタグ(Word bench 2015/08)
使ってはいけないテンプレートタグ(Word bench 2015/08)使ってはいけないテンプレートタグ(Word bench 2015/08)
使ってはいけないテンプレートタグ(Word bench 2015/08)
 
情報編集(Web) HTML5とは何か? HTML5、はじめの一歩
情報編集(Web)  HTML5とは何か? HTML5、はじめの一歩情報編集(Web)  HTML5とは何か? HTML5、はじめの一歩
情報編集(Web) HTML5とは何か? HTML5、はじめの一歩
 
GDG Women DevfestW
GDG Women DevfestWGDG Women DevfestW
GDG Women DevfestW
 

Similar to WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する

WordPressで 柔軟なユーザー投稿サイトを作るアレコレ
WordPressで 柔軟なユーザー投稿サイトを作るアレコレWordPressで 柔軟なユーザー投稿サイトを作るアレコレ
WordPressで 柔軟なユーザー投稿サイトを作るアレコレ
Shota Tanno
 
20130225 pronet study
20130225 pronet study20130225 pronet study
20130225 pronet studySix Apart
 
Movable Type カスタムフィールドのまとめ
Movable Type カスタムフィールドのまとめMovable Type カスタムフィールドのまとめ
Movable Type カスタムフィールドのまとめ
Yujiro Araki
 
WordPressってブログじゃないの?
WordPressってブログじゃないの?WordPressってブログじゃないの?
WordPressってブログじゃないの?tokumotonahoko
 
Wordpress カスタム投稿
Wordpress カスタム投稿Wordpress カスタム投稿
Wordpress カスタム投稿
Takami Kazuya
 
カスタムフィールドをもっと使い易く!
カスタムフィールドをもっと使い易く!カスタムフィールドをもっと使い易く!
カスタムフィールドをもっと使い易く!
雄一郎 安倍
 
a-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.Kochia-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.Kochi
Kasumi Morita
 
愛と涙のWordPress無理やりカスタマイズ事例集
愛と涙のWordPress無理やりカスタマイズ事例集愛と涙のWordPress無理やりカスタマイズ事例集
愛と涙のWordPress無理やりカスタマイズ事例集
Hidekazu Ishikawa
 
eZ Publish勉強会10月〜Wysiwygエディター〜
eZ Publish勉強会10月〜Wysiwygエディター〜eZ Publish勉強会10月〜Wysiwygエディター〜
eZ Publish勉強会10月〜Wysiwygエディター〜
ericsagnes
 
Movable typeでモバイルギャラリーサイト
Movable typeでモバイルギャラリーサイトMovable typeでモバイルギャラリーサイト
Movable typeでモバイルギャラリーサイトregret raym
 
中級者のためのWordPress講座[第3回]カスタムフィールドを使ってみよう!
中級者のためのWordPress講座[第3回]カスタムフィールドを使ってみよう!中級者のためのWordPress講座[第3回]カスタムフィールドを使ってみよう!
中級者のためのWordPress講座[第3回]カスタムフィールドを使ってみよう!
switch3000
 
ブログ比較くん | 流行記事キュレーション
ブログ比較くん | 流行記事キュレーションブログ比較くん | 流行記事キュレーション
ブログ比較くん | 流行記事キュレーション
caput52
 
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
 
Word press3.3で出来ること
Word press3.3で出来ることWord press3.3で出来ること
Word press3.3で出来ることKenichi Inoue
 
確認スペシャル!
確認スペシャル!確認スペシャル!
確認スペシャル!
horike37
 
a-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazakia-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in OkazakiEtsushi Ishii
 
WordBench熊本第3回勉強会
WordBench熊本第3回勉強会WordBench熊本第3回勉強会
WordBench熊本第3回勉強会
Akinori Tateyama
 
Wbosaka
WbosakaWbosaka
Wbosaka
Aimi Sata
 

Similar to WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する (20)

WordPressで 柔軟なユーザー投稿サイトを作るアレコレ
WordPressで 柔軟なユーザー投稿サイトを作るアレコレWordPressで 柔軟なユーザー投稿サイトを作るアレコレ
WordPressで 柔軟なユーザー投稿サイトを作るアレコレ
 
20130225 pronet study
20130225 pronet study20130225 pronet study
20130225 pronet study
 
Movable Type カスタムフィールドのまとめ
Movable Type カスタムフィールドのまとめMovable Type カスタムフィールドのまとめ
Movable Type カスタムフィールドのまとめ
 
WordPressってブログじゃないの?
WordPressってブログじゃないの?WordPressってブログじゃないの?
WordPressってブログじゃないの?
 
Wordpress カスタム投稿
Wordpress カスタム投稿Wordpress カスタム投稿
Wordpress カスタム投稿
 
カスタムフィールドをもっと使い易く!
カスタムフィールドをもっと使い易く!カスタムフィールドをもっと使い易く!
カスタムフィールドをもっと使い易く!
 
a-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.Kochia-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.Kochi
 
愛と涙のWordPress無理やりカスタマイズ事例集
愛と涙のWordPress無理やりカスタマイズ事例集愛と涙のWordPress無理やりカスタマイズ事例集
愛と涙のWordPress無理やりカスタマイズ事例集
 
eZ Publish勉強会10月〜Wysiwygエディター〜
eZ Publish勉強会10月〜Wysiwygエディター〜eZ Publish勉強会10月〜Wysiwygエディター〜
eZ Publish勉強会10月〜Wysiwygエディター〜
 
Movable typeでモバイルギャラリーサイト
Movable typeでモバイルギャラリーサイトMovable typeでモバイルギャラリーサイト
Movable typeでモバイルギャラリーサイト
 
中級者のためのWordPress講座[第3回]カスタムフィールドを使ってみよう!
中級者のためのWordPress講座[第3回]カスタムフィールドを使ってみよう!中級者のためのWordPress講座[第3回]カスタムフィールドを使ってみよう!
中級者のためのWordPress講座[第3回]カスタムフィールドを使ってみよう!
 
Gov Semi2009 02
Gov Semi2009 02Gov Semi2009 02
Gov Semi2009 02
 
ブログ比較くん | 流行記事キュレーション
ブログ比較くん | 流行記事キュレーションブログ比較くん | 流行記事キュレーション
ブログ比較くん | 流行記事キュレーション
 
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
 
Word press3.3で出来ること
Word press3.3で出来ることWord press3.3で出来ること
Word press3.3で出来ること
 
確認スペシャル!
確認スペシャル!確認スペシャル!
確認スペシャル!
 
a-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazakia-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazaki
 
WordBench熊本第3回勉強会
WordBench熊本第3回勉強会WordBench熊本第3回勉強会
WordBench熊本第3回勉強会
 
Wbosaka
WbosakaWbosaka
Wbosaka
 
gov-semi2008-02
gov-semi2008-02gov-semi2008-02
gov-semi2008-02
 

More from Takashi Uemura

WordPressを10年以上触ってきたオレがこのへんでひとこと言っておくか
WordPressを10年以上触ってきたオレがこのへんでひとこと言っておくかWordPressを10年以上触ってきたオレがこのへんでひとこと言っておくか
WordPressを10年以上触ってきたオレがこのへんでひとこと言っておくか
Takashi Uemura
 
さくらのナレッジ5周年ナイトLT
さくらのナレッジ5周年ナイトLTさくらのナレッジ5周年ナイトLT
さくらのナレッジ5周年ナイトLT
Takashi Uemura
 
WAFって言いたいだけちゃうんか
WAFって言いたいだけちゃうんかWAFって言いたいだけちゃうんか
WAFって言いたいだけちゃうんか
Takashi Uemura
 
アイドル画像ギャラリーサイトを作ったあとどうなったか
アイドル画像ギャラリーサイトを作ったあとどうなったかアイドル画像ギャラリーサイトを作ったあとどうなったか
アイドル画像ギャラリーサイトを作ったあとどうなったか
Takashi Uemura
 
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
Takashi Uemura
 
神戸のアイドルKOBerrieS♪の画像ギャラリーサイトを作った話
神戸のアイドルKOBerrieS♪の画像ギャラリーサイトを作った話神戸のアイドルKOBerrieS♪の画像ギャラリーサイトを作った話
神戸のアイドルKOBerrieS♪の画像ギャラリーサイトを作った話
Takashi Uemura
 
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
 
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニックWordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
Takashi Uemura
 
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
 
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
Takashi Uemura
 
WordPressの使えるプラグイン2013
WordPressの使えるプラグイン2013WordPressの使えるプラグイン2013
WordPressの使えるプラグイン2013
Takashi Uemura
 
WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介
Takashi Uemura
 
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介
Takashi Uemura
 
What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6
Takashi Uemura
 
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
Takashi Uemura
 
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
Takashi Uemura
 
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」Takashi Uemura
 
WordCampOsaka2012 闇WordCamp XOOPS編
WordCampOsaka2012 闇WordCamp XOOPS編WordCampOsaka2012 闇WordCamp XOOPS編
WordCampOsaka2012 闇WordCamp XOOPS編
Takashi Uemura
 
WordCampOsaka2012 WordPressあるある
WordCampOsaka2012 WordPressあるあるWordCampOsaka2012 WordPressあるある
WordCampOsaka2012 WordPressあるある
Takashi Uemura
 
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまでWordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
Takashi Uemura
 

More from Takashi Uemura (20)

WordPressを10年以上触ってきたオレがこのへんでひとこと言っておくか
WordPressを10年以上触ってきたオレがこのへんでひとこと言っておくかWordPressを10年以上触ってきたオレがこのへんでひとこと言っておくか
WordPressを10年以上触ってきたオレがこのへんでひとこと言っておくか
 
さくらのナレッジ5周年ナイトLT
さくらのナレッジ5周年ナイトLTさくらのナレッジ5周年ナイトLT
さくらのナレッジ5周年ナイトLT
 
WAFって言いたいだけちゃうんか
WAFって言いたいだけちゃうんかWAFって言いたいだけちゃうんか
WAFって言いたいだけちゃうんか
 
アイドル画像ギャラリーサイトを作ったあとどうなったか
アイドル画像ギャラリーサイトを作ったあとどうなったかアイドル画像ギャラリーサイトを作ったあとどうなったか
アイドル画像ギャラリーサイトを作ったあとどうなったか
 
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
 
神戸のアイドルKOBerrieS♪の画像ギャラリーサイトを作った話
神戸のアイドルKOBerrieS♪の画像ギャラリーサイトを作った話神戸のアイドルKOBerrieS♪の画像ギャラリーサイトを作った話
神戸のアイドルKOBerrieS♪の画像ギャラリーサイトを作った話
 
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
 
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニックWordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
 
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
 
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
 
WordPressの使えるプラグイン2013
WordPressの使えるプラグイン2013WordPressの使えるプラグイン2013
WordPressの使えるプラグイン2013
 
WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介
 
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介
 
What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6
 
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
 
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
 
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
 
WordCampOsaka2012 闇WordCamp XOOPS編
WordCampOsaka2012 闇WordCamp XOOPS編WordCampOsaka2012 闇WordCamp XOOPS編
WordCampOsaka2012 闇WordCamp XOOPS編
 
WordCampOsaka2012 WordPressあるある
WordCampOsaka2012 WordPressあるあるWordCampOsaka2012 WordPressあるある
WordCampOsaka2012 WordPressあるある
 
WordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまでWordPress実践 導入からカスタマイズまで
WordPress実践 導入からカスタマイズまで
 

Recently uploaded

遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
t m
 
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアルLoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
CRI Japan, Inc.
 
This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.
chiefujita1
 
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援しますキンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
Takayuki Nakayama
 
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさJSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
0207sukipio
 
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
Matsushita Laboratory
 
Generating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language ModelsGenerating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language Models
harmonylab
 
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
Toru Tamaki
 

Recently uploaded (8)

遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
 
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアルLoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
 
This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.
 
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援しますキンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
キンドリル ネットワークアセスメントサービスご紹介 今のネットワーク環境は大丈夫? 調査〜対策までご支援します
 
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさJSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
 
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
 
Generating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language ModelsGenerating Automatic Feedback on UI Mockups with Large Language Models
Generating Automatic Feedback on UI Mockups with Large Language Models
 
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
論文紹介:Deep Learning-Based Human Pose Estimation: A Survey
 

WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する