Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ブログをスタートする人にオススメのプラグインとエディタの紹介
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
RyoUozumi
April 20, 2019
Technology
0
120
ブログをスタートする人にオススメのプラグインとエディタの紹介
WordCamp Haneda 2019 – START!
RyoUozumi
April 20, 2019
Tweet
Share
More Decks by RyoUozumi
See All by RyoUozumi
ブロックエディター(Gutenberg)をもっと活用しよう! Aichi WordPress Meetup #5
ryoraspp
0
80
WordPress テーマ作成超入門
ryoraspp
0
74
WordPress テーマ作成超入門
ryoraspp
0
170
WordPressを使う上で知っておくと 幸せ になること
ryoraspp
0
92
WordPressの関数から踏む一歩は初心者にとって大きな一歩! [WordFes Nagoya 2017 5216教室] #WordFes #WordFes03
ryoraspp
0
1.8k
大学生によるWordPress活用事例紹介 -1-大学生にこそ普及してほしいWordPress
ryoraspp
0
100
Other Decks in Technology
See All in Technology
堅牢.py#2 LT資料
t3tra
0
130
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
8
7.2k
PMBOK第8版は第7版から何が変わったのか(PMBOK第8版概要解説) / 20260304 Takeshi Watarai
shift_evolve
PRO
0
200
マネージャー版 "提案のレベル" を上げる
konifar
22
15k
元エンジニアPdM、IDEが恋しすぎてCursorに全業務を集約したら、スライド作成まで爆速になった話
doiko123
1
590
スクリプトの先へ!AIエージェントと組み合わせる モバイルE2Eテスト
error96num
0
160
事例に見るスマートファクトリーへの道筋〜工場データをAI Readyにする実践ステップ〜
hamadakoji
1
290
猫でもわかるKiro CLI(AI 駆動開発への道編)
kentapapa
0
130
Abuse report だけじゃない。AWS から緊急連絡が来る状況とは?昨今の攻撃や被害の事例の紹介と備えておきたい考え方について
kazzpapa3
1
500
複数クラスタ運用と検索の高度化:ビズリーチにおけるElastic活用事例 / ElasticON Tokyo2026
visional_engineering_and_design
0
130
Scrumは歪む — 組織設計の原理原則
dashi
0
120
白金鉱業Meetup_Vol.22_Orbital Senseを支える衛星画像のマルチモーダルエンベディングと地理空間のあいまい検索技術
brainpadpr
2
290
Featured
See All Featured
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
1.9k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
280
So, you think you're a good person
axbom
PRO
2
2k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.5k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.4k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.2k
Darren the Foodie - Storyboard
khoart
PRO
3
2.8k
[SF Ruby Conf 2025] Rails X
palkan
2
820
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.4k
Designing Experiences People Love
moore
143
24k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
100
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へ投稿可能!
マークダウンで素早く書く 後からブロックエディターでブロックを追加したりして投稿!
ブログを更新する上で大事なこと •プラグインやスタイリングで読みやすい記事にする •人の役に立つ記事を書く •自分の好きなことをアウトプットする •自分独自の考えを発信する
ご清聴ありがとうございました!