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
Android Audio: Beyond Winning On It
atsushieno
0
3.4k
IoT x エッジAI - リアルタイ ムAI活用のPoCを今すぐ始め る方法 -
niizawat
0
120
いま注目のAIエージェントを作ってみよう
supermarimobros
0
350
KotlinConf 2025_イベントレポート
sony
1
140
TS-S205_昨年対比2倍以上の機能追加を実現するデータ基盤プロジェクトでのAI活用について
kaz3284
1
220
5年目から始める Vue3 サイト改善 #frontendo
tacck
PRO
3
230
まずはマネコンでちゃちゃっと作ってから、それをCDKにしてみよか。
yamada_r
2
120
AWSを利用する上で知っておきたい名前解決のはなし(10分版)
nagisa53
10
3.2k
5分でカオスエンジニアリングを分かった気になろう
pandayumi
0
260
バイブスに「型」を!Kent Beckに学ぶ、AI時代のテスト駆動開発
amixedcolor
2
590
AWSで始める実践Dagster入門
kitagawaz
1
740
Unlocking the Power of AI Agents with LINE Bot MCP Server
linedevth
0
120
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Six Lessons from altMBA
skipperchong
28
4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
A Tale of Four Properties
chriscoyier
160
23k
Scaling GitHub
holman
463
140k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Code Reviewing Like a Champion
maltzj
525
40k
Designing Experiences People Love
moore
142
24k
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へ投稿可能!
マークダウンで素早く書く 後からブロックエディターでブロックを追加したりして投稿!
ブログを更新する上で大事なこと •プラグインやスタイリングで読みやすい記事にする •人の役に立つ記事を書く •自分の好きなことをアウトプットする •自分独自の考えを発信する
ご清聴ありがとうございました!