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
市民の先生_1ホームページとWordPressについて.pdf
Search
keita
May 31, 2021
Design
190
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
市民の先生_1ホームページとWordPressについて.pdf
keita
May 31, 2021
More Decks by keita
See All by keita
富山デザイン勉強会_生成AIを使ったデザイン制作2026最新版.pdf
keita_yoshikawa
0
110
富山デザイン勉強会_プレゼンテーション_swithimizu.pdf
keita_yoshikawa
0
44
富山デザイン勉強会29-伝わる資料-改訂版.pdf
keita_yoshikawa
0
26
富山デザイン勉強会_デザイン思考.pdf
keita_yoshikawa
3
200
富山デザイン勉強会_プレゼンテーション.pdf
keita_yoshikawa
0
150
富山デザイン勉強会_ブラッシュアップデザイン.pdf
keita_yoshikawa
0
140
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
3
310
富山デザイン勉強会-配色が怖くなくなる_知識と理屈で考える配色.pdf
keita_yoshikawa
1
160
富山デザイン勉強会_デザイン経営.pdf
keita_yoshikawa
0
200
Other Decks in Design
See All in Design
東京都市大学 都市生活学部×一般社団法人オープン企画イベント 「誰もがデザイナーである」とはどういうことか? 【エツィオ・マンズィーニ氏 特別来日・基調講演】
a2k
1
120
PAMPHLET.pdf
mhand01
0
2.3k
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
2
260
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
420
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
470
Where Imagination Ends AI Begins
r5ni4
0
400
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
930
日経電子版を支えていく Kasane Design System
taitotnk
0
350
開閉UIのアニメーション設計
hiro0218
2
1.1k
Jun Wei | Information Design & Presentation Portfolio
wjw100788
PRO
0
110
タイル紹介サイト「タイルだもんで」
calpin
0
190
デザなに#1「問いのデザイン」の紹介LT
garyuten
0
120
Featured
See All Featured
Claude Code のすすめ
schroneko
67
230k
A Soul's Torment
seathinner
8
3.6k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
880
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
560
Done Done
chrislema
186
17k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
590
AI Search: Where Are We & What Can We Do About It?
aleyda
0
8k
A better future with KSS
kneath
240
18k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
1
410
Bootstrapping a Software Product
garrettdimon
PRO
306
120k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.9k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
550
Transcript
DERA-DESIGN 01 で ホームページを作ろう! ホームページとWordPressについて
インターネット上に公開している、ブログやコーポレートサイト、 ショッピングサイトの Web ページの集まりです。 最近では、小さなお店や会社でも、ホームページを持っておかなきゃい けないと言われる時代になりました。 DERA-DESIGN 02 ホームページとはʁ
DERA-DESIGN 03 ホームページ制作に必要なもの
DERA-DESIGN 04 サーバ ホームページ制作に必要なもの ホームページのデータを保存し、 パソコンやスマホなどからリクエ ストが来た時にデータを送ります。 ホームページを作る時には必ずい るものです。
DERA-DESIGN 05 ドメイン ホームページ制作に必要なもの ホームページの住所のようなもの です。 厳密には必須ではありませ んが、一般的にホームページを作 る時にはドメインを用意します。
DERA-DESIGN 06 データベース ホームページ制作に必要なもの サーバとは別に、データを蓄積し て必要に応じてを取り出せるよう になっています。 WordPress でホームページを作 る場合、
必須になります。
DERA-DESIGN 07 ホームページで使う言語 HTML CSS PHP JavaScript
とはʁ WordPress とは、 コンテンツマネ ジメントシステム (CMS) です。 専門の言語がわからなくても、簡 単にホームページが作れて、コン テンツ
(ブログ) を管理できるソフ トのことです。 WordPress 日本公式キャラクター 「わぷー (Wapuu) 」 DERA-DESIGN 08
のシェア DERA-DESIGN 09
415%がWP のシェア 10 DERA-DESIGN
11 DERA-DESIGN の特徴 ・コンテンツ (ブログなど) を制作しやすい ・たくさんのテーマやプラグインが使える ・オープンソースで開発されている ・ユーザーが多いため、 情報が得やすい
DERA-DESIGN 12 コンテンツを管理しやすい HTMLや CSS など、 専門的な知識が なくてもホームページの更新をする ことができます。 の特徴
DERA-DESIGN 13 テーマ WordPressはテーマを変えること によって簡単に見た目を変えること ができます。 公式テーマは全て100% GPLなので使用することも改変する ことも自由です。 また商用利用や
テーマを販売することも自由です。 https/ /jawordpressorg/themes/ の特徴
DERA-DESIGN 14 の特徴 プラグイン WordPressはプラグインで機能を拡張 することができます。 公式プラグインの 登録数は58、 639 個
(2021年5月現在) あります。 問い合わせフォームやライ トボックスなど、多くの機能を簡単に 実現できます。 https/ /jawordpressorg/plugins/
DERA-DESIGN 15 DERA-DESIGN の特徴 オープンソースとは、 「制作者が権利を主張しない」 ソフトウェア開発の 手法のことです。 オープンソースのものは、個人ɾ企業を問わず誰でも 利用ɾ修正することができます。
オープンソースを利用して作ったもの を、 さらに配布してもかまいません。 権利を主張しないことで、 様々な人 が開発に参加でき、 よりよいシステムや商品が生まれます。 オープンソースとは?
DERA-DESIGN 16 PHP index.php image.jpg logo.svg style.css script.js CSS JS
世界のWordPressコミュニティが 100%GPLを推奨している 100%GPL
DERA-DESIGN 17 PHP index.php 100%ではないGPLは 自由が制限されるので好ましくない logo.svg image.jpg style.css CSS
script.js JS スプリッ トライセンス
DERA-DESIGN 18 ユーザーが多いため、 情報が得やすい 反面セキュリティに問題を抱えやすい弱点になることも…… 使っている人、 開発している人が多い ので、 カスタマイズに対応しやすい。 また解説も充実している場合が多い。
の特徴
DERA-DESIGN 19 のコミュニティ
DERA-DESIGN 20 WordPress Meetup WordPress が好きな人ɾ興味のある人が集まるグループです。 ボラン ティアで運営されており、誰でも無料で参加できます。WordPress を 始めたばかりの初心者から、実際に仕事で使っている方など、幅広いレ
ベルの方が1つの場所に集まって情報を交換できます。 のコミュニティ
DERA-DESIGN 21 109ヵ国・749グループ https/ /wwwmeetupcom/ja-JP/pro/wordpress/ のコミュニティ
DERA-DESIGN 22 DERA-DESIGN 22 Toyama WordPress Meetup のコミュニティ https/ /wwwmeetupcom/ja-JP/Toyama-WordPress-Meetup/
DERA-DESIGN 23 コミュニティに参加できない場合も…… のコミュニティ 100%GPL
DERA-DESIGN 24 以上 ご清聴ありがとう ございました