で

サイトを作るとき
知っておくと便利なこと
あれこれ
山口 有由希
13年10月21日月曜日
自己紹介

13年10月21日月曜日
や ま ぐ ち

ゆ う き

山口 有由希
@yuki930
福岡県在住、長崎県出身
フロッグマンオフィス所属
Webデザイナー

13年10月21日月曜日
13年10月21日月曜日
スタンプフォント!
--スタンプみたいにペタペタ使えるフリーフォント
13年10月21日月曜日
大体WordPressで
サイトを作っています

13年10月21日月曜日
今日はこれまで
WordPressで制作してきて
役立った/便利だった
情報をまとめてきました!

13年10月21日月曜日
はじめに質問です

13年10月21日月曜日
WordPress使ったことありますか?
✦ 全くない
✦ 用意されたもので記事を書いたり

編集したり触ったことがある
✦ 自分でインストールして

使ったことがある
✦ テーマにもバリバリ手を入れて

使ったことがある
13年10月21日月曜日
本日の流れ

13年10月21日月曜日
✦ WordPressでサイト構築

「基本のき」の設定
✦ 標準機能でここまで拡張できる!

カスタム○○機能
✦ 便利プラグイン紹介
✦ まとめ

13年10月21日月曜日
WordPressでサイト構築
「基本のき」の設定

13年10月21日月曜日
がっかりさせてゴメンナサイ画面

13年10月21日月曜日
13年10月21日月曜日
パーマリンク設定
✦ URLの構成を決定します

http://wpdocs.sourceforge.jp/管理画面/パーマリンク設定/
13年10月21日月曜日
メディアの設定
✦ アップロードする画像のサイズを設定します

13年10月21日月曜日
一般設定
✦ サイトのタイトルなどを設定します

13年10月21日月曜日
プラグインの有効化
✦ WordPressを日本語環境で適切に動かすため

のプラグインを有効化します

13年10月21日月曜日
詳しくは

WordPressを
インストールしたら最初に
やってることまとめ

http://blog.v-colors.com/wp-first-setting.html

13年10月21日月曜日
標準機能でここまでできる!
カスタム●●の紹介

13年10月21日月曜日
カスタムフィールド
投稿に対して詳細な項目を指定して
値を登録することができます

13年10月21日月曜日
プラグインを使うとさらに便利に
Custom Field Template

13年10月21日月曜日
カスタム投稿タイプ
投稿や固定ページ以外に「新着情報」や「製品情
報」など好きな投稿タイプを作成できる機能

13年10月21日月曜日
カスタム分類(タクソノミー)
投稿や固定ページで使用されているタググループ
とは別のタググループが作れる機能

13年10月21日月曜日
プラグインを使うとさらに便利に
Custom Post Type Generator

13年10月21日月曜日
カスタムヘッダー
ページ内の特定の画像を管理画面から
変更可能にする機能

13年10月21日月曜日
カスタムメニュー
管理画面から編集可能なナビゲーションを
作ることができる機能

13年10月21日月曜日
13年10月21日月曜日
ウィジェット
管理画面から簡単にサイドバーなどに
表示する内容を制御できる機能

13年10月21日月曜日
企業サイト構築に役立つ
便利プラグイン紹介

13年10月21日月曜日
モバイルサイトと
PCサイトの切り分け

13年10月21日月曜日
プラグインを使う
Multi Device Switcher
✦ 細かくテンプレートを指定できる
✦ ユーザーエージェントの指定もできる
✦ PC/モバイル 表示切り替えボタンもつけられる

13年10月21日月曜日
13年10月21日月曜日
WordPressの関数を使う
wp_is_mobile()
<?php if(wp_is_mobile()) {
 モバイルのときだけ表示したい内容
} ?>
<?php if(!wp_is_mobile()) {
 PCのときだけ表示したい内容
} ?>
13年10月21日月曜日
13年10月21日月曜日
プライバシーポリシーに
同意ボタンつきの
お問い合わせフォームを作る

13年10月21日月曜日
13年10月21日月曜日
プラグインを使う
Trust Form
✦ 送信画面をテンプレートファイルで自在にデザ

インできる
✦ 確認画面がある
✦ リターンメールが送れる

13年10月21日月曜日
13年10月21日月曜日
SSLに対応させる

13年10月21日月曜日
プラグインを使う
WordPress HTTPS

or
Admin SSL

13年10月21日月曜日
13年10月21日月曜日
共有SSLの話

13年10月21日月曜日
サイトを「独自ドメイン」で
運用している場合
レンタルサーバーなどが用意している
共有SSLの使用は
推奨されていません!

13年10月21日月曜日
さくらのサポートページより引用
http://support.sakura.ad.jp/manual/rs/web/ssl_shared.html
13年10月21日月曜日
こういう場合は
共有SSLでもOK
サーバー会社から振り分けられたサブドメイン型
のURLでサイトを運用する場合
例)
http://yuki930.sakura.ne.jp
https://yuki930.sakura.ne.jp

13年10月21日月曜日
SSLサーバー証明書発行会社
✦ ベリサイン Secure Site

年額39,900円∼
✦ ジオトラスト

年額10,500円∼
✦ Rapid SSL

年額2,600円∼

13年10月21日月曜日
✦ ロリポップ

月額263円∼
独自SSL利用 月額2100円
✦ heteml

月額1,500 円
独自SSL利用 年額18,000円
✦ さくらインターネット

ビジネスプラン以上で設定可
月額2,500円∼
独自SSLは自身で取得したものを設定可能

13年10月21日月曜日
サイトマップを表示

13年10月21日月曜日
プラグインを使う
WP SiteManager
✦ サイトマップを自動的に作ってくれる
✦ サイトマップに載せたくないページを

除外できる

13年10月21日月曜日
13年10月21日月曜日
スライダーを設置

13年10月21日月曜日
プラグインを使う
Easing Slider "Lite"
✦ 管理画面から画像やリンク先を設定できる
✦ 枚数の変更も管理画面から自由自在
✦ スピードの調整もできる

13年10月21日月曜日
<?php
if(function_exists('easing_slider'){
easing_slider();
};
?>

13年10月21日月曜日
13年10月21日月曜日
13年10月21日月曜日
13年10月21日月曜日
ページ/カテゴリーの並べ替え

13年10月21日月曜日
プラグインを使う
My Page Order

or
My Category Order

13年10月21日月曜日
13年10月21日月曜日
サイト内検索で
なんという単語が
検索されたかを集計/表示

13年10月21日月曜日
プラグインを使う
Search Meter
✦ サイトに設置している検索ボックスで検索され

たワードごとの検索回数がわかる
✦ 検索されたけどサイト内に該当がなかったとき

の検索に使われたワードがわかる!

13年10月21日月曜日
13年10月21日月曜日
検索されたけど該当するもの
がなかった情報がわかる!

13年10月21日月曜日
次の一手を提案する資料としても
役立ちます!

13年10月21日月曜日
最後に…

13年10月21日月曜日
最近
WordPress
ご指名案件も多いです
13年10月21日月曜日
✦ よく名前を耳にするから
✦ 最近まわりにWordPress

使ってる人が多い
✦ プラグインで自由に拡張できるって

きいた
✦ 無料で自由自在に変更できるサイトが

作れるんでしょ?

13年10月21日月曜日
たとえばこんなこと
✦ 英語も対応したい!
✦ お問い合わせフォームが欲しい!
✦ 確認画面付きで!
✦ リターンメールも送られてくるやつ!
✦ スマートフォン対応もしたい!

13年10月21日月曜日
それぞれ、たしかに
プラグインで対応できます。

13年10月21日月曜日
しかしこれらすべてを
一度になんなく満たせるか?
✦ 英語/日本語の切り替え
✦ スマートフォン対応
✦ SSL絡みの設定
✦ リターンメール必須
✦ 確認画面必須
✦ 個人情報への同意ボタンが必要

13年10月21日月曜日
なにかしら壁にぶつかります。
「プラグインを入れるだけ」
で素直に動きません

13年10月21日月曜日
「あちらを立てればこちらがたたず」
それぞれのプラグインを
理解して提案/利用を

13年10月21日月曜日
「WordPressだから」
魔法のように
なんでもできるわけではない!
ということは
しっかり共有しておきましょう!

13年10月21日月曜日
本日のまとめ

13年10月21日月曜日
WordPressは
豊富な情報量/プラグインが
あってとにかく便利!

13年10月21日月曜日
そのぶん古い情報や
メンテナンスされていない
プラグインも多数あるので
情報収集がかかせない

13年10月21日月曜日
無料だけど
アップデートされたとき
プラグインは対応される?
仕様が変わったときの対応は?

13年10月21日月曜日
プラグインをもってしても
なんでもできるようにするには
それなりにコストがかかる。

13年10月21日月曜日
✦ それはそもそもこんなに細かく更新で

きるようにすべきなのか?
✦ どれぐらいの頻度で更新するものなの

か?
✦ 絶対項目が変わらないもの?

流動的な項目じゃない?

13年10月21日月曜日
しっかり設計することが重要!

13年10月21日月曜日
特性を理解して
便利な機能を活用して工数を削減し
よりよいコンテンツを作ることに
注力しましょう!

13年10月21日月曜日
ご静聴ありがとうございました!
ご質問などお気軽に。

yuki930

13年10月21日月曜日

WordPressでサイト作成するときに知っておくといいことあれこれ