Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
ブログをスタートする人にオススメのプラグインとエディタの紹介
Search
RyoUozumi
April 20, 2019
Technology
130
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ブログをスタートする人にオススメのプラグインとエディタの紹介
WordCamp Haneda 2019 – START!
RyoUozumi
April 20, 2019
More Decks by RyoUozumi
See All by RyoUozumi
ブロックエディター(Gutenberg)をもっと活用しよう! Aichi WordPress Meetup #5
ryoraspp
0
85
WordPress テーマ作成超入門
ryoraspp
0
78
WordPress テーマ作成超入門
ryoraspp
0
180
WordPressを使う上で知っておくと 幸せ になること
ryoraspp
0
100
WordPressの関数から踏む一歩は初心者にとって大きな一歩! [WordFes Nagoya 2017 5216教室] #WordFes #WordFes03
ryoraspp
0
1.9k
大学生によるWordPress活用事例紹介 -1-大学生にこそ普及してほしいWordPress
ryoraspp
0
110
Other Decks in Technology
See All in Technology
Metadata - Section 1: HTML Basics
mohab1
0
120
今さら理解するウェブフォントver.2026
takanorip
3
900
AI導入は済んだ。次は統制を作り替える番だ_AI×開発組織 Summit 2026
techtekt
PRO
0
350
実体験から学ぶ分析エージェントの開発と運⽤
recruitengineers
PRO
8
2.4k
パスキーの自動テストはどこまでいけるのか
teamlab
PRO
0
280
夫婦で子育てするための育児標準化
codmoninc
PRO
0
450
JAWSUG TOHOKU 青森支部 「LoGoチャット」のAWS移行で 乗り越えたこと
taketakekaho
0
340
Code for Security プロジェクト紹介 2026年10月
yu23ki14
0
110
PHPカンファレンス関西の招待状 / Invitation to PHP Conference Kansai
ykanoh
0
210
M5Stackで作る BLEマウス GPSログの世界
tomokusaba
PRO
0
440
NDIでApple Vision Proにリアルタイム映像送信
jyouryuusui
0
130
フロントエンドカンファレンス関西2026 - 速すぎるUIに、待ち時間を
teamlab
PRO
0
190
Featured
See All Featured
The untapped power of vector embeddings
frankvandijk
2
1.9k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
410
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
460
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
570
Balancing Empowerment & Direction
lara
6
1.3k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
290
YesSQL, Process and Tooling at Scale
rocio
174
15k
Making the Leap to Tech Lead
cromwellryan
135
10k
Optimising Largest Contentful Paint
csswizardry
37
4k
Transcript
これらのプラグインとエディタ でブログをスタートしよう! WordCamp Haneda 2019
自己紹介 • 魚住諒(24歳) • 愛知産業短期大学通信教育学部国際コミュニケーション学科を昨年度卒業 • ジャズトランペットとガジェットと Web が好き •
2013年8月29日より現 ryo.nagoya で WordPress デビュー • Web 関連に熱中する日々を過ごしたい • Twitter:@ryoraspp • Facebook:https://www.facebook.com/ryo.uozumi.ryoraspp
ΞδΣϯμ • ブログを運営する中で便利なプラグインの紹介 • ブログをちょこっとカスタマイズするのに便利なテキストエディタの紹介 • ブログを書くのに便利なマークダウンエディタの紹介
紹介するプラグイン一覧 • WordPress.comのアカウントが必要なプラグイン • セキュリティ系プラグイン • ブロックライブラリー系プラグイン • コンテンツを増やすプラグイン •
SNS に対して強くするプラグイン • その他のプラグイン
注意事項 今回紹介するプラグインには現行の WordPress のバージョンに完全に対応で きてなくて、エラーが出たり不具合が出る 可能性があるプラグインもあります。 ですので、本番環境にするプラグインを入 れるのではなく、テスト環境で使ってみて 検証してみてから使うようにして下さい。
WordPress.comのアカウントが必 要なプラグイン
Jetpack by WordPress.com
Jetpack by WordPress.com • JetpackとはWordPress.comの機能を WordPressに追加するプラグイン • [モニター]でサイトがダウンした時にお知 らせ •
[プロテクト]でブルートフォース攻撃防止 • [カスタムCSS]子テーマより気軽にCSSを上 書きできる • [Markdown]Markdown記法で楽に記事を書 く • Payment Buttons (ブロック) • Forms (ブロック) • Maps (ブロック) • Markdown (ブロック)
"LJTNFU"OUJ4QBN ΞϯνεύϜ w εύϜίϝϯτΛࢭͰ͖Δ
セキュリティ系プラグイン
WPS Hide Login • ログインURLを手軽に変更できる • /wp-login.phpや/wp-adminから ログイン出来なくできる • ※ブラウザの普通のブックマー
クからログインできなくなる
Limit Login Attempts • ログイン試行回数を決めれる • ※5.Xに完全に対応しているか検証してか ら使うように
ブロックライブラリー系プラグイン
Advanced Gutenberg • 多機能ブロック系プラグイン • 初期のブロックの状態でもっと高機能なブロックがいいなぁという 願望に対応してくれる
Advanced Gutenberg • 最新の投稿スライダーと最新の投稿スライダー • 最新のWooCommerce製品スライダと最新の製品ス ライダ • Advanced Buttonブロック:たくさんのスタイルで
ボタンを作成する • 連絡フォームブロック:ユーザメッセージの取得と メッセージのエクスポート • アドバンスドリストブロック:リストアイコン、ア イコンカラーでリストを作成 • 地図ブロック:ズーム、アイコン、ツールチップ、 色でGoogleの地図位置をロードします。 • 高度なテーブルブロック:色、ボーダーなどのスタ イルでテーブルを作成 • アコーディオンブロック:完全に設定可能なアコー ディオンでコンテンツを表示する • タブブロック:タブ付きの完全なUXでコンテンツ を表示する • 紹介文ブロック:アバター、タイトル、テキスト、 色、スライダーを定義する • Contact Formブロック:Eメールを受信し、連絡先 フォームのデータをエクスポートする • 電子メールオプトインブロック:電子メールを取得 してデータをエクスポートする 追加されるブロック一覧(Google翻訳)
VK Blocks https://www.vektor-inc.co.jp/service/products/wordpress-plugins/vk-blocks/ • アラート • フキダシ • 質問と回答 •
フロー • ボタン • PR Blocks
SNS に対して強くするプラグイン
AddToAny Share Buttons (シェアボタン) • SNSでシェアするボタンを手軽 に記事の下に追加できる
VA Social Buzz • 記事の下に Facebookページ へのいい ね!を押してもらえるボタンが置ける • ソーシャルメディアにシェアしてもら
えるボタンを追加できる
Instagram Feed • Instagramの投稿を設置できる • ショートコードで設置
Swifty Bar, sticky bar by WPGens • 記事画面の下に、 • カテゴリ、タイトル、書いた人
• 記事を読む時間 • 次の記事、前の記事を設置できる
コンテンツを増やすプラグイン
WordPress Popular Posts • 人気の記事をウィジェットに置ける • そのブログの人気記事をさらに読んでもらえることができる
VK Post Author Display • 記事下に自分のプロフィールを設置できる • 個人でももちろん使えるが、グループで書いてるメディアには、どの人が 書いてるかわかってもらえれる
その他のプラグイン
Broken Link Checker • 書いた記事にもしリンク切れがあったらメールなどで教えてくれるプラグ イン
Contact Form 7 • 世界的に有名なお問い合わせを設置できるプラグイン • お問い合わせに確認画面が欲しい場合は「MW WP Form」がオススメ
EWWW Image Optimizer • 画像を最適化することでページのロード速度を向上させてくれる • ※JPEGファイルを圧縮したりしたくない人には非推奨
Google XML Sitemaps • Google Search Console にサイトマップをXML形式で登録できたり • サイトマップを生成後、自動で検索エンジンに送ってくれる
LiteSpeed Cache • LiteSpeed Webサーバーで利用できるキャッシュ機能 • Apache や Nginx のサーバーの場合は、他のキャッシュ系プラグインがオス
スメ • 例:WP Super Cache、W3 Total Cache、WP Fastest Cache
WebSub/PubSubHubbub • 自分はPuSHPressを使っているが、プラグインが最新の状態に対応してい たりするので、WebSub/PubSubHubbubがオススメ • 検索エンジンに記事をいち早くインデックスしてもらえる
WP-Optimize • Optimize は「最適化」とう意味の英単語 • DB最適化 • リビジョンなど余分になったデータを一括でクリーン出来たりできる
LogBook
LogBook • 下記のアクティビティをログにとって管理画面から見ることができる • 投稿の公開、更新、削除 • プラグインやテーマの有効化と停止 • WordPress コア、プラグイン、翻訳ファイルのアップデート。
• ユーザーのログイン • XML-RPC を経由したログインと投稿 • PHP エラー (デバッグモードが有効の場合、警告と通知も保存します)
Show Current Template • 現在のテンプレートファイル名、現在のテーマ名と読み込んでいるテンプ レートファイル名をツールバーに表示する WordPress プラグイン。 • 開いてるページのどこのテンプレートファイルをカスタマイズすればいい
かが管理バーから分かる
オススメのテキストエディタ Brackets Visual Studio Code 時間の都合で省略しますm(_ _)m
Brackets • Adobe Systemsが開発するオープンソースのソースコードエディタ • macOS・Windows・Linuxのクロスプラットフォーム • 機能拡張(エクステンション) - 拡張機能で必要な機能を追加することが
できる
Brackets
Brackets
マークダウンで素早く書く Ulysses
マークダウンで素早く書く
マークダウンで素早く書く エディタから直接WordPressへ投稿可能!
マークダウンで素早く書く 後からブロックエディターでブロックを追加したりして投稿!
ブログを更新する上で大事なこと •プラグインやスタイリングで読みやすい記事にする •人の役に立つ記事を書く •自分の好きなことをアウトプットする •自分独自の考えを発信する
ご清聴ありがとうございました!