Download to read offline
WordBench熊本第3回勉強会
- 1.
- 2. 目次 • WordPressの基本機能を使ってみる (建山@aqun00) • ライトニングトーク
- 3. WordPressの基本機能を 使ってみる 基本機能を使ってWordPressに慣れてみよう 一緒に やってみよう
- 4.
- 5. WordPressの基本機能を使ってみる ~Webサイトの確認~ • まず自分のサイトにアクセスしてみましょう • http://localhost/(WordPressがあるフォルダ名)(PC) • http://ドメイン名 (レンタルサーバ) 自分のサイトが表 示 される
- 6. 管理画面にログインして みよう
- 7. WordPressの基本機能を使ってみる ~管理画面にログイン~ • 自分のサイトにログインしてみましょう • http://localhost/(WordPressがあるフォルダ名)/wp-admin (PC) • http://ドメイン名/wp-admin (レンタルサーバ) 管理画面にログイ ン
- 8.
- 9. WordPressの基本機能を使ってみる ~ダッシュボード~ • 管理画面にログインしたら初めに表示される画面です。 自分のサイトの状況や、WordPressフォーラムの最新情 報などが表示されます。 Webサイトの状況 などが見れる
- 10.
- 11.
- 12.
- 13.
- 14.
- 15. WordPressの基本機能を使ってみる ~外観-テーマ~ • サイトのデザイン・レイアウト・表示内容をまるごと一 気に変更できる。 WordPress3.5 デフォルトテーマの TwentyTwelveを使用
- 16. 時系列な情報を発信するため の投稿
- 17.
- 18. WordPressの基本機能を使ってみる ~投稿~ タイトル 本文 公開
- 19. WordPressの基本機能を使ってみる ~投稿~ 投稿前 投稿後 2013/1/23の記事 2013/2/4の記事 時 系 2013/1/23の記事 列
- 20. WordPressの基本機能を使ってみる ~投稿~ 画像、動画、圧縮ファ イルなどいろんな種類 を入れることが出来る
- 21. Webサイト上に常に表示したい ときの固定ページ
- 22.
- 23. WordPressの基本機能を使ってみる ~固定ページ~ タイトル 本文 公開
- 24. WordPressの基本機能を使ってみる ~固定ページ~ 投稿前 投稿後 ページが追加
- 25.
- 26. WordPressの基本機能を使ってみる ~投稿と固定ページの主な違い~ 投稿 固定ページ • 時系列に記事を並び替え • 常に固定表示 • カテゴリーで分類 • カテゴリー分類なし • タグで分類 • タグ分類なし • 先頭に固定表示 • 先頭に固定表示なし • 親子関係なし • 親子関係がある • ページテンプレートなし • ページテンプレートが使え る カテゴリとタグは後でやり ます
- 27. Webサイトの見た目や内容を変 更する外観
- 28.
- 29. WordPressの基本機能を使ってみる ~外観~ • 外観のサブメニュー テーマ ウィジェット メニュー ヘッダー 背景 テーマ編集
- 30.
- 31.
- 32.
- 33. WordPressの基本機能を使ってみる ~外観-テーマ~ 有効化される 使いたいテーマを有効化
- 34.
- 35. テーマって実際どこに置いて あるの？
- 36. WordPressの基本機能を使ってみる ~外観-テーマ~ WordPress インストールフォルダ wp-content themes テーマA テーマB
- 37. WordPressの基本機能を使ってみる ~外観-テーマ~ テーマの１つの中身を見ると・・ ソースコード (PHP,CSS)、 画像などが集まって できている！
- 38.
- 39.
- 40. WordPressの基本機能を使ってみる ~外観-ウィジェット~ 追加したい機能を ドラッグアンドドロップ
- 41. WordPressの基本機能を使ってみる ~外観-ウィジェット~ ウィジェットが追加される
- 42.
- 43.
- 44. WordPressの基本機能を使ってみる ~外観-メニュー~ メニューを設定しないと固定ページがナビ ゲーションバーにすべて表示されてしまう ここを自分の好き なように操作した い
- 45. WordPressの基本機能を使ってみる ~外観-メニュー~ メニューを作成 追加したページ をメニューに追加 保存
- 46. WordPressの基本機能を使ってみる ~外観-メニュー~ 作ったメニュー を選んで保存 メニューで設定した内容 と同じになる
- 47.
- 48.
- 49. WordPressの基本機能を使ってみる ~外観-ヘッダー~ ファイルを選択 アップロード
- 50.
- 51. WordPressの基本機能を使ってみる ~外観-ヘッダー ~ ヘッダー画像が追加される
- 52.
- 53.
- 54.
- 55. WordPressの基本機能を使ってみる ~外観-背景~ 背景が変更される
- 56.
- 57.
- 58. WordPressの基本機能を使ってみる ~外観-テーマ編集~ Powered by WordPressってなん だ？変えたい！ ・ ・ ・
- 59. WordPressの基本機能を使ってみる ~外観-テーマ編集~ footer.phpを選ぶ
- 60.
- 61.
- 62. WordPressの基本機能を使ってみる ~外観-背景~ 表示が変わった
- 63.
- 64.
- 65.
- 66. WordPressの基本機能を使ってみる ~プラグイン~ 名前を入れて検索 (問い合わせフォームの Contact Form 7) 今すぐインストール
- 67.
- 68. WordPressの基本機能を使ってみる ~プラグイン~ メニューに追加
- 69.
- 70. WordPressの基本機能を使ってみる ~プラグイン~ 固定ページに貼り付け
- 71. WordPressの基本機能を使ってみる ~プラグイン~ 固定ページ表示したら フォームが表示され る！
- 72. WordPressの基本機能を使ってみる ~プラグイン~ いろいろあります お問い合わせフォーム・・ContactForm７ ソーシャル対応・・WPSocial Bookmarking Light 画像ライトボックス・・WP LightBox 2 サイトマップ・・PS Auto SiteMap 画像ウィジェット・・Image Widget 探す方法の例 ①検索窓で「wordpress プラグイン やりたいこと」 ②プラグインクリップサイトPlip(http://www.plugin-clip.com/)
- 73. 記事を書く人が複数いる場合 のためのユーザ
- 74.
- 75. WordPressの基本機能を使ってみる ~ユーザー ~ 必須項目を入力して ユーザを追加
- 76. WordPressの基本機能を使ってみる ~ユーザー ~ ユーザが二人に
- 77. WordPressの基本機能を使ってみる ~ユーザー ~ 作成されたユーザ でいつもどおり ログインできる
- 78. Webサイトの基本設定は 設定で
- 79. WordPressの基本機能を使ってみる ~外観~ • 設定のサブメニュー 一般 投稿設定 表示設定 ディスカッション メディア パーマリンク設定
- 80.
- 81.
- 82.
- 83.
- 84.
- 85.
- 86. Webサイトを作るときは設定を はじめにしておいたほうが いいよ 後から設定すると、 いろいろめんどくさ い事が起こること も・・
- 87.
- 88. WordPressの基本機能を使ってみる ~カテゴリとタグの違い~ カテゴリ タグ • 投稿記事を仲間に分ける • 投稿記事の内容の • 親子関係が作れる メインとなるキーワード • 例) • 親子関係は作れない • 果物＝親 • りんご＝子 • バナナ＝子 • 野菜＝親 • キャベツ＝子 • レタス＝子
- 89. WordPressの基本機能を使ってみる ~カテゴリとタグ違い~ • 例えば、IT企業サイトの場合 カテゴリ タグ ツイッター 記 事記 新着ニュース 事 クラウド スマートフォン 記 事記 事 社長ブログ
- 90. WordPressの基本機能を使ってみる ~カテゴリとタグ違い~ • 例えば、IT企業サイトの場合 カテゴリ タグ ツイッター 記 事記 クラウド 新着ニュース 事 ツイッター クラウド スマートフォン 記 事記 事ツイッター 社長ブログ
- 91.
- 92.
- 93.
- 94. WordPressの基本機能を使ってみる ~あれ？と思うかもしれない事~ 選んだテーマによって は
- 95. WordPressの基本機能を使ってみる ~あれ？と思うかもしれない事~ 左側メニューにいろい ろとメニューが増えた りします。 ちなみにこれはカスタム投稿タイプ・・
- 96. WordPressの基本機能を使ってみる ~あれ？と思うかもしれない事~ プラグインも左側メ ニューに増えたり
- 97. WordPressの基本機能を使ってみる ~あれ？と思うかもしれない事~ 設定に増えたり・・
- 98. WordPressの基本機能を使ってみる ~プラグインのポイント~ 見た目はなにも変わら なかったり・・します
- 99. WordPressの基本機能を使ってみる ~あれ？と思うかもしれない事~ テーマ、プラグインは 作者によってカスタマ イズされていて動きが 違います。
- 100.