abc words

企業サイトを作るとき知っておくと便利なこと

あれこれ

で

山口有由希13年6月19日水曜日

自己紹介

13年6月19日水曜日

山口有由希福岡県在住、長崎県出身

フロッグマンオフィス所属Webデザイナー

やまぐちゆうき


大体WordPressでサイトを作っています

ECサイトを担当することがあまりないので…


今日はこれまでWordPressで制作してきて役立った／便利だった

情報だけまとめてきました！


はじめに質問です


WordPress使ったことありますか？

✦ 全くない

✦ 用意されたもので記事を書いたり編集したり触ったことがある

✦ 自分でインストールして使ったことがある

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


本日の流れ


✦WordPressでサイト構築「基本のき」の設定

✦標準機能でここまで拡張できる！カスタム○○機能

✦企業サイト構築に役立つ便利プラグイン紹介

✦まとめ


WordPressでサイト構築「基本のき」の設定


がっかりさせてゴメンナサイ画面


パーマリンク設定

http://wpdocs.sourceforge.jp/管理画面/パーマリンク設定/

✦ URLの構成を決定します


メディアの設定✦ アップロードする画像のサイズを設定します


一般設定✦ サイトのタイトルなどを設定します


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

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


詳しくは

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

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


標準機能でここまでできる!カスタム●●の紹介


カスタムフィールド

投稿に対して詳細な項目を指定して値を登録することができます


プラグインを使うとさらに便利に

Custom Field Template


カスタム投稿タイプ

投稿や固定ページ以外に「新着情報」や「製品情報」など好きな投稿タイプを作成できる機能


カスタム分類(タクソノミー)

投稿や固定ページで使用されているタググループとは別のタググループが作れる機能


プラグインを使うとさらに便利に

Custom Post Type Generator


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


カスタムメニュー

管理画面から編集可能なナビゲーションを作ることができる機能


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


企業サイト構築に役立つ便利プラグイン紹介


モバイルサイトと

PCサイトの切り分け


プラグインを使う

✦ 細かくテンプレートを指定できる

✦ ユーザーエージェントの指定もできる

✦ PC/モバイル表示切り替えボタンもつけられる

Multi Device Switcher


WordPressの関数を使う

<?php if(is_mobile()) { 　モバイルのときだけ表示したい内容} ?>

<?php if(!is_mobile()) { 　PCのときだけ表示したい内容} ?>

is_mobile()


英語サイト／日本語サイト

の切り分けをする



✦ 複数言語の切り分けができる

✦ URLの変更の方法を選べる

✦ タブで切り替えられ、わかりやすい

qTranslate


プライバシーポリシーに

同意ボタンつきの

お問い合わせフォームを作る



✦ 送信画面をテンプレートファイルで自在にデザインできる

✦ 確認画面がある

✦ リターンメールが送れる

Trust Form


SSLに対応させる



WordPress HTTPS

Admin SSL

or


共有SSLの話


サイトを「独自ドメイン」で運用している場合

レンタルサーバーなどが用意している共有SSLの使用は推奨されていません！


さくらのサポートページより引用http://support.sakura.ad.jp/manual/rs/web/ssl_shared.html


http://support.sakura.ad.jp/manual/rs/web/ssl_shared.html

http://support.sakura.ad.jp/manual/rs/web/ssl_shared.html

こういう場合は

共有SSLでもOK

サーバー会社から振り分けられたサブドメイン型のURLでサイトを運用する場合

例)http://yuki930.sakura.ne.jphttps://yuki930.sakura.ne.jp


✦ ベリサイン Secure Site年額39,900円～

✦ ジオトラスト年額10,500円～

✦ Rapid SSL年額2,600円～

SSLサーバー証明書発行会社


✦ ロリポップ月額263円～独自SSL利用月額2100円

✦ heteml月額1,500 円独自SSL利用年額18,000円

✦ さくらインターネットビジネスプラン以上で設定可月額2,500円～独自SSLは自身で取得したものを設定可能


サイトマップを表示



✦ サイトマップを自動的に作ってくれる

✦ サイトマップに載せたくないページを除外できる

WP SiteManager


スライダーを設置



✦ 管理画面から画像やリンク先を設定できる

✦ 枚数の変更も管理画面から自由自在

✦ スピードの調整もできる

Easing Slider "Lite"


<?php

if(function_exists('easing_slider'){

easing_slider();

};

?>


ページ／カテゴリーの並べ替え



My Page Order

My Category Order

or


サイト内検索で

なんという単語が

検索されたかを集計／表示



✦ サイトに設置している検索ボックスで検索されたワードごとの検索回数がわかる

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

Search Meter


検索されたけど該当するもの

がなかった情報がわかる！


次の一手を提案する資料としても

役立ちます！


最後に…


WordPressご指名案件も多いです

最近


✦よく名前を耳にするから ✦最近まわりにWordPress使ってる人が多い

✦プラグインで自由に拡張できるってきいた

✦無料で自由自在に変更できるサイトが作れるんでしょ？


✦ 英語も対応したい！

✦ お問い合わせフォームが欲しい！

✦ 確認画面付きで！

✦ リターンメールも送られてくるやつ！

✦ スマートフォン対応もしたい！

たとえばこんなこと


それぞれ、たしかに

プラグインで対応できます。


✦ 英語／日本語の切り替え✦ スマートフォン対応✦ SSL絡みの設定✦ リターンメール必須✦ 確認画面必須✦ 個人情報への同意ボタンが必要

しかしこれらすべてを一度になんなく満たせるか？


なにかしら壁にぶつかります。

「プラグインを入れるだけ」

で素直に動きません


「あちらを立てればこちらがたたず」それぞれのプラグインを理解して提案／利用を


「WordPressだから」魔法のように

なんでもできるわけではない!

ということはしっかり共有しておきましょう!


本日のまとめ


WordPressは

豊富な情報量／プラグインが

あってとにかく便利！


そのぶん古い情報や

メンテナンスされていない

プラグインも多数あるので

情報収集がかかせない


無料だけど

アップデートされたとき

プラグインは対応される？

仕様が変わったときの対応は？


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


✦それはそもそもこんなに細かく更新できるようにすべきなのか？

✦どれぐらいの頻度で更新するものなのか？

✦絶対項目が変わらないもの？流動的な項目じゃない？


しっかり設計することが重要！


とはいえ

CMSはとにかく便利！


それぞれの特性を理解して便利な機能を活用して工数を削減しよりよいコンテンツを作ることに

注力しましょう！13年6月19日水曜日

ご静聴ありがとうございました！

ご質問などお気軽に。

yuki930


abc words

Documents