Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

市民の先生_1ホームページとWordPressについて.pdf

Avatar for keita keita
May 31, 2021
Design
0
180

 市民の先生_1ホームページとWordPressについて.pdf

Avatar for keita

keita

May 31, 2021
Tweet

More Decks by keita

See All by keita
富山デザイン勉強会-配色が怖くなくなる_知識と理屈で考える配色.pdf
Avatar for keita keita_yoshikawa
0
37
新田知事プレゼン資料.pdf
Avatar for keita keita_yoshikawa
0
40
富山デザイン勉強会_デザイン経営.pdf
Avatar for keita keita_yoshikawa
0
85
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
Avatar for keita keita_yoshikawa
0
200
富山デザイン勉強会_デザイントレンド2025.pdf
Avatar for keita keita_yoshikawa
0
400
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
Avatar for keita keita_yoshikawa
0
130
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
Avatar for keita keita_yoshikawa
0
69
富山デザイン勉強会_私がデザインのために考えていること.pdf
Avatar for keita keita_yoshikawa
0
100
富山デザイン勉強会10-読む人を動かす_効果的な文章の書き方.pdf
Avatar for keita keita_yoshikawa
2
160

Other Decks in Design

See All in Design
これからの「Webデザイン」の話をしよう～デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値～
Avatar for ミヤケアツシ ds35mm
0
430
TWCP#21 UXデザインと哲学のはなし
Avatar for MAMIYA Shinsuke shinn
0
150
SAMSUL KAMAR ABDUL RAHMAN
Avatar for SAMSUL RAHMAN samsulrahman32
0
200
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
590
体験を守るためのデザイン計測
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
110
地理院地図をもっと楽しく！れきちず新機能のご紹介
Avatar for Hajime Kato hjmkth
1
250
Figmaレクチャー会Part1 基本のき編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
0
170
Findyのプロデチームの 歩みとこれから
Avatar for Satty satty9556
0
350
高卒公務員から Webデザイナーになるまで
Avatar for kinomi kinomidesign
0
140
kintone_aroma
Avatar for kintone kintone
0
960
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
240
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
520

Featured

See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
7k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
720
Visualization
Avatar for Eitan Lees eitanlees
150
16k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.1k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k

Transcript

  1. DERA-DESIGN 01 で ホームページを作ろう! ホームページとWordPressについて

  2. インターネット上に公開している、ブログやコーポレートサイト、 ショッピングサイトの Web ページの集まりです。 最近では、小さなお店や会社でも、ホームページを持っておかなきゃい けないと言われる時代になりました。 DERA-DESIGN 02 ホームページとはʁ

  3. DERA-DESIGN 03 ホームページ制作に必要なもの

  4. DERA-DESIGN 04 サーバ ホームページ制作に必要なもの ホームページのデータを保存し、 パソコンやスマホなどからリクエ ストが来た時にデータを送ります。 ホームページを作る時には必ずい るものです。

  5. DERA-DESIGN 05 ドメイン ホームページ制作に必要なもの ホームページの住所のようなもの です。 厳密には必須ではありませ んが、一般的にホームページを作 る時にはドメインを用意します。

  6. DERA-DESIGN 06 データベース ホームページ制作に必要なもの サーバとは別に、データを蓄積し て必要に応じてを取り出せるよう になっています。 WordPress でホームページを作 る場合、

    必須になります。

  7. DERA-DESIGN 07 ホームページで使う言語 HTML CSS PHP JavaScript

  8. とはʁ WordPress とは、 コンテンツマネ ジメントシステム （CMS） です。 専門の言語がわからなくても、簡 単にホームページが作れて、コン テンツ

    （ブログ） を管理できるソフ トのことです。 WordPress 日本公式キャラクター 「わぷー （Wapuu） 」 DERA-DESIGN 08

  9. のシェア DERA-DESIGN 09

  10. 415%がWP のシェア 10 DERA-DESIGN

  11. 11 DERA-DESIGN の特徴 ・コンテンツ （ブログなど） を制作しやすい ・たくさんのテーマやプラグインが使える ・オープンソースで開発されている ・ユーザーが多いため、 情報が得やすい

  12. DERA-DESIGN 12 コンテンツを管理しやすい HTMLや CSS など、 専門的な知識が なくてもホームページの更新をする ことができます。 の特徴

  13. DERA-DESIGN 13 テーマ WordPressはテーマを変えること によって簡単に見た目を変えること ができます。 公式テーマは全て100％ GPLなので使用することも改変する ことも自由です。 また商用利用や

    テーマを販売することも自由です。 https/ /jawordpressorg/themes/ の特徴

  14. DERA-DESIGN 14 の特徴 プラグイン WordPressはプラグインで機能を拡張 することができます。 公式プラグインの 登録数は58、 639 個

    （2021年5月現在） あります。 問い合わせフォームやライ トボックスなど、多くの機能を簡単に 実現できます。 https/ /jawordpressorg/plugins/

  15. DERA-DESIGN 15 DERA-DESIGN の特徴 オープンソースとは、 「制作者が権利を主張しない」 ソフトウェア開発の 手法のことです。 オープンソースのものは、個人ɾ企業を問わず誰でも 利用ɾ修正することができます。

    オープンソースを利用して作ったもの を、 さらに配布してもかまいません。 権利を主張しないことで、 様々な人 が開発に参加でき、 よりよいシステムや商品が生まれます。 オープンソースとは？

  16. DERA-DESIGN 16 PHP index.php image.jpg logo.svg style.css script.js CSS JS

    世界のWordPressコミュニティが 100%GPLを推奨している 100%GPL

  17. DERA-DESIGN 17 PHP index.php 100％ではないGPLは 自由が制限されるので好ましくない logo.svg image.jpg style.css CSS

    script.js JS スプリッ トライセンス

  18. DERA-DESIGN 18 ユーザーが多いため、 情報が得やすい 反面セキュリティに問題を抱えやすい弱点になることも…… 使っている人、 開発している人が多い ので、 カスタマイズに対応しやすい。 また解説も充実している場合が多い。

    の特徴

  19. DERA-DESIGN 19 のコミュニティ

  20. DERA-DESIGN 20 WordPress Meetup WordPress が好きな人ɾ興味のある人が集まるグループです。 ボラン ティアで運営されており、誰でも無料で参加できます。WordPress を 始めたばかりの初心者から、実際に仕事で使っている方など、幅広いレ

    ベルの方が１つの場所に集まって情報を交換できます。 のコミュニティ

  21. DERA-DESIGN 21 109ヵ国・749グループ https/ /wwwmeetupcom/ja-JP/pro/wordpress/ のコミュニティ

  22. DERA-DESIGN 22 DERA-DESIGN 22 Toyama WordPress Meetup のコミュニティ https/ /wwwmeetupcom/ja-JP/Toyama-WordPress-Meetup/

  23. DERA-DESIGN 23 コミュニティに参加できない場合も…… のコミュニティ 100%GPL

  24. DERA-DESIGN 24 以上 ご清聴ありがとう ございました