2012.07.21 Webクリエイターズ高知で発表したプレゼン資料 http://kochiweb.doorkeeper.jp/events/1278

1. WordPressで
サイトを作ろう!
2012.7.21 上村崇
ウェブクリエイターズ高知
WCK Sessions vol.2 「選ばれるCMSとその理由」
Sunday, July 22, 12

2. WordPressを使ってサイトを構築
するための基礎知識をご紹介します。
Sunday, July 22, 12

3. あなたがやりたいことを
WordPressで叶えます
・外観(テーマ)を変えたい
自分でカスタマイズできるようになりたい
・ブログを書きたい、固定ページを作りたい
・お問い合わせフォームはどう作る?
・データのバックアップはどうするの?
・地方におけるWordPressの付き合い方
Sunday, July 22, 12

4. フリーのテーマは無数にあります
Sunday, July 22, 12

5. テーマのインストール
外 観
管理画面上でテーマインストール可能
Sunday, July 22, 12

6. テーマを自分でカスタマイズする場合は?
Sunday, July 22, 12

7. カスタマイズ
Sunday, July 22, 12

8. リアルタイム編集
Sunday, July 22, 12

9. もっとガッツリとテーマ編集したい?
Sunday, July 22, 12

10. wordpress
wp-­‐content
themes
twentyeleven
Sunday, July 22, 12

11. index.php
header.php
content.php
sidebar.php
content.php
footer.php
Sunday, July 22, 12

12. 必要なファイルは限られている
Sunday, July 22, 12

13. <?php
get_header();
?> header.php index.php
<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();
?> contents.php
<?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.'
<?php
get_search_form();
?>
</div><!-­‐-­‐
.entry-­‐content
-­‐-­‐>
</article><!-­‐-­‐
#post-­‐0
-­‐-­‐>
<?php
endif;
?>
</div><!-­‐-­‐
#content
-­‐-­‐>
</div><!-­‐-­‐
#primary
-­‐-­‐>
<?php
get_sidebar();
?> sidebar.php
<?php
get_footer();
?> footer.php
Sunday, July 22, 12

14. <?php
get_header();
?> index.php
<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.'
<?php
get_search_form();
?>
</div><!-­‐-­‐
.entry-­‐content
-­‐-­‐>
</article><!-­‐-­‐
#post-­‐0
-­‐-­‐>
<?php
endif;
?>
</div><!-­‐-­‐
#content
-­‐-­‐>
</div><!-­‐-­‐
#primary
-­‐-­‐>
<?php
get_sidebar();
?>
<?php
get_footer();
?>
Sunday, July 22, 12

15. テンプレートタグ
Sunday, July 22, 12

16. WordPress
Codex
テンプレートタグ
リファレンス
Sunday, July 22, 12

17. インデックスページ
(最新投稿順の一覧ページ)
index.php
優先
シングルページ
(１記事のみのページ) index.php single.php
優先 優先
カテゴリーごとページ
(カテゴリごとに分けたページ一覧) index.php archive.php category.php
優先 優先
日付ごとページ
(月毎に分けたページ一覧) index.php archive.php date.php
Sunday, July 22, 12

18. アーカイブページ用 カテゴリーページ用
インデックスページ用
シングルページ用
Sunday, July 22, 12

19. テンプレート階層
Sunday, July 22, 12

20. ブログを書きたい
固定ページを作りたい
Sunday, July 22, 12

21. 投 稿 ブログを投稿する
のに使う
固定ページ 静的ページを作るの
に使う
Sunday, July 22, 12

22. 固定ページはここに出る
Sunday, July 22, 12

23. ・投稿
・固定ページ
・カスタム投稿タイプ
Sunday, July 22, 12

24. Custom Post Type UI
Sunday, July 22, 12

25. 投稿タイプ名 hirosue
(URLとして使用される文字列)
ラベル 広末涼子
(人が識別するための名前)
Sunday, July 22, 12

26. 投 稿
固定 ペー ジ
広末涼子のカスタム投稿タイプができた
Sunday, July 22, 12

27. 広末涼子の記事書き放題!
Sunday, July 22, 12

28. http://xxx.xxx/?post_type=hirosue
Sunday, July 22, 12

29. カスタム投稿タイプが役に立つ例
HOME
おしらせ 投稿(カテゴリ=おしらせ)
スタッフブログ 投稿(カテゴリ=スタッフブログ)
商品案内 カスタム投稿タイプ
Sunday, July 22, 12

30. お問い合わせフォームを入れたい
Sunday, July 22, 12

31. Sunday, July 22, 12

32. データのバックアップはどうすればいい?
Sunday, July 22, 12

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

34. ✕
地方におけるWordPressの付き合い方
Sunday, July 22, 12

35. 制作単価が安ければ
工数かけなければいいじゃない
プラグイン、テーマなどの有り物を
できるだけ活用する
Sunday, July 22, 12

36. 携帯対応: Ktai Stileプラグイン
Sunday, July 22, 12

37. スマートフォン対応: WPtouchプラグイン
Sunday, July 22, 12

38. ショッピングカート: Welcartプラグイン
Sunday, July 22, 12

39. themeforest WOOTHEMES
WordPress ThemesGallery STUDIOPRESS
Sunday, July 22, 12

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

41. 初期費用 3950円
月額 1500円
2ステップでDB作成とファイル設置まで完了
Sunday, July 22, 12

42. ロリポプラン
初期費用 1575円
月額 315円
3ステップでDB作成とファイル設置まで完了
Sunday, July 22, 12

43. 地方は勉強会が少ない?
WordPress関連イベント一覧
WordBench東京、大阪などは
Ustream配信アリ
Sunday, July 22, 12

44. WordBeach(名古屋) 2012.8.25-26
WordCamp東京 2012.9.15
WordCamp大阪 2012.秋
Sunday, July 22, 12

45. WordPress 3.x (速習デザイン)
大曲 仁, 星野 邦敏, 豊田 有【著】
技術評論社
本格ビジネスサイトを作りながら学ぶ
WordPressの教科書
プライム・ストラテジー【著】
ソフトバンククリエイティブ
Sunday, July 22, 12

46. ありがとうございました
Sunday, July 22, 12