Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

「WordPress初心者講座」(2018.3.25) 講義資料05

54 views

Published on

2018年3月25日開催「WordPress初心者講座」(主催 UX Yokohama) の講義資料です。ページ数が多いため資料01から資料05まで5分割してSlideShareに投稿しています。WordPress 4.x の基本的な操作方法をハンズオン形式で解説する内容です。残念ながらWordPress 5.x (Gutenberg) の登場により講義後半の内容が無意味になってしまいました。

資料01
https://www.slideshare.net/akihiromoriyamaureka/wordpress2018325-01
資料02
https://www.slideshare.net/akihiromoriyamaureka/wordpress2018325-02
資料03
https://www.slideshare.net/akihiromoriyamaureka/wordpress2018325-03
資料04
https://www.slideshare.net/akihiromoriyamaureka/wordpress2018325-04
資料05
https://www.slideshare.net/akihiromoriyamaureka/wordpress2018325-05

Published in: Internet
  • Be the first to comment

  • Be the first to like this

「WordPress初心者講座」(2018.3.25) 講義資料05

  1. 1. 主催: WordPress初心者講座・ワードプレスを使ってみよう 8. テーマをカスタマイズする 9. 作業を終了する 10. ふりかえり 2018.3.25開催
  2. 2. >150 8. テーマをカスタマイズする •ヘッダー画像の差し替え
  3. 3. TRY! SLIDE メニューより「外観 〉カスタマイズ」を選んで ください。 >151
  4. 4. カスタマイズ画面(リアルタイムプレビュー画 面)に切り替わったことを確認してください。 >152
  5. 5. ヘッダー画像(表紙絵)を差し替えます。
 えんぴつマークをクリックしてください。 >153
  6. 6. ヘッダー画像欄の「新規画像を追加」ボタンを クリックしてください(動画の方ではなく)。 >154
  7. 7. 「ファイルをアップロード」タブをクリックし てください。 >155
  8. 8. 「ファイルを選択」ボタンをクリックしてくだ さい。 >156
  9. 9. ファイル選択ダイアログからSDカードを開き、フォ ルダ「WordPress初心者講座」の中にあるヘッダー 画像用のJPGファイル3つを開いてください。 >157
  10. 10. アップロードした3つのヘッダー用画像から好 きな画像を一つ選び、「選択して切り抜く」ボ タンをクリックしてください。 >158
  11. 11. ヘッダー画像用のJPGファイル3つはどれも切 り抜く必要のない横長の画像です。「切り抜か ない」をクリックします。 >159
  12. 12. 「公開」ボタンをクリックしてください。 >160
  13. 13. 画面左上端の「閉じる」ボタンをクリックし、 カスタマイズ画面(リアルタイムプレビュー画 面)を閉じてください。 >161
  14. 14. メニューより「マイホームページ 〉サイトを表 示」を選んでください。 >162
  15. 15. ヘッダー画像の差し替わったことを確認してく ださい。 >163
  16. 16. メニューより「マイホームページ 〉ダッシュボー ド」を選んでください。 >164
  17. 17. WordPressの「ダッシュボード」画面に戻った ことを確認してください。 >165
  18. 18. ここまでのふりかえり >166 •テーマのカスタマイズ •ヘッダー画像の差し替え
  19. 19. >167 9. 作業を終了する •WordPressをログアウトする •ウェブブラウザを終了する •Windowsを終了する
  20. 20. WordPressのメニューより「ログアウト」を選 んでください。 >168
  21. 21. ウェブブラウザのメニューより「終了」を選ん でください。 >169
  22. 22. SLIDE Windowsメニューより「シャットダウン」を選 んでください。 >170
  23. 23. ↑ LEDランプ ←SDカード SLIDE ノートパソコン手前端のLEDランプが消えた ら、SDカードを抜いてください。 >171
  24. 24. >172 10. ふりかえり
  25. 25. ふりかえり(1) >173 •WordPressはウェブサイトを編集するアプリである •WordPressはウェブサーバーにインストールし、パソ コンのウェブブラウザから遠隔操作する •WordPressによってウェブサイトの管理が楽になる •WordPressは非常に多機能であるため、すべての機能 を使いこなすのは難しい。基本機能だけを使うのであ れば簡単に使える •WordPress自体は無料であるが、実際にはサーバーを レンタルする費用が必要である
  26. 26. ふりかえり(2) >174 •投稿……………いわゆるブログ記事。毎日投稿され増え 続ける前提のページ •固定ページ……めったに更新することのない、かつ重要 な情報を掲載しているページ •ホームページ…ウェブサイトの表紙にする固定ページ •テーマ…………ウェブサイトの見栄えに関する設定を差 替可能な部品として1つにまとめたもの •ウィジェット…ウェブサイト上で動く小さなプログラム •プラグイン……機能を追加するための部品
  27. 27. WordPressを自習したい時は? >175 •無料レンタルサーバーがあります •広告が勝手に挿入される、一部機能 が使えない、等の制約があります •Google検索で「WordPress 無料」 と入力すればたくさん出てきます
  28. 28. おすすめの本は? >176 いちばんやさしいWordPressの教本 人気講師が教える本格Webサイトの 作り方(第3版) •著者 石川栄和, 大串 肇, 星野邦敏 •出版 インプレス •ISBN 978-4295000792 •2017年末時点で販売されている初心者向け の本で、いちばんわかりやすいと講師が思 う本です。
  29. 29. 最後に >177 本日はお忙しい中ご参加いただき ありがとうございました。 お問い合わせ先 twitter @ux_yokohama peatix uxyokohama.peatix.com email uxyokohama@gmail.com

×