jetpackをざっくり紹介

32
2015.2.18 小久保勇樹

Upload: yuki-kokubo

Post on 30-Jul-2015

279 views

Category:

Engineering


5 download

TRANSCRIPT

Page 1: Jetpackをざっくり紹介

2015.2.18 小久保勇樹

Page 2: Jetpackをざっくり紹介

自己紹介・フリーランスです(2014.2.8~)・http://nakayama-sk.net/

• WordPressと写真撮影を仕事にしています

・登山・自転車・読書が好きです

Page 3: Jetpackをざっくり紹介

今日お話dること• Jetpackの豊富な機能力、ら、特に便利なちのを紹介

・詳細な使い方は、要望があれば今度また話します

Page 4: Jetpackをざっくり紹介
Page 5: Jetpackをざっくり紹介

Jetpackとは,Word Pressの開発元

Automattic社が提供するプラク、イン

Page 6: Jetpackをざっくり紹介

インストールして有効化するだけで使える

・…..でも、たくさん機能がありすぎて

ちょっと分かりづらいですよね

Page 7: Jetpackをざっくり紹介

Jetpackの令機能2015.2.18現在で 34個(また増えてる…...! )

• Beautiful Math

• Custom Content Types ・EnhancedDistribution

・ExtraSidebar Widgets

・Gravatarホ八一カード・InfiniteScroll

• JSON API • Jetpackコメン卜• Jetpackシングルサインオン・Markdown

・Monitor

Page 8: Jetpackをざっくり紹介

Jetpackの令機能• Photon

• Site Verification ・Subscriptions

• VideoPress •WP.me 短縮 URL・WidgetVisibility

• Word Press.com統計情報

・いいね・カスタムcss・力ルーセル・コンタクトフオーム・サイトアイコン

Page 9: Jetpackをざっくり紹介

・ショートコード埋め込み・スペル&文法チェック・タイルギャラリー・パブリサイズ共有・メール投稿・モバイル用テーマ・一括検索

・共有・通知・関連記事

• VaultPress

…..以上!

Page 10: Jetpackをざっくり紹介

そんなに使いこなせない

Page 11: Jetpackをざっくり紹介

6個だけ紹介します

• Site Management USON API) ・Monitor

・Photon

• WordPress.com統計情報

・コンタクトフオーム・パブリサイズ共有

Page 12: Jetpackをざっくり紹介

Site Management

Page 13: Jetpackをざっくり紹介

Site Management ・複数のWordPressサイトを1つの管理画面で見られます

・プラグインのアップデートや有効化や無効化

・投稿や固定ペーラの編集

・設定の変更……などなど

Page 14: Jetpackをざっくり紹介

I ⑩ 参い

... ~ 松戸WordPr巴SS音B,. ・ wp m.org

サイトの切り替え

。 サイトを表示 図

⑩ Word Press管理 回

... 統計情報

公開

言ブ問稿 固|白 固定ページ 追加

外観

・9テーマ 目

久 カスタマイズ 日

。メニュー 日

設定

& ユーザー 日

公開済み ① .c>.

山下書き Q.

第15回もっとはじめてのオリジナルテーマ制作イベント詳細 2015/2/18に第15回松戸

Word Press部を開催します。イベン卜の詳細&

参加申込みは、以下のDoorkeeperページから

お願いします。参加申込み

http://wpmatsudo.doork…

① 13日前

iP編集 図表示

tr;、,1a1s由:松声刷相場町田・・

志F‘’包Uじ健主~~’リ~ナルテーマ創作

・h統計情報 宙ゴミ箱

第14回メールフォーム&CRMプラグイン特集イベント詳細 2015/1/14に第14回松戸

Word Press部を開催します。イペン卜の詳細&

参加申込みは、こちらのFacebookページ力、ら

お願いします。

https://www.facebook.com/even…

① 2ヶ月前

iP編集 図表示

r:;守-、ーと·~

民~~--~重三司4 ・・~ヨ・

...統計情報 曲ゴミ箱

Page 15: Jetpackをざっくり紹介

I ⑩ 参い

ー軍松戸WordPr巴SS音Bwp-m.org @

All 有効化済み Inactive 管1里 仁入

サイトの切り替え

fJ Advanced Custom Fields: Date and Time Picker 〉

。 サイトを表示 図

OJ 「つ Advanced Custom Fields Pro 〉

⑩ Word Press管理 回

