もっとwordpressを使いやすくなる€¦ ·...
TRANSCRIPT
![Page 1: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/1.jpg)
もっとWordPressを使いやすくなる TIPSあれこれ
藤 祐太郎
![Page 2: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/2.jpg)
WordPressの教科書2 21ページ
![Page 3: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/3.jpg)
日々のお客様とのやりとりで
![Page 4: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/4.jpg)
必ずといっていいほど ご要望にあがるのが
![Page 5: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/5.jpg)
スマートフォン対応!
![Page 6: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/6.jpg)
ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、スマートフォン対応を勧めていますが、プラグイン「WP SiteManager」で簡単にできます。
![Page 7: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/7.jpg)
メインサイト(デバイスによるテーマ切り替え手法)
アジアパシフィック旅行社
![Page 8: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/8.jpg)
藤 祐太郎 プライム・ストラテジー株式会社 ディレクター
登壇者プロフィール
WordPressの関係のイベントではスタッフとして関係者を支え、数多くのイベントを成功に導いてきました。 プライム・ストラテジーでは、Webディレクターとして新規案件受注や制作進行管理を担当し、お客様の声をダイレクトに聞いています。
yutaro.fuji.3
もっとWordPressを使いやすくなるTIPSあれこれ
担当テーマ
![Page 9: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/9.jpg)
WP SiteManagerでできること
![Page 10: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/10.jpg)
パンくずナビ表示
![Page 11: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/11.jpg)
パンくずナビ表示
Breadcrumb NavXT?
![Page 12: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/12.jpg)
ページャー
![Page 13: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/13.jpg)
WP-PageNavi?
ページャー
![Page 14: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/14.jpg)
メタ情報
All in One SEO Pack
キャッシュ機能
WP Super Cache
スマートフォン対応
Wptouch Mobile Plugin
![Page 15: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/15.jpg)
同じような機能を持つプラグインはありますが、
![Page 16: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/16.jpg)
「WP SiteManager」はすべてがひとつになった
統合プラグイン。
様々な機能が連携しています
![Page 17: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/17.jpg)
サイト構造の定義
サイト構造の定義
サイトマップ サブナビ パンくずナビ
![Page 18: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/18.jpg)
「WP SiteManager」を使いこなすともっと便利になります!
![Page 19: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/19.jpg)
さて、せっかく作ったサイト。 もっと便利にしたいと思いませんか。
![Page 20: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/20.jpg)
こんなことありませんか?
![Page 21: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/21.jpg)
「WordPressを導入してWebサイトを つくったのはいいんだけど、
更新作業があまりはかどらないんだよね」
![Page 22: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/22.jpg)
せっかくWebサイトを作ったのに残念・・・・
![Page 23: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/23.jpg)
そこで
![Page 24: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/24.jpg)
本日は更にWordPressを便利に使うTIPSを
![Page 25: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/25.jpg)
2つ
ご紹介します
![Page 26: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/26.jpg)
■Public Post Preview http://wordpress.org/plugins/public-post-preview/
■ AddQuicktag http://wordpress.org/plugins/addquicktag/
ご紹介するプラグイン
![Page 27: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/27.jpg)
Public Post Preview
ビジネスサイトでも、 お客様にちょっとご確認いただいてから 公開したいんだけど、 ということはありませんか?
![Page 28: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/28.jpg)
Public Post Preview
通常、WordPressではログインしていないと プレビュー記事を閲覧できない!
![Page 29: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/29.jpg)
Public Post Preview
セキュリティの観点からだれでも管理画面にログインさせるわけにはいきませんよね。
![Page 30: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/30.jpg)
Public Post Preview
そこで役に立つのが 下書きの記事に時限機能付きのリンクを発行して ログインしていない人にも見てもらうことのできる
![Page 31: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/31.jpg)
Public Post Preview
Public Post Preview です
![Page 32: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/32.jpg)
Public Post Preview
![Page 33: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/33.jpg)
Public Post Preview
![Page 34: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/34.jpg)
Public Post Preview
表示されました!
![Page 35: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/35.jpg)
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を使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/36.jpg)
Public Post Preview
これでいちいち管理画面にログインして もらわなくてよくなりますね
![Page 37: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/37.jpg)
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を使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/38.jpg)
AddQuicktag
例えばこんな表組
![Page 39: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/39.jpg)
AddQuicktag
例えばこんな見出し
![Page 40: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/40.jpg)
AddQuicktag
例えばこんなデザイン
![Page 41: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/41.jpg)
AddQuicktag
AddQuicktagをつかえばかんたんにできます
![Page 42: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/42.jpg)
AddQuicktag
ボタン名、ラベル名、開始タグ、終了タグを入れます
AddQuicktagの使い方
![Page 43: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/43.jpg)
AddQuicktag
順番、投稿・ページ、どこのエディタに表示させたいか選びます
AddQuicktagの使い方
![Page 44: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/44.jpg)
AddQuicktag
HTMLタグを呼び出します。
![Page 45: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/45.jpg)
AddQuicktag
HTMLタグを呼び出されます。
![Page 46: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/46.jpg)
AddQuicktag
こんな風に表示されます
![Page 47: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/47.jpg)
AddQuicktag
裏側ではこうなっています
![Page 48: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/48.jpg)
こんなちょっとした工夫で WordPressはどんどん便利になります。
![Page 49: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/49.jpg)
WordPress公式サイトでは沢山のプラグインが公開されています。
http://wordpress.org/plugins/
![Page 50: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/50.jpg)
Webサイトは生き物です。 WordPressで沢山記事を書いて沢山栄養を与えましょう! きっと良いWebサイトに育ちますよ。
![Page 51: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/51.jpg)
たくさん運用して成長したあなたのWebサイトを 見せてください!
![Page 52: もっとWordPressを使いやすくなる€¦ · ビジネスサイトでもスマートフォン対応は必須です。 弊社では、デバイスによるテーマ切り替え手法を使った、](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01dd1a7e708231d40167c7/html5/thumbnails/52.jpg)
藤 祐太郎 プライム・ストラテジー株式会社 ディレクター ご清聴ありがとうございました。 ご不明点ございましたら、 なんでもご相談ください。 yutaro.fuji.3