Submit Search
これらのプラグインとエディタでブログをスタートしよう! #contents758 #AWM #aichi_wpm
0 likes
88 views
Ryo Uozumi
contents.nagoya Aichi WordPress MeetUp #8
Engineering
Read more
1 of 53
Download now
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
More Related Content
PDF
WordPressで行う継続的インテグレーション入門編
Hiroshi Urabe
KEY
WordPressってブログじゃないの?
tokumotonahoko
PDF
WP REST API の活用事例と今後
Yuusuke Yoshida
PDF
ブログをスタートする人にオススメのプラグインとエディタの紹介
Ryo Uozumi
PDF
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
Yoshinori Kobayashi
PDF
Word camposaka imaigo_slideshare
Go Imai
PDF
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
PDF
WordPressで行うシステム開発 WordCamp Tokyo 2015用
Satoshi Kamigaki
WordPressで行う継続的インテグレーション入門編
Hiroshi Urabe
WordPressってブログじゃないの?
tokumotonahoko
WP REST API の活用事例と今後
Yuusuke Yoshida
ブログをスタートする人にオススメのプラグインとエディタの紹介
Ryo Uozumi
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
Yoshinori Kobayashi
Word camposaka imaigo_slideshare
Go Imai
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
WordPressで行うシステム開発 WordCamp Tokyo 2015用
Satoshi Kamigaki
What's hot
(20)
PDF
Webっちゃ vol.01 [Wordpressでできること]
Yoshifumi Nishimoto
PDF
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
Masahiro Nakashima
PPTX
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
Kitani Kimiya
PPTX
concrete5 多言語サイト制作へのお誘い
Katz Ueno
PPTX
TBMU#28 ブログのトラブル・困ったを解決
Tomaki Maeda
PPTX
WordCamp Kansai 2015 - 京都大学における WordPress を利用した多言語情報発信と管理運用 #wck2015
Kitani Kimiya
PDF
Word pressはじめの一歩 テーマ作成ハンズオン
Hidetaka Okamoto
PPTX
CMS の現場から - WordPress と concrete5
Katz Ueno
PDF
コミュニティ立ち上げのときに本当にあった恐い話
Mio Konagaya
PDF
初心者でもすぐできる Wordpress バックアップのススメ
Seiichiro Mishiba
PPTX
CodeIgniter3でWordPressプラグインを作る
Akishige TAKEKOSHI
PPTX
Webディレクターとして word pressを提案するときに考えること + 運用
Junzo Matunoo
PPTX
某rss収集アプリ
一希 大田
PPTX
効果的なブログの書き方 ~仕事につながるブログ術、3つのポイント~
毅 佐藤
KEY
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
WCO_Blogger
PPTX
var dumpを使わないWordPress開発フロー
優也 田島
PDF
WordPress 初心者からの脱出 #tohokuitfes
Kazue Igarashi
PPTX
HTML5とWeb開発に関する最新動向
Shumpei Shiraishi
PDF
_s + bootstrapで始めるWordPressテーマ開発入門
Hidetaka Okamoto
KEY
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
Eri Sawada
Webっちゃ vol.01 [Wordpressでできること]
Yoshifumi Nishimoto
WordPress tokyo2015 - 公式プラグインでお金を稼ぐことができるか?
Masahiro Nakashima
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
Kitani Kimiya
concrete5 多言語サイト制作へのお誘い
Katz Ueno
TBMU#28 ブログのトラブル・困ったを解決
Tomaki Maeda
WordCamp Kansai 2015 - 京都大学における WordPress を利用した多言語情報発信と管理運用 #wck2015
Kitani Kimiya
Word pressはじめの一歩 テーマ作成ハンズオン
Hidetaka Okamoto
CMS の現場から - WordPress と concrete5
Katz Ueno
コミュニティ立ち上げのときに本当にあった恐い話
Mio Konagaya
初心者でもすぐできる Wordpress バックアップのススメ
Seiichiro Mishiba
CodeIgniter3でWordPressプラグインを作る
Akishige TAKEKOSHI
Webディレクターとして word pressを提案するときに考えること + 運用
Junzo Matunoo
某rss収集アプリ
一希 大田
効果的なブログの書き方 ~仕事につながるブログ術、3つのポイント~
毅 佐藤
集客ばかりを考えるからブログは失敗する -長くブログを続けるために-
WCO_Blogger
var dumpを使わないWordPress開発フロー
優也 田島
WordPress 初心者からの脱出 #tohokuitfes
Kazue Igarashi
HTML5とWeb開発に関する最新動向
Shumpei Shiraishi
_s + bootstrapで始めるWordPressテーマ開発入門
Hidetaka Okamoto
PHPがわからないデザイナーでもできる、簡単カスタマイズ術
Eri Sawada
Ad
Similar to これらのプラグインとエディタでブログをスタートしよう! #contents758 #AWM #aichi_wpm
(20)
PDF
2013年3月16日のWordBench大阪
Shinichi Nishikawa
PDF
アプリケーションプラットフォームとしてのWordPressの序論。ころぐとBookPressを事例に!WordBench福岡の資料!20130323
Shinichi Nishikawa
PDF
TypeScript 独習会
Masahiro Wakame
PDF
a-blogcsm な寺子屋 2 in Okazaki
Etsushi Ishii
PPT
WordCamp YOKOHAMA kai4den
カイ カイ
KEY
Twitter クライアント開発のすすめ #twtr_hack
Mocel Mocelic
KEY
WordPress中級者への道!テンプレートタグはどう動くのか!?
Shinichi Nishikawa
PDF
WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ
Kazue Igarashi
PDF
20150704cmsdou
Kazue Igarashi
PPTX
Shortplug/shop企画書
Masami Ogoshi
PDF
言語処理学会へ遊びに行ったよ
antibayesian 俺がS式だ
PDF
WordPress アカンパターン
Kazue Igarashi
PDF
[修正版]大学生によるWordPress活用事例紹介 -1-大学生にこそ普及してほしいWordPress
Ryo Uozumi
PDF
4時間まったりWordPressテーマ作成講座
Shinichi Nishikawa
PDF
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
KEY
続・Twitter bootstrap入門 #html5j
Toshiaki Maki
PDF
第3回WordPress Cafe プラグイン紹介
foom_in
PPTX
Chrome-eject がこの先生きのこるには
Yosuke HASEGAWA
PDF
WordBench京都版 _sハンズオン
Hidetaka Okamoto
PDF
「新しい」を生み出すためのWebアプリ開発とその周辺
Yusuke Wada
2013年3月16日のWordBench大阪
Shinichi Nishikawa
アプリケーションプラットフォームとしてのWordPressの序論。ころぐとBookPressを事例に!WordBench福岡の資料!20130323
Shinichi Nishikawa
TypeScript 独習会
Masahiro Wakame
a-blogcsm な寺子屋 2 in Okazaki
Etsushi Ishii
WordCamp YOKOHAMA kai4den
カイ カイ
Twitter クライアント開発のすすめ #twtr_hack
Mocel Mocelic
WordPress中級者への道!テンプレートタグはどう動くのか!?
Shinichi Nishikawa
WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ
Kazue Igarashi
20150704cmsdou
Kazue Igarashi
Shortplug/shop企画書
Masami Ogoshi
言語処理学会へ遊びに行ったよ
antibayesian 俺がS式だ
WordPress アカンパターン
Kazue Igarashi
[修正版]大学生によるWordPress活用事例紹介 -1-大学生にこそ普及してほしいWordPress
Ryo Uozumi
4時間まったりWordPressテーマ作成講座
Shinichi Nishikawa
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
続・Twitter bootstrap入門 #html5j
Toshiaki Maki
第3回WordPress Cafe プラグイン紹介
foom_in
Chrome-eject がこの先生きのこるには
Yosuke HASEGAWA
WordBench京都版 _sハンズオン
Hidetaka Okamoto
「新しい」を生み出すためのWebアプリ開発とその周辺
Yusuke Wada
Ad
これらのプラグインとエディタでブログをスタートしよう! #contents758 #AWM #aichi_wpm
1.
これらのプラグインとエディタ でブログをスタートしよう! contents.nagoya #contents758 #AWM #aichi_wpm Aichi
WordPress MeetUp #8
2.
自己紹介 • 魚住諒(24歳 無職) •
愛知産業短期大学通信教育学部国際コミュニケーション学科を昨年度卒業 • ジャズトランペットとガジェットと Web が好き • 2013年8月29日より現 ryo.nagoya で WordPress デビュー • Web 関連に熱中する日々を過ごしたい • https://www.superprof.jp/ でWordPress の使い方を教えている • Twitter:@ryoraspp • Facebook:https://www.facebook.com/ryo.uozumi.ryoraspp #contents758 #AWM #aichi_wpm (カリフォルニア州マウンテンビューにある) (コンピュータ歴史博物館へ行ってきた)
3.
アジェンダ • ブログを運営する中で便利なプラグインの紹介 • ブログをちょこっとカスタマイズするのに便利なテキストエディタの紹介 •
ブログを書くのに便利なマークダウンエディタの紹介 #contents758 #AWM #aichi_wpm
4.
紹介するプラグイン一覧 • WordPress.comのアカウントが必要なプラグイン • セキュリティ系プラグイン •
ブロックライブラリー系プラグイン • コンテンツを増やすプラグイン • SNS に対して強くするプラグイン • その他のプラグイン
5.
注意事項 今回紹介するプラグインには現行の WordPress のバージョンに完全に対応で きてなくて、エラーが出たり不具合が出る 可能性があるプラグインもあります。 ですので、本番環境にするプラグインを入 れるのではなく、テスト環境で使ってみて 検証してみてから使うようにして下さい。 #contents758 #AWM
#aichi_wpm
6.
WordPress.comのアカウントが必 要なプラグイン #contents758 #AWM #aichi_wpm
7.
Jetpack by WordPress.com #contents758
#AWM #aichi_wpm
8.
Jetpack by WordPress.com •
JetpackとはWordPress.comの機能を WordPressに追加するプラグイン • [モニター]でサイトがダウンした時にお知 らせ • [プロテクト]でブルートフォース攻撃防止 • Payment Buttons (ブロック) • Forms (ブロック) • Maps (ブロック) • Markdown (ブロック) #contents758 #AWM #aichi_wpm
9.
Akismet Anti-Spam (アンチスパム) •
スパムコメントを防止できる #contents758 #AWM #aichi_wpm
10.
セキュリティ系プラグイン #contents758 #AWM #aichi_wpm
11.
WPS Hide Login •
ログインURLを手軽に変更できる • /wp-login.phpや/wp-adminから ログイン出来なくできる • ※ブラウザの普通のブックマー クからログインできなくなる #contents758 #AWM #aichi_wpm
12.
Limit Login Attempts •
ログイン試行回数を決めれる • ※5.Xに完全に対応しているか検証してか ら使うように #contents758 #AWM #aichi_wpm
13.
ブロックライブラリー系プラグイン #contents758 #AWM #aichi_wpm
14.
Advanced Gutenberg • 多機能ブロック系プラグイン •
初期のブロックの状態でもっと高機能なブロックがいいなぁという 願望に対応してくれる #contents758 #AWM #aichi_wpm
15.
Advanced Gutenberg • 最新の投稿スライダーと最新の投稿スライダー •
最新のWooCommerce製品スライダと最新の製品ス ライダ • Advanced Buttonブロック:たくさんのスタイルで ボタンを作成する • 連絡フォームブロック:ユーザメッセージの取得と メッセージのエクスポート • アドバンスドリストブロック:リストアイコン、ア イコンカラーでリストを作成 • 地図ブロック:ズーム、アイコン、ツールチップ、 色でGoogleの地図位置をロードします。 • 高度なテーブルブロック:色、ボーダーなどのスタ イルでテーブルを作成 • アコーディオンブロック:完全に設定可能なアコー ディオンでコンテンツを表示する • タブブロック:タブ付きの完全なUXでコンテンツ を表示する • 紹介文ブロック:アバター、タイトル、テキスト、 色、スライダーを定義する • Contact Formブロック:Eメールを受信し、連絡先 フォームのデータをエクスポートする • 電子メールオプトインブロック:電子メールを取得 してデータをエクスポートする 追加されるブロック一覧(Google翻訳) #contents758 #AWM #aichi_wpm
16.
VK Blocks https://www.vektor-inc.co.jp/service/products/wordpress-plugins/vk-blocks/ • アラート •
フキダシ • 質問と回答 • フロー • ボタン • PR Blocks #contents758 #AWM #aichi_wpm
17.
VK Blocks https://www.vektor-inc.co.jp/service/products/wordpress-plugins/vk-blocks/ • アラート •
吹き出し • ボックス • ボタン • ボタンボックス(マイクロ コピーつきボタン) • FAQ • アイコンリスト • 価格表 • レーティングボックス • ステップ • お客様の声 • 項目 • Slider • Panels • Media text • Thumbnail gallery • Categories list • Evaluation star • Accordion • Limited datetime • Countdown timer • Directory structure • #contents758 #AWM #aichi_wpm
18.
SNS に対して強くするプラグイン #contents758 #AWM
#aichi_wpm
19.
AddToAny Share Buttons
(シェアボタン) • SNSでシェアするボタンを手軽 に記事の下に追加できる #contents758 #AWM #aichi_wpm
20.
Sharify Social Share
Buttons • 美しい共有ボタンを追加することを可 能にするシンプルで速いプラグイン • 記事の上に追加できる #contents758 #AWM #aichi_wpm
21.
VA Social Buzz •
記事の下に Facebookページ へのいい ね!を押してもらえるボタンが置ける • ソーシャルメディアにシェアしてもら えるボタンを追加できる #contents758 #AWM #aichi_wpm
22.
Instagram Feed • Instagramの投稿を設置できる •
ショートコードで設置 #contents758 #AWM #aichi_wpm
23.
Swifty Bar, sticky
bar by WPGens • 記事画面の下に、 • カテゴリ、タイトル、書いた人 • 記事を読む時間 • 次の記事、前の記事を設置できる #contents758 #AWM #aichi_wpm
24.
コンテンツを増やすプラグイン #contents758 #AWM #aichi_wpm
25.
WordPress Popular Posts •
人気の記事をウィジェットに置ける • そのブログの人気記事をさらに読んでもらえることができる #contents758 #AWM #aichi_wpm
26.
VK Post Author
Display • 記事下に自分のプロフィールを設置できる • 個人でももちろん使えるが、グループで書いてるメディアには、どの人が 書いてるかわかってもらえれる #contents758 #AWM #aichi_wpm
27.
その他のプラグイン #contents758 #AWM #aichi_wpm
28.
Broken Link Checker •
書いた記事にもしリンク切れがあったらメールなどで教えてくれるプラグ イン #contents758 #AWM #aichi_wpm
29.
Contact Form 7 •
世界的に有名なお問い合わせを設置できるプラグイン • お問い合わせに確認画面が欲しい場合は「MW WP Form」がオススメ #contents758 #AWM #aichi_wpm
30.
EWWW Image Optimizer •
画像を最適化することでページのロード速度を向上させてくれる • ※JPEGファイルを圧縮したりしたくない人には非推奨 #contents758 #AWM #aichi_wpm
31.
Google XML Sitemaps •
Google Search Console にサイトマップをXML形式で登録できたり • サイトマップを生成後、自動で検索エンジンに送ってくれる #contents758 #AWM #aichi_wpm
32.
LiteSpeed Cache • LiteSpeed
Webサーバーで利用できるキャッシュ機能 • Apache や Nginx のサーバーの場合は、他のキャッシュ系プラグインがオス スメ • 例:WP Super Cache、W3 Total Cache、WP Fastest Cache #contents758 #AWM #aichi_wpm
33.
WebSub/PubSubHubbub • 自分はPuSHPressを使っているが、プラグインが最新の状態に対応してい たりするので、WebSub/PubSubHubbubがオススメ • 検索エンジンに記事をいち早くインデックスしてもらえる #contents758
#AWM #aichi_wpm
34.
WP-Optimize • Optimize は「最適化」とう意味の英単語 •
DB最適化 • リビジョンなど余分になったデータを一括でクリーン出来たりできる #contents758 #AWM #aichi_wpm
35.
Design Experiments #contents758 #AWM
#aichi_wpm Design Experiments プラグインは、WordPress 管理画面コンテキストの、デザインプロトタイプツールです。WordPress デザインチームが検討中の概念実 重要な免責事項: このプラグインは実験を目的としています。コンセプトのテスト用であり、本番サイトでの使用を意図したものではありません。こ ンを使用しないでください。 Design Experiments プラグインは、WordPress 管理画面コンテキストの、デザインプロトタイプツールです。WordPress デザインチームが検討中の概念実証の数が含まれています。 重要な免責事項: このプラグインは実験を目的としています。コンセプトのテスト用であり、本番サイトでの使用を意図したものではありません。これらの実験は管理エリアの機能を隠したり、視覚的に ンを使用しないでください。 • WordPress管理画面コンテクストの、デザインプロトタイプツールで す。 • 特にダークモードがオススメ!
36.
Design Experiments #contents758 #AWM
#aichi_wpm Design Experiments プラグインは、WordPress 管理画面コンテキストの、デザインプロトタイプツールです。WordPress デザインチームが検討中の概念実 重要な免責事項: このプラグインは実験を目的としています。コンセプトのテスト用であり、本番サイトでの使用を意図したものではありません。こ ンを使用しないでください。
37.
LogBook #contents758 #AWM #aichi_wpm
38.
LogBook • 下記のアクティビティをログにとって管理画面から見ることができる • 投稿の公開、更新、削除 •
プラグインやテーマの有効化と停止 • WordPress コア、プラグイン、翻訳ファイルのアップデート。 • ユーザーのログイン • XML-RPC を経由したログインと投稿 • PHP エラー (デバッグモードが有効の場合、警告と通知も保存します) #contents758 #AWM #aichi_wpm
39.
Show Current Template •
現在のテンプレートファイル名、現在のテーマ名と読み込んでいるテンプ レートファイル名をツールバーに表示する WordPress プラグイン。 • 開いてるページのどこのテンプレートファイルをカスタマイズすればいい かが管理バーから分かる #contents758 #AWM #aichi_wpm
40.
PWA for WordPress •
5分以内に PWA 化できる神アプリ • PWA(Progressive Web App) #contents758 #AWM #aichi_wpm
41.
オススメのテキストエディタ Brackets Visual Studio
Code 時間の都合で省略しますm(_ _)m #contents758 #AWM #aichi_wpm
42.
Brackets • Adobe Systemsが開発するオープンソースのソースコードエディタ •
macOS・Windows・Linuxのクロスプラットフォーム • 機能拡張(エクステンション) - 拡張機能で必要な機能を追加することが できる #contents758 #AWM #aichi_wpm
43.
Brackets #contents758 #AWM #aichi_wpm
44.
Brackets #contents758 #AWM #aichi_wpm
45.
Visual Studio Code •
ドットインストールでどう使えるのか教えてくれる講座が登場 #contents758 #AWM #aichi_wpm
46.
マークダウンで記事素早く書く Ulysses #contents758 #AWM #aichi_wpm
47.
マークダウンで素早く書く #contents758 #AWM #aichi_wpm
48.
マークダウンで素早く書く エディタから直接WordPressへ投稿可能! #contents758 #AWM #aichi_wpm
49.
マークダウンで素早く書く 後からブロックエディターでブロックを追加したりして投稿! #contents758 #AWM #aichi_wpm
50.
ブログを更新する上で大事なこと •プラグインやスタイリングで読みやすい記事にする •人の役に立つ記事を書く •自分の好きなことをアウトプットする •自分独自の考えを発信する •自分が読みたい記事を書く •人のために記事を書く、自分のためでは三日坊主になる #contents758 #AWM #aichi_wpm
51.
質問タイム! #contents758 #AWM #aichi_wpm
52.
スライド #contents758 #AWM #aichi_wpm https://ryo.nagoya
53.
ご清聴ありがとうございました! #contents758 #AWM #aichi_wpm
Download