もっとwordpressを使いやすくなる€¦ ·...

52
もっとWordPressを使いやすくなる TIPSあれこれ 祐太郎

Upload: others

Post on 04-Jun-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

もっとWordPressを使いやすくなる TIPSあれこれ

藤 祐太郎

Page 2: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

WordPressの教科書2 21ページ

Page 3: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

日々のお客様とのやりとりで

Page 4: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

必ずといっていいほど ご要望にあがるのが

Page 5: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

スマートフォン対応!

Page 6: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、スマートフォン対応を勧めていますが、プラグイン「WP SiteManager」で簡単にできます。

Page 7: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

メインサイト(デバイスによるテーマ切り替え手法)

アジアパシフィック旅行社

Page 8: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

藤 祐太郎 プライム・ストラテジー株式会社 ディレクター

登壇者プロフィール

WordPressの関係のイベントではスタッフとして関係者を支え、数多くのイベントを成功に導いてきました。 プライム・ストラテジーでは、Webディレクターとして新規案件受注や制作進行管理を担当し、お客様の声をダイレクトに聞いています。

yutaro.fuji.3

もっとWordPressを使いやすくなるTIPSあれこれ

担当テーマ

Page 9: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

WP SiteManagerでできること

Page 10: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

パンくずナビ表示

Page 11: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

パンくずナビ表示

Breadcrumb NavXT?

Page 12: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

ページャー

Page 13: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

WP-PageNavi?

ページャー

Page 14: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

メタ情報

All in One SEO Pack

キャッシュ機能

WP Super Cache

スマートフォン対応

Wptouch Mobile Plugin

Page 15: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

同じような機能を持つプラグインはありますが、

Page 16: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

「WP SiteManager」はすべてがひとつになった

統合プラグイン。

様々な機能が連携しています

Page 17: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

サイト構造の定義

サイト構造の定義

サイトマップ サブナビ パンくずナビ

Page 18: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

「WP SiteManager」を使いこなすともっと便利になります!

Page 19: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

さて、せっかく作ったサイト。 もっと便利にしたいと思いませんか。

Page 20: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

こんなことありませんか?

Page 21: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

「WordPressを導入してWebサイトを つくったのはいいんだけど、

更新作業があまりはかどらないんだよね」

Page 22: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

せっかくWebサイトを作ったのに残念・・・・

Page 23: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

そこで

Page 24: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

本日は更にWordPressを便利に使うTIPSを

Page 25: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

2つ

ご紹介します

Page 26: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

■Public Post Preview http://wordpress.org/plugins/public-post-preview/

■ AddQuicktag http://wordpress.org/plugins/addquicktag/

ご紹介するプラグイン

Page 27: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

Public Post Preview

ビジネスサイトでも、 お客様にちょっとご確認いただいてから 公開したいんだけど、 ということはありませんか?

Page 28: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

Public Post Preview

通常、WordPressではログインしていないと プレビュー記事を閲覧できない!

Page 29: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

Public Post Preview

セキュリティの観点からだれでも管理画面にログインさせるわけにはいきませんよね。

Page 30: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

Public Post Preview

そこで役に立つのが 下書きの記事に時限機能付きのリンクを発行して ログインしていない人にも見てもらうことのできる

Page 31: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

Public Post Preview

Public Post Preview です

Page 32: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

Public Post Preview

Page 33: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

Public Post Preview

Page 34: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

Public Post Preview

表示されました!

Page 35: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

Public Post Preview ちなみにURLを見てみると

http://yutarofuji.sakura.ne.jp/seminar/wp/jakarta/?p=2741&preview=1&_ppp=866601fbba

・ちゃんとプレビュー用のURLが表示されていますね!

http://yutarofuji.sakura.ne.jp/seminar/wp/jakarta/?p=2741&preview=true

・こちらは通常のプレビュー用のURLです。

Page 36: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

Public Post Preview

これでいちいち管理画面にログインして もらわなくてよくなりますね

Page 37: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

AddQuicktag

<table > <tbody>

<tr> <th></th> <th></th> <th></th> </tr> <tr> <th></th> <td></td> <td></td> </tr>

</tbody> </table>

記事を書くときに表組みとかちょっと複雑なHTMLを書く時にいちいち入力していませんか?

Page 38: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

AddQuicktag

例えばこんな表組

Page 39: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

AddQuicktag

例えばこんな見出し

Page 40: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

AddQuicktag

例えばこんなデザイン

Page 41: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

AddQuicktag

AddQuicktagをつかえばかんたんにできます

Page 42: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

AddQuicktag

ボタン名、ラベル名、開始タグ、終了タグを入れます

AddQuicktagの使い方

Page 43: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

AddQuicktag

順番、投稿・ページ、どこのエディタに表示させたいか選びます

AddQuicktagの使い方

Page 44: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

AddQuicktag

HTMLタグを呼び出します。

Page 45: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

AddQuicktag

HTMLタグを呼び出されます。

Page 46: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

AddQuicktag

こんな風に表示されます

Page 47: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

AddQuicktag

裏側ではこうなっています

Page 48: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

こんなちょっとした工夫で WordPressはどんどん便利になります。

Page 49: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

WordPress公式サイトでは沢山のプラグインが公開されています。

http://wordpress.org/plugins/

Page 50: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

Webサイトは生き物です。 WordPressで沢山記事を書いて沢山栄養を与えましょう! きっと良いWebサイトに育ちますよ。

Page 51: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

たくさん運用して成長したあなたのWebサイトを 見せてください!

Page 52: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、

藤 祐太郎 プライム・ストラテジー株式会社 ディレクター ご清聴ありがとうございました。 ご不明点ございましたら、 なんでもご相談ください。 yutaro.fuji.3