SlideShare ist ein Scribd-Unternehmen logo
1 von 28
Downloaden Sie, um offline zu lesen
WordPress	
  
カスタムフィールド特集	
  

  WordPressであんなことこんなこと!




                      aimin10.com	
   さたあいみ
Profile

佐多 愛美  @aimin10
2004年からWEB、Logoデザイン、WEBディレクターしています。
4月からフリーランスとして大阪を中心に活動しています^^
WordPress歴2年。
PHP初心者(*_̲*;  でもWordPressでいろーんなサイト作ってきました!




                  Blog:オウガログ
                  主にWordPressに関する記事を書いています!




                                  aimin10.com	
   さたあいみ
今日のおはなし



1. WordPressってなに?
2. WordPressでできること!
3. カスタムフィールドって?
4. カスタムフィールド特集
5. 実際にやってみよ♪
6. ちょっとだけセキュリティのおはなし




                       aimin10.com	
   さたあいみ
WordPress  って何?



            aimin10.com	
   さたあいみ
WordPress  って何?


     世界で   一番 使用されているブログソフトウェア
          その証拠に↓これだけの人が使ってます。




     無料    WordPress.com   ブログサービス
           WordPress.org   インストール型



                                     aimin10.com	
   さたあいみ
WordPress が人気なの?
なぜ




            aimin10.com	
   さたあいみ
WordPress 人気の理由



1.  いつでもどこでも投稿が簡単!! ガラケー/スマフォ/iPad/


2.  投稿がいくつでも増やせる = コンテンツ充実 = SEO効果的!


3.  テーマデザインが豊富


4.  拡張機能のプラグインが豊富 = ユーザビリティ


5.  オープンソースだからカスタマイズできる




                            aimin10.com	
   さたあいみ
WordPress でどんなことができるの?




                aimin10.com	
   さたあいみ
WordPress でできること




分類分け
                     人気記事

             Blog
                    関連記事



                    aimin10.com	
   さたあいみ
WordPress でできること




         Gallery
                   アイキャッチ


                     aimin10.com	
   さたあいみ
WordPress でできること



                     検索
 マルチサイト


     ポータルサイト
                   カスタムフィールド	
  
                        ×	
  
                       API



                        aimin10.com	
   さたあいみ
WordPress でできること



      BuddyPress
         SNS
                     Welcart
                   ECサイト
      不動産プラグイン
  不動産サイト

                        aimin10.com	
   さたあいみ
WordPress でできること




    なんでもできる理由
カスタムフィールド様〜~


                   aimin10.com	
   さたあいみ
カスタムフィールド特集

              な
            作れ んでも
              ちゃ
                うの
                  よ




         aimin10.com	
   さたあいみ
カスタムフィールドって?



               投稿記事に
               任意のメタデータを追加する機能のこと!




                           aimin10.com	
   さたあいみ
カスタムフィールドって?




  カスタムフィールドのテンプレートを設定できるプラグイン


Custom  Field  Template
                •  ファイル参照
                •  プルダウンメニュー
                •  ラジオボタン
                •  チェックボックス
                •  Htmlエディタ



                              aimin10.com	
   さたあいみ
カスタムフィールド特集


                            管理しやすい



     カスタムフィールド
                ×

              Slider

                       aimin10.com	
   さたあいみ
カスタムフィールド×Slider




  Slider画像が登録されている
    投稿の最新●件だけ表示
                                   ページ      に!
                            ンク先は投稿
                   Sliderのリ




                                 aimin10.com	
   さたあいみ
カスタムフィールド特集


                                      超便利!




         カスタムフィールド
                       ×

                       API
                             Google  Map
Twitter  Search  API


                               aimin10.com	
   さたあいみ
カスタムフィールド × API


APIサービス
                              	
  
                       ちょっと待った
 1.  じゃらんAPI 
                     SEO 大丈夫?
                   コンテンツ充実
 2.  ぐるなびAPI

 3.  天気予報API

 4.  楽天API                                     まだまだ
                                               あるよ!

 5.  もしもドロップシッピングAPI




                                     aimin10.com	
   さたあいみ
カスタムフィールド特集


                        使える!


     カスタムフィールド
              ×
         表示切り替え



                  aimin10.com	
   さたあいみ
カスタムフィールド × 表示切り替え


広告の表示/非表示

                                      <?php	
  
                                       $id	
  =	
  get_post_meta($post-­‐>ID,	
  "ad",	
  true);	
  
                                      	
  	
  	
  	
  if	
  (!empty($id)):	
  
   [ad]	
                             ?>	
  
   type	
  =	
  radio	
               <!-­‐-­‐広告ここから-­‐-­‐>	
  
                                      <div	
  class="ad”>	
  
   value	
  =	
  yse	
  #	
  no	
     <?php	
  $tai	
  =	
  get_post_meta($post-­‐>ID,"adwords",true);	
  ?>	
  
   label	
  =	
  広告有無                 <?php	
  if	
  ($tai	
  ==	
  'no')	
  :	
  ?>	
  
   default	
  =	
  yes                ここにnoの時に表示させたいこと	
  
                                      <?php	
  else	
  :	
  ?>	
  
                                      ここに広告	
  
                                      <?php	
  endif;?>	
  
                                      <!-­‐-­‐ad-­‐-­‐></div>	
  
                                      <!-­‐-­‐広告ここまで-­‐-­‐>	
  
                                      <?php	
  endif;	
  ?>	
  




                                                                          aimin10.com	
   さたあいみ
カスタムフィールド特集


                                 集客
     カスタムフィールド
              ×
        リッチスニペット

              リッチスニペットは画像や評価等の情報を掲載できる
              ユーザーの目線誘導に大きな影響を与える!




                          aimin10.com	
   さたあいみ
じゃ、実際にやってみよ♪


            ×


TwitterBootstrapでSampleサイト作ってみましたー




                          aimin10.com	
   さたあいみ
セキュリティ強化




           aimin10.com	
   さたあいみ
セキュリティ



例えば…

•  ログイン画面に厳重な鍵
•  ファイル へのアクセス制限
•  各種名前の変更                       プラグイン


                                    n
                           c kDow
                   LoginLo      dPre
                                     ss
                               r
                        re Wo
                   Secu      rity Sc
                                     an
                            u
                    W P Sec




                       aimin10.com	
   さたあいみ
最後に




      素敵なWordPressライフを…




                     aimin10.com	
   さたあいみ
ご清聴ありがとうございました!




             aimin10.com	
   さたあいみ

Weitere ähnliche Inhalte

Ähnlich wie Wbosaka

WordPressで作る世界遺産サイト|カスタムフィールドとカスタム投稿編
WordPressで作る世界遺産サイト|カスタムフィールドとカスタム投稿編WordPressで作る世界遺産サイト|カスタムフィールドとカスタム投稿編
WordPressで作る世界遺産サイト|カスタムフィールドとカスタム投稿編
Yoshinori Kobayashi
 
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
Yu-ki Motoyama
 

Ähnlich wie Wbosaka (7)

[CTO Night & Day 2019] よくある課題を一気に解説!御社の技術レベルがアップする 2019 秋期講習 #ctonight
[CTO Night & Day 2019] よくある課題を一気に解説!御社の技術レベルがアップする 2019 秋期講習 #ctonight[CTO Night & Day 2019] よくある課題を一気に解説!御社の技術レベルがアップする 2019 秋期講習 #ctonight
[CTO Night & Day 2019] よくある課題を一気に解説!御社の技術レベルがアップする 2019 秋期講習 #ctonight
 
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解するWordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
 
類似画像検索APIを作ってみた話
類似画像検索APIを作ってみた話類似画像検索APIを作ってみた話
類似画像検索APIを作ってみた話
 
kintoneカスタマイズの可能性
kintoneカスタマイズの可能性kintoneカスタマイズの可能性
kintoneカスタマイズの可能性
 
Advanced customfieldsの追加機能options pageについて(画像自主規制ver)
Advanced customfieldsの追加機能options pageについて(画像自主規制ver)Advanced customfieldsの追加機能options pageについて(画像自主規制ver)
Advanced customfieldsの追加機能options pageについて(画像自主規制ver)
 
WordPressで作る世界遺産サイト|カスタムフィールドとカスタム投稿編
WordPressで作る世界遺産サイト|カスタムフィールドとカスタム投稿編WordPressで作る世界遺産サイト|カスタムフィールドとカスタム投稿編
WordPressで作る世界遺産サイト|カスタムフィールドとカスタム投稿編
 
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
「やりたい!」が「できた!」に変わる。チームで作るWebサービス〜Scoobの場合〜
 

Wbosaka