... 統計情報 義SCustom Post Type Permalinks 〉

公開 Duplicate Post 〉

ブログ投稿 追加

Force Regenerate Thumbnails 〉

白 固定ページ 追加

Ill, • .::":'.一田L-一,~一t一:.ーm〕ー.,戸:: ー-ム

b Google XML Sitemaps 〉

外観

同・9テーマ 目Grey Admin Color Schemes 〉

久 カスタマイズ 日

必 。Jetpackby Word Pre兄 com 〉

。メニュー 日一一一 MS Custom Login 〉

、也ノ設定

む MWWP Form 〉

& ユーザー @

Page 16: Jetpackをざっくり紹介

Monitor

Page 17: Jetpackをざっくり紹介

Monitor ・サイトの状態を5分ごとに監視

・ちしもサイトが落ちていたちメールで通知

・そのあと復帰したときもメールで通知・極端に遅いとき(10秒以上つながらない)にも通知

Page 18: Jetpackをざっくり紹介

Photon

Page 19: Jetpackをざっくり紹介

Photon ・一言でいえばCONです

• Cloudflareと力、Akamaiなどが有名で、すね

Page 20: Jetpackをざっくり紹介

Photon • wp.comのサーバーで、画像をキャッシユしてくれます・画像の多いサイトには特に有効

・サーバーの転送量が気になるときにも有効

Page 21: Jetpackをざっくり紹介

Word Press.com統計情報

Page 22: Jetpackをざっくり紹介

Word Press.com統計情報・簡易的なアクセス解析です

• Google Analyticsを設置するまでもないときに

・リファラ、検索キーワード、アクセス数など見られます

Page 23: Jetpackをざっくり紹介

Word Press.com統計情報・自分で設置したWordPressの管理画面、または

Word Press.comの管理画面、どちらからも見られます

Page 24: Jetpackをざっくり紹介

I ⑩ 参い

1月 22 1月 25 1月 28 1月 31 2月 3 2月 6 2月 9 Z月 12 2月 15 2月 18。

ブログ投稿 追加

@〉表示数 品サイト訪問者 安いいね ’コメント

白 固定ページ 追加 。 。 。 。外観

2月 18の統計情報・9テーマ 日

投稿とペ一歩 @ ノ、 固 @ ,、久 カスタマイズ 回

表示された投稿・ページがありまぜん 国が記録されていません

。メニュー 日

リフアラー @ ノ、 検索キーワード @ ,、設定

リファラが記録されていません 検索キーワードが記録されていまぜん

& ユーザー 回

株 設定クリック数 @ 〆、 期間内に公開したコシテン @ ,、

. プラグインリンクがクリックされていまぜん 表示する投稿またはページがありません

旨 アップク、レード 最近の他の統計l情報

コメント @ ,、 フォロワー @ ノ、

投稿されたコメン卜はありまぜん フォ口ワーがいまぜん

パブリサイズ共有 @ ノ、

パブ‘リサイス、フォ口ワーがいまぜん

Page 25: Jetpackをざっくり紹介

コンタクトフォ-b.

Page 26: Jetpackをざっくり紹介

コンタクトフオーム・使い方は先月のスライドをぜひ見てください

・初心者でも簡単に設置できるお問い合わせフオームです

Page 27: Jetpackをざっくり紹介

パブリヲイズ八伺

Page 28: Jetpackをざっくり紹介
Page 29: Jetpackをざっくり紹介

パブリリイズ八伺・面倒なOGPの設定などもやってくれます

・少しカスタマイズすればカスタム投稿タイフにち対応

Page 30: Jetpackをざっくり紹介

共有設定

パブリサイズ共有

このブ‘ロク‘をソーシャルネットワークサイトと連携し、新しい投稿を自動的に友達と共有しましょう。自分だけで連携を利用するか、他のユー

ザーも同アカウン卜に連携できるようにするか選択できます。他のユーザーと共有している連携では(共有)というテキストが表示されます。

→パブリサイズ共有についでの詳細。

回 Facebook 連携 Tumblr 連携

固Twitter 連携 固 Path 連携

Linkedln 連携 圏 Google+ 連携

Word Pressのご利用ありがとうございます。 )\ージョン 4.1

Page 31: Jetpackをざっくり紹介

まとめ

Page 32: Jetpackをざっくり紹介

面倒なことはJetpackに任せて、どんどん楽しよう!