wordpressでサイトを作ろう!

WordPressでサイトを作ろう!

2012.7.21 上村崇ウェブクリエイターズ高知WCK Sessions vol.2　「選ばれるCMSとその理由」

Sunday, July 22, 12

WordPressを使ってサイトを構築するための基礎知識をご紹介します。

Sunday, July 22, 12

あなたがやりたいことをWordPressで叶えます

・外観(テーマ)を変えたい 自分でカスタマイズできるようになりたい・ブログを書きたい、固定ページを作りたい・お問い合わせフォームはどう作る?・データのバックアップはどうするの?

・地方におけるWordPressの付き合い方

Sunday, July 22, 12

フリーのテーマは無数にあります

Sunday, July 22, 12

管理画面上でテーマインストール可能

外 観テーマのインストール

Sunday, July 22, 12

テーマを自分でカスタマイズする場合は?

Sunday, July 22, 12

カスタマイズ

Sunday, July 22, 12

リアルタイム編集

Sunday, July 22, 12

もっとガッツリとテーマ編集したい?

Sunday, July 22, 12

wordpress

wp-­‐contentthemestwentyeleven

Sunday, July 22, 12

header.php

content.php

sidebar.php

footer.php

index.php

content.php

Sunday, July 22, 12

必要なファイルは限られている

Sunday, July 22, 12

<?php  get_header();  ?><div  id="primary">   <div  id="content"  role="main">

  <?php  if  (  have_posts()  )  :  ?>     <?php  twentyeleven_content_nav(  'nav-­‐above'  );  ?>

    <?php  /*  Start  the  Loop  */  ?>

  <?php  while  (  have_posts()  )  :  the_post();  ?>

   <?php  get_template_part('content',  get_post_format());  ?>     <?php  endwhile;  ?>     <?php  twentyeleven_content_nav(  'nav-­‐below'  );  ?>

  <?php  else  :  ?>     <article  id="post-­‐0"  class="post  no-­‐results  not-­‐found">       <header  class="entry-­‐header">         <h1  class="entry-­‐title"><?php  _e(  'Nothing  Found',  'twentyeleven'  );  ?></h1>       </header><!-­‐-­‐  .entry-­‐header  -­‐-­‐>

      <div  class="entry-­‐content">         <p><?php  _e(  'Apologies,  but  no  results  were  found  for  the  requested  archive.  Perhaps  searching  will  help  find  a  related  post.',  'twentyeleven'  );  ?></p>         <?php  get_search_form();  ?>       </div><!-­‐-­‐  .entry-­‐content  -­‐-­‐>     </article><!-­‐-­‐  #post-­‐0  -­‐-­‐>

  <?php  endif;  ?>   </div><!-­‐-­‐  #content  -­‐-­‐></div><!-­‐-­‐  #primary  -­‐-­‐>

<?php  get_sidebar();  ?><?php  get_footer();  ?>

index.phpheader.php

sidebar.php

footer.php

contents.php

テンプレートタグ

Sunday, July 22, 12

<?php  get_header();  ?><div  id="primary">   <div  id="content"  role="main">

  <?php  if  (  have_posts()  )  :  ?>     <?php  twentyeleven_content_nav(  'nav-­‐above'  );  ?>

    <?php  /*  Start  the  Loop  */  ?>

  <?php  while  (  have_posts()  )  :  the_post();  ?>

   <?php  get_template_part('content',  get_post_format());  ?>     <?php  endwhile;  ?>     <?php  twentyeleven_content_nav(  'nav-­‐below'  );  ?>

  <?php  else  :  ?>     <article  id="post-­‐0"  class="post  no-­‐results  not-­‐found">       <header  class="entry-­‐header">         <h1  class="entry-­‐title"><?php  _e(  'Nothing  Found',  'twentyeleven'  );  ?></h1>       </header><!-­‐-­‐  .entry-­‐header  -­‐-­‐>

      <div  class="entry-­‐content">         <p><?php  _e(  'Apologies,  but  no  results  were  found  for  the  requested  archive.  Perhaps  searching  will  help  find  a  related  post.',  'twentyeleven'  );  ?></p>         <?php  get_search_form();  ?>       </div><!-­‐-­‐  .entry-­‐content  -­‐-­‐>     </article><!-­‐-­‐  #post-­‐0  -­‐-­‐>

  <?php  endif;  ?>   </div><!-­‐-­‐  #content  -­‐-­‐></div><!-­‐-­‐  #primary  -­‐-­‐>

<?php  get_sidebar();  ?><?php  get_footer();  ?>

index.php

テンプレートタグ

Sunday, July 22, 12

テンプレートタグ

Sunday, July 22, 12

WordPress  Codexテンプレートタグ  リファレンス

Sunday, July 22, 12

インデックスページ(最新投稿順の一覧ページ)

シングルページ(１記事のみのページ)

カテゴリーごとページ(カテゴリごとに分けたページ一覧)

日付ごとページ(月毎に分けたページ一覧)

index.php

index.php

index.php

index.php

category.php

date.php

優先

優先

single.php優先

archive.php優先

archive.php優先

Sunday, July 22, 12

アーカイブページ用 カテゴリーページ用

インデックスページ用

シングルページ用

Sunday, July 22, 12

テンプレート階層

Sunday, July 22, 12

ブログを書きたい固定ページを作りたい

Sunday, July 22, 12

投 稿

固定ページ

ブログを投稿するのに使う

静的ページを作るのに使う

Sunday, July 22, 12

固定ページはここに出る

Sunday, July 22, 12

・投稿・固定ページ・カスタム投稿タイプ

Sunday, July 22, 12

Custom Post Type UI

Sunday, July 22, 12

投稿タイプ名(URLとして使用される文字列)

ラベル(人が識別するための名前)

hirosue

広末涼子

Sunday, July 22, 12

投 稿

広末涼子のカスタム投稿タイプができた

固定ページ

Sunday, July 22, 12

広末涼子の記事書き放題!

Sunday, July 22, 12

http://xxx.xxx/?post_type=hirosue

Sunday, July 22, 12

お し ら せ

スタッフブログ

商品案内

H O M E

投稿(カテゴリ=おしらせ)

カスタム投稿タイプ

カスタム投稿タイプが役に立つ例

投稿(カテゴリ=スタッフブログ)

Sunday, July 22, 12

お問い合わせフォームを入れたい

Sunday, July 22, 12

Sunday, July 22, 12

データのバックアップはどうすればいい?

Sunday, July 22, 12

BackWPupプラグイン最強

・ファイルとDBの両方バックアップ・バックアップファイルをFTP転送・スケジュール実行できる・実行結果をメール通知できる・DropBox/AmazonS3/GoogleStorage/　MicrosoftAzure/Rackspace Cloud　にも転送可能・リストアがブラウザからできる・ただし英語

Sunday, July 22, 12

✕

地方におけるWordPressの付き合い方

Sunday, July 22, 12

制作単価が安ければ工数かけなければいいじゃない

プラグイン、テーマなどの有り物をできるだけ活用する

Sunday, July 22, 12

携帯対応: Ktai Stileプラグイン

Sunday, July 22, 12

スマートフォン対応: WPtouchプラグイン

Sunday, July 22, 12

ショッピングカート: Welcartプラグイン

Sunday, July 22, 12

themeforest WOOTHEMES

STUDIOPRESSWordPress ThemesGallery

Sunday, July 22, 12

簡単インストール機能で時間節約こんなサーバーを選ぼう!・WordPressの簡単インストール機能あり・新しいバージョンを使用していること php 5.2.4以上 MySQL 5以上・phpがセーフモード動作のサーバーは避けた方が　良い(xreaとかcoreserverとか)

Sunday, July 22, 12

初期費用 3950円 月額 1500円

2ステップでDB作成とファイル設置まで完了

Sunday, July 22, 12

ロリポプラン初期費用 1575円月額 315円

3ステップでDB作成とファイル設置まで完了

Sunday, July 22, 12

地方は勉強会が少ない?

WordPress関連イベント一覧WordBench東京、大阪などは

Ustream配信アリ

Sunday, July 22, 12

WordBeach(名古屋) 2012.8.25-26WordCamp東京 2012.9.15WordCamp大阪 2012.秋

Sunday, July 22, 12

WordPress 3.x (速習デザイン)

大曲 仁, 星野 邦敏, 豊田 有【著】技術評論社

本格ビジネスサイトを作りながら学ぶWordPressの教科書

プライム・ストラテジー【著】ソフトバンククリエイティブ

Sunday, July 22, 12

ありがとうございました

Sunday, July 22, 12