abc words
DESCRIPTION
TRANSCRIPT
![Page 1: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/1.jpg)
企業サイトを作るとき知っておくと便利なこと
あれこれ
で
山口 有由希13年6月19日水曜日
![Page 2: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/2.jpg)
自己紹介
13年6月19日水曜日
![Page 3: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/3.jpg)
山口 有由希福岡県在住、長崎県出身
フロッグマンオフィス所属Webデザイナー
や ま ぐ ち ゆ う き
13年6月19日水曜日
![Page 4: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/4.jpg)
13年6月19日水曜日
![Page 5: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/5.jpg)
大体WordPressでサイトを作っています
ECサイトを担当することがあまりないので…
13年6月19日水曜日
![Page 6: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/6.jpg)
今日はこれまでWordPressで制作してきて役立った/便利だった
情報だけまとめてきました!
13年6月19日水曜日
![Page 7: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/7.jpg)
はじめに質問です
13年6月19日水曜日
![Page 8: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/8.jpg)
WordPress使ったことありますか?
✦ 全くない
✦ 用意されたもので記事を書いたり編集したり触ったことがある
✦ 自分でインストールして使ったことがある
✦ テーマにもバリバリ手を入れて使ったことがある
13年6月19日水曜日
![Page 9: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/9.jpg)
本日の流れ
13年6月19日水曜日
![Page 10: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/10.jpg)
✦WordPressでサイト構築「基本のき」の設定
✦標準機能でここまで拡張できる!カスタム○○機能
✦企業サイト構築に役立つ便利プラグイン紹介
✦まとめ
13年6月19日水曜日
![Page 11: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/11.jpg)
WordPressでサイト構築「基本のき」の設定
13年6月19日水曜日
![Page 12: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/12.jpg)
がっかりさせてゴメンナサイ画面
13年6月19日水曜日
![Page 13: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/13.jpg)
13年6月19日水曜日
![Page 14: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/14.jpg)
パーマリンク設定
http://wpdocs.sourceforge.jp/管理画面/パーマリンク設定/
✦ URLの構成を決定します
13年6月19日水曜日
![Page 15: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/15.jpg)
メディアの設定✦ アップロードする画像のサイズを設定します
13年6月19日水曜日
![Page 16: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/16.jpg)
一般設定✦ サイトのタイトルなどを設定します
13年6月19日水曜日
![Page 17: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/17.jpg)
プラグインの有効化✦ WordPressを日本語環境で適切に動かすため
のプラグインを有効化します
13年6月19日水曜日
![Page 18: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/18.jpg)
詳しくは
http://blog.v-colors.com/wp-first-setting.html
WordPressをインストールしたら最初にやってることまとめ
13年6月19日水曜日
![Page 19: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/19.jpg)
標準機能でここまでできる!カスタム●●の紹介
13年6月19日水曜日
![Page 20: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/20.jpg)
カスタムフィールド
投稿に対して詳細な項目を指定して値を登録することができます
13年6月19日水曜日
![Page 21: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/21.jpg)
プラグインを使うとさらに便利に
Custom Field Template
13年6月19日水曜日
![Page 22: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/22.jpg)
カスタム投稿タイプ
投稿や固定ページ以外に「新着情報」や「製品情報」など好きな投稿タイプを作成できる機能
13年6月19日水曜日
![Page 23: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/23.jpg)
カスタム分類(タクソノミー)
投稿や固定ページで使用されているタググループとは別のタググループが作れる機能
13年6月19日水曜日
![Page 24: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/24.jpg)
プラグインを使うとさらに便利に
Custom Post Type Generator
13年6月19日水曜日
![Page 25: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/25.jpg)
カスタムヘッダーページ内の特定の画像を管理画面から変更可能にする機能
13年6月19日水曜日
![Page 26: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/26.jpg)
カスタムメニュー
管理画面から編集可能なナビゲーションを作ることができる機能
13年6月19日水曜日
![Page 27: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/27.jpg)
ウィジェット管理画面から簡単にサイドバーなどに表示する内容を制御できる機能
13年6月19日水曜日
![Page 28: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/28.jpg)
企業サイト構築に役立つ便利プラグイン紹介
13年6月19日水曜日
![Page 29: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/29.jpg)
モバイルサイトと
PCサイトの切り分け
13年6月19日水曜日
![Page 30: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/30.jpg)
プラグインを使う
✦ 細かくテンプレートを指定できる
✦ ユーザーエージェントの指定もできる
✦ PC/モバイル 表示切り替えボタンもつけられる
Multi Device Switcher
13年6月19日水曜日
![Page 31: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/31.jpg)
13年6月19日水曜日
![Page 32: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/32.jpg)
WordPressの関数を使う
<?php if(is_mobile()) { モバイルのときだけ表示したい内容} ?>
<?php if(!is_mobile()) { PCのときだけ表示したい内容} ?>
is_mobile()
13年6月19日水曜日
![Page 33: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/33.jpg)
13年6月19日水曜日
![Page 34: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/34.jpg)
英語サイト/日本語サイト
の切り分けをする
13年6月19日水曜日
![Page 35: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/35.jpg)
プラグインを使う
✦ 複数言語の切り分けができる
✦ URLの変更の方法を選べる
✦ タブで切り替えられ、わかりやすい
qTranslate
13年6月19日水曜日
![Page 36: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/36.jpg)
13年6月19日水曜日
![Page 37: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/37.jpg)
プライバシーポリシーに
同意ボタンつきの
お問い合わせフォームを作る
13年6月19日水曜日
![Page 38: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/38.jpg)
13年6月19日水曜日
![Page 39: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/39.jpg)
プラグインを使う
✦ 送信画面をテンプレートファイルで自在にデザインできる
✦ 確認画面がある
✦ リターンメールが送れる
Trust Form
13年6月19日水曜日
![Page 40: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/40.jpg)
13年6月19日水曜日
![Page 41: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/41.jpg)
SSLに対応させる
13年6月19日水曜日
![Page 42: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/42.jpg)
プラグインを使う
WordPress HTTPS
Admin SSL
or
13年6月19日水曜日
![Page 43: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/43.jpg)
13年6月19日水曜日
![Page 44: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/44.jpg)
共有SSLの話
13年6月19日水曜日
![Page 45: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/45.jpg)
サイトを「独自ドメイン」で運用している場合
レンタルサーバーなどが用意している共有SSLの使用は推奨されていません!
13年6月19日水曜日
![Page 46: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/46.jpg)
さくらのサポートページより引用http://support.sakura.ad.jp/manual/rs/web/ssl_shared.html
13年6月19日水曜日
![Page 47: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/47.jpg)
こういう場合は
共有SSLでもOK
サーバー会社から振り分けられたサブドメイン型のURLでサイトを運用する場合
例)http://yuki930.sakura.ne.jphttps://yuki930.sakura.ne.jp
13年6月19日水曜日
![Page 48: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/48.jpg)
✦ ベリサイン Secure Site年額39,900円~
✦ ジオトラスト年額10,500円~
✦ Rapid SSL年額2,600円~
SSLサーバー証明書発行会社
13年6月19日水曜日
![Page 49: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/49.jpg)
✦ ロリポップ月額263円~独自SSL利用 月額2100円
✦ heteml月額1,500 円独自SSL利用 年額18,000円
✦ さくらインターネットビジネスプラン以上で設定可月額2,500円~独自SSLは自身で取得したものを設定可能
13年6月19日水曜日
![Page 50: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/50.jpg)
サイトマップを表示
13年6月19日水曜日
![Page 51: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/51.jpg)
プラグインを使う
✦ サイトマップを自動的に作ってくれる
✦ サイトマップに載せたくないページを除外できる
WP SiteManager
13年6月19日水曜日
![Page 52: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/52.jpg)
13年6月19日水曜日
![Page 53: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/53.jpg)
スライダーを設置
13年6月19日水曜日
![Page 54: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/54.jpg)
プラグインを使う
✦ 管理画面から画像やリンク先を設定できる
✦ 枚数の変更も管理画面から自由自在
✦ スピードの調整もできる
Easing Slider "Lite"
13年6月19日水曜日
![Page 55: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/55.jpg)
<?php
if(function_exists('easing_slider'){
easing_slider();
};
?>
13年6月19日水曜日
![Page 56: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/56.jpg)
13年6月19日水曜日
![Page 57: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/57.jpg)
13年6月19日水曜日
![Page 58: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/58.jpg)
13年6月19日水曜日
![Page 59: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/59.jpg)
ページ/カテゴリーの並べ替え
13年6月19日水曜日
![Page 60: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/60.jpg)
プラグインを使う
My Page Order
My Category Order
or
13年6月19日水曜日
![Page 61: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/61.jpg)
13年6月19日水曜日
![Page 62: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/62.jpg)
サイト内検索で
なんという単語が
検索されたかを集計/表示
13年6月19日水曜日
![Page 63: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/63.jpg)
プラグインを使う
✦ サイトに設置している検索ボックスで検索されたワードごとの検索回数がわかる
✦ 検索されたけどサイト内に該当がなかったときの検索に使われたワードがわかる!
Search Meter
13年6月19日水曜日
![Page 64: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/64.jpg)
13年6月19日水曜日
![Page 65: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/65.jpg)
検索されたけど該当するもの
がなかった情報がわかる!
13年6月19日水曜日
![Page 66: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/66.jpg)
次の一手を提案する資料としても
役立ちます!
13年6月19日水曜日
![Page 67: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/67.jpg)
最後に…
13年6月19日水曜日
![Page 68: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/68.jpg)
WordPressご指名案件も多いです
最近
13年6月19日水曜日
![Page 69: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/69.jpg)
✦よく名前を耳にするから ✦最近まわりにWordPress使ってる人が多い
✦プラグインで自由に拡張できるってきいた
✦無料で自由自在に変更できるサイトが作れるんでしょ?
13年6月19日水曜日
![Page 70: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/70.jpg)
✦ 英語も対応したい!
✦ お問い合わせフォームが欲しい!
✦ 確認画面付きで!
✦ リターンメールも送られてくるやつ!
✦ スマートフォン対応もしたい!
たとえばこんなこと
13年6月19日水曜日
![Page 71: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/71.jpg)
それぞれ、たしかに
プラグインで対応できます。
13年6月19日水曜日
![Page 72: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/72.jpg)
✦ 英語/日本語の切り替え✦ スマートフォン対応✦ SSL絡みの設定✦ リターンメール必須✦ 確認画面必須✦ 個人情報への同意ボタンが必要
しかしこれらすべてを一度になんなく満たせるか?
13年6月19日水曜日
![Page 73: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/73.jpg)
なにかしら壁にぶつかります。
「プラグインを入れるだけ」
で素直に動きません
13年6月19日水曜日
![Page 74: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/74.jpg)
「あちらを立てればこちらがたたず」それぞれのプラグインを理解して提案/利用を
13年6月19日水曜日
![Page 75: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/75.jpg)
「WordPressだから」魔法のように
なんでもできるわけではない!
ということはしっかり共有しておきましょう!
13年6月19日水曜日
![Page 76: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/76.jpg)
本日のまとめ
13年6月19日水曜日
![Page 77: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/77.jpg)
WordPressは
豊富な情報量/プラグインが
あってとにかく便利!
13年6月19日水曜日
![Page 78: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/78.jpg)
そのぶん古い情報や
メンテナンスされていない
プラグインも多数あるので
情報収集がかかせない
13年6月19日水曜日
![Page 79: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/79.jpg)
無料だけど
アップデートされたとき
プラグインは対応される?
仕様が変わったときの対応は?
13年6月19日水曜日
![Page 80: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/80.jpg)
プラグインをもってしてもなんでもできるようにするにはそれなりにコストがかかる。
13年6月19日水曜日
![Page 81: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/81.jpg)
✦それはそもそもこんなに細かく更新できるようにすべきなのか?
✦どれぐらいの頻度で更新するものなのか?
✦絶対項目が変わらないもの?流動的な項目じゃない?
13年6月19日水曜日
![Page 82: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/82.jpg)
しっかり設計することが重要!
13年6月19日水曜日
![Page 83: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/83.jpg)
とはいえ
CMSはとにかく便利!
13年6月19日水曜日
![Page 84: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/84.jpg)
それぞれの特性を理解して便利な機能を活用して工数を削減しよりよいコンテンツを作ることに
注力しましょう!13年6月19日水曜日
![Page 85: Abc words](https://reader034.vdocuments.mx/reader034/viewer/2022051411/547c2b54b4af9fc0758b470c/html5/thumbnails/85.jpg)
ご静聴ありがとうございました!
ご質問などお気軽に。
yuki930
13年6月19日水曜日