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
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
75
WordPress テーマ作成超入門
ryoraspp
0
72
WordPress テーマ作成超入門
ryoraspp
0
170
WordPressを使う上で知っておくと 幸せ になること
ryoraspp
0
87
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
SREのキャリアから経営に近づく - Enterprise Risk Managementを基に -
shonansurvivors
1
390
AWS re:Invent 2025事前勉強会資料 / AWS re:Invent 2025 pre study meetup
kinunori
0
810
「タコピーの原罪」から学ぶ間違った”支援” / the bad support of Takopii
piyonakajima
0
150
可観測性は開発環境から、開発環境にもオブザーバビリティ導入のススメ
layerx
PRO
4
1.9k
JAWS UG AI/ML #32 Amazon BedrockモデルのライフサイクルとEOL対応/How Amazon Bedrock Model Lifecycle Works
quiver
1
120
Amazon Athena で JSON・Parquet・Iceberg のデータを検索し、性能を比較してみた
shigeruoda
1
230
オブザーバビリティと育てた ID管理・認証認可基盤の歩み / The Journey of an ID Management, Authentication, and Authorization Platform Nurtured with Observability
kaminashi
2
1.3k
DSPy入門
tomehirata
4
530
From Natural Language to K8s Operations: The MCP Architecture and Practice of kubectl-ai
appleboy
0
370
JSConf JPのwebsiteをGatsbyからNext.jsに移行した話 - Next.jsの多言語静的サイトと課題
leko
2
190
アウトプットから始めるOSSコントリビューション 〜eslint-plugin-vueの場合〜 #vuefes
bengo4com
3
1.8k
ストレージエンジニアの仕事と、近年の計算機について / 第58回 情報科学若手の会
pfn
PRO
4
900
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Bash Introduction
62gerente
615
210k
GitHub's CSS Performance
jonrohan
1032
470k
How to Think Like a Performance Engineer
csswizardry
27
2.2k
Site-Speed That Sticks
csswizardry
13
930
How to Ace a Technical Interview
jacobian
280
24k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Why Our Code Smells
bkeepers
PRO
340
57k
GraphQLとの向き合い方2022年版
quramy
49
14k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
670
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へ投稿可能!
マークダウンで素早く書く 後からブロックエディターでブロックを追加したりして投稿!
ブログを更新する上で大事なこと •プラグインやスタイリングで読みやすい記事にする •人の役に立つ記事を書く •自分の好きなことをアウトプットする •自分独自の考えを発信する
ご清聴ありがとうございました!