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
コワーキングスペースのWebサイトを 有料テーマでリニューアルした理由と、改めて感じたWord...
Search
岡田 大誠
June 02, 2018
Design
3.1k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
コワーキングスペースのWebサイトを 有料テーマでリニューアルした理由と、改めて感じたWordPressの ごっつええところ
2018年6月2日 WordCamp Osaka 2018でお話したスライドです
岡田 大誠
June 02, 2018
Transcript
77 slides
コワーキングスペースのWebサイトを 有料テーマでリニューアルした理由と、 改めて感じたWordPressの ごっつええところ WEBDAデザイン 岡⽥ ⼤誠
スライド資料は のちほど公開するで。 内容メモらんでええで(・∀・)
⾃⼰紹介
岡⽥ ⼤誠(おかだ ひろなり) デザイニスト・Webデザイナー ⼤阪府枚⽅市在住 Web制作歴6年 WordPressよく使う。 スプラトゥーンやってるで!
None
Focus on business
やっていること Webサイトデザイン HTML/CSSマークアップ WordPressカスタマイズ IT活⽤アドバイス Webマーケティング コミュニティスクール運営
⾃ 由 な 選 択 で 世 界 を 広
げ る 活動の軸やで(・∀・)
本⽇のテーマ
WordPress使っていますか? 温度感知りたいから聞かせてや!
コワーキングスペース 使っていますか?
コミュニティに所属していますか?
有料テーマを使った理由 少しライセンスについて 使った定番プラグイン 初⼼者さん向けです 難しい話は出てこないのでご安⼼を 本⽇話す内容について
本⽇お話するコワーキングスペース
ひらば 枚⽅市のコワーキングスペース 淀川を⼀望できる シェアオフィスあり ゆるい雰囲気 枚⽅つーしんが運営
None
None
枚⽅つーしん 枚⽅のローカル情報を発信 ローカルメディアの先駆け ⽉間PV約300万 ライブドアブログ シュールな記事あり
リニューアルの経緯
None
そろそろリニューアル
とにかく予算がない
ボランティアをするつもりもない
「予算がない」「⾃分の安売りはしない」 両⽅やらなくちゃあならないってのが ⾟いところだな・・・。 覚悟が必要やな(´・ω・‵)
有料テーマがハイクオリティ、 無料テーマがクオリティ低いではない。 しっかり価値のあるモノには お⾦を払いたい。
有料テーマを使うにあたって
有料テーマは スプリットライセンスが多い。
スプリットライセンス おもにGPLライセンスが適⽤されるのは PHP。 CSSやJavaScriptや画像は⾮GPLで、PHP のみにGPLライセンスを適⽤したもののこ と。 実質⾃由を制限している。
コミュニティがある コワーキングスペースに ふさわしくない
コワーキングスペースは いろんな⼈が来る
ネガティブな⾔い⽅をすれば 不要な反感を買わない。
ポジティブに⾔えば 健全なコミュニティに巻き込む。
ひらばWebサイトの特徴 運営元がメディアのため、更新が頻繁にある。 お知らせ・イベントがメイン。 特にイベント記事が多い。 Web・IT・クリエティブじゃない⼈も多い。 スタッフにWeb詳しい⼈がいない。
リニューアル時の問題点 予算がとにかくない・・・ 情報がごっちゃごちゃでした 最初、WordPressの知識ほぼゼロで作った GPLは絶対に遵守しなければならない SSL対応、サーバー引っ越し
None
ちょうどのタイミング
Snow Monkeyを 使った理由
Snow Monkeyを使った理由 100% GPLライセンス 確かな実績と貢献があった どんどん投稿するメディアに最適 カスタマイズに苦労しなさそう 調べたら情報が多そう
購⼊前に試しました
None
リニューアルのポイント
リニューアルのポイント テクニック的に難しいことはしていない ほぼノーカスタマイズ 研修を⾏い、スタッフの習慣からデザインする 装飾は最低限に留めることの徹底
研修したこと コンテンツ⾃体に価値があること ⾒た⽬の重要性 ライブドアブログとの違い WordPressの基本操作 アクセス解析の最低限の基本
ダメ!ゼッタイ!
難しいことはしていないが ⽂化や習慣の⾒直しが⼤変!
素晴らしいテーマなので ほとんど⼿を加えず、 本質的な研修や改善に注⼒できた
使ったプラグインなど
Custom Post Type UI カスタム投稿の作成、編集。 カスタムタクソノミーの作成 や編集など。 やっぱり便利。
Duplicate Post 定番プラグイン。 投稿や固定ページの複製。
SiteGuard WP Plugin セキュリティ対策。 ログインURLの変更や、 総当たり攻撃への対策など。
AddQuicktag よく使うHTMLタグなどを登 録できる。 イベント情報枠組みのフォー マットなど。
Public Post Preview 公開前の下書き記事を限定 URL発⾏で⾒せることがで きる。
Page Builder by SiteOrigin いま話題のページビルダー。 固定ページのレイアウトは Elementorよりこっちのほ うが好き。
None
None
None
WordPressの ごっつええところ
ごっつええところ コミュニティによる学びの交流 困っても調べたら出てくる情報の多さ 過去の偉⼈達の資産を使える 勉強会多い 知らない⼈でもググって調べられる
None
ぐぐれば出てくる ※結果の善悪は別
⼀番ええと思うところ
巨⼈の肩に乗れる
乗れる
こんなイメージ
巨⼈の肩に⽴つとは 先⼈の偉業にもとづいて仕事をすること。 またそうすることにより、先⼈よりも能⼒が劣る⼈でも ⽴派な業績をあげられるということ。
素晴らしいプラグイン 素晴らしいテーマ
None
⾊々ええとこあるけど ⼀番これが良いと実感!
今回のリニューアルも 巨⼈たちのおかげで 達成できました。 ※あとはカイゼンと運⽤やな・・!
Snow Monkey 買ってよかった! 価値のあるものにはしっかりお⾦を払おう!
あなたも巨⼈の⼀部になれる
巨⼈の⼀部になる⽅法 明⽇のコントリビューターデイ 勉強会に参加、ブログを書く まずは使ってみる ええところを⼈に紹介する テーマ開発、プラグイン開発
もちろん⾃由。 強制されることではない。
⾃由は、素晴らしい。
まとめ コワーキングスペースなのでライセンスに配慮 研修などを⾏い、習慣・⽂化をデザイン 便利なプラグインいっぱいあるよ 巨⼈の肩に乗ろう できれば、あなたも巨⼈の⼀部になろう
本⽇は いろいろお話しましょう!
ありがとうございました
More Decks by 岡田 大誠
See All by 岡田 大誠
ブロックエディタで運営する 実店舗Webサイトの裏側
webda
1
640
Gutenbergが従来のエディタとどう変わるのか?
webda
0
1.5k
oc.pdf
webda
0
530
地方フリーランスWEBデザイナーの闇と闇と闇とたまに光
webda
2
1k
ひらばオープン・キャンパス10/9
webda
1
360
Other Decks in Design
See All in Design
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
1k
Edmonton River Slidedeck
edmontonriver
0
490
プレゼンスライド作成で意識していること
kimichan
0
160
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
570
2026/6/26 第6回韓日リビングラボネットワークフォーラムin世宗 ー未来を作るリビングラボー アジアの社会システム転換に向けたリビングラボの可能性
a2k
2
140
柔軟性のあるUIで、多くの環境でアプリを活躍させる/iOSDC26
noppefoxwolf
0
1.9k
デザインハーネスはじめの一歩
satty9556
1
1.9k
言語化しきれなくてもいい〜勉強会を「完璧な成果を出す場」から「不確実な刺激と体験を持ち帰る場へ〜
hott3
0
230
【CEDEC2026】派手さと見やすさは両立できる!『Shadowverse: Worlds Beyond』エフェクト・3D背景の超進化したビジュアル設計
cygames
PRO
2
2.5k
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
4.5k
デザインレビューを「他者へのおすそわけ」に再定義し、たのしい場にする試み
webnaut
2
190
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
530
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.6k
The browser strikes back
jonoalderson
0
1.9k
Test your architecture with Archunit
thirion
2
2.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
250
1.3M
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
How Software Deployment tools have changed in the past 20 years
geshan
3
35k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
2
980
[RailsConf 2023] Rails as a piece of cake
palkan
59
7.1k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
350
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
63
48k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
1
610
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
43k