Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介

3.404 Aufrufe

Veröffentlicht am

Word bench 大分 発表資料
2014/05/17

Veröffentlicht in: Internet
  • Loggen Sie sich ein, um Kommentare anzuzeigen.

WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介

  1. 1. WordPress
 初心者さんが知っておいたほうが良い事& プラグインの紹介 よつばデザイン 後藤賢司 2014.5.17 WordBench 大分
  2. 2. 自己紹介 よつばデザイン 後藤賢司 出版社∼デザイン会社∼Web制作会社∼企画会社∼独立 東京と大分の2拠点で活動中(月の半分ずつ) Webサイトの企画・デザインやメディアサイトやってます
  3. 3. 和菓子が好き
  4. 4. WP-D グリーン CPIエバンジェリスト ゼロから始めるWordPress勉強会(facebookグループ) Webクリエイターのための情報交換所(facebookグループ) すみだクリクラ 活動
  5. 5. COCOmag 子どもと一緒の毎日を
 楽しく、可愛くする情報 (メディアサイト) http://COCOmag.net
  6. 6. よろずサウンド 著作権フリーのBGM販売サイト yorozusound.com
  7. 7. 今日の内容 1. WordPressについて 2. 知っておいたほうが良い事 3. プラグイン紹介
  8. 8. 基礎知識
  9. 9. Webサイトを作るには 自分で作れない人
 無料ブログサービスを利用する(WordPress、ライブドアブログ、ア メブロ、Note)。
 有料サービスを利用する*。(Jimdo、Wix等、BinD)
 ̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶-
 自分で作る。
  10. 10. WordPressの基礎知識 オープンソースのCMS(コンテンツマネジメントシステム)。
 GPLというライセンスが適用されている。

  11. 11. WordPressを使うには2通り レンタルブログサービス(公式)とインストール型がある。 賃貸物件か持ち家かみたいなものです。
 ※今後はインストール型が主流になると言われています。
  12. 12. WordPress.com 公式サービス。
 レンタルブログ型。
 アメーバブログや
 ライブドアブログに近い。
 有料オプションが豊富。
  13. 13. レンタルサーバーなど 自分でWordPressをインストールして利用するには、確認する事があ る。WordPressがすべてのレンタルサーバーで動く訳ではない。 初心者さんには「かんたんインストール機能」のあるところがオスス メ。(エックスサーバー、CPI、ロリポップ…)
  14. 14. WordPressは
 無料で利用できるCMSです。
  15. 15. ライセンスGPL 自由に配布・改変OK。みんなで共有して使っていくという思想で大き く普及したところもある。 ※独自に権利の主張を行う事は出来ない。
 この辺はちゃんと調べてみてください。
  16. 16. GPL∼Wikipediaより∼ プログラムの実行
 プログラムの動作を調べ、それを改変すること(ソースコードへのア クセスは、その前提になる) 複製物の再頒布 プログラムを改良し、改良を公衆にリリースする権利(ソースコード へのアクセスは、その前提になる)
  17. 17. WordPress ドメイン名にWordPressを使用してはいけない。
 サブドメインやディレクトリ名に使用するのはOK。
  18. 18. WordBench
  19. 19. WordCamp
  20. 20. Schooで月一回配信中
  21. 21. WordPressの仕組み
  22. 22. 静的なHTMLと違うところ
  23. 23. HTMLで作られたサイト HTML CSS image 記事の内容
  24. 24. WordPress PHP CSS image 記事の内容 データベース
  25. 25. データベースを使う。
 かんたんインストールにも
 若干影響する部分。
  26. 26. PHP
  27. 27. WordPress独自のタグ <?php get_header(); ?>  ! <?php if (is_front_page()): ?> トップページだけこの部分を表示します。 <?php else: ?> トップページ以外はこの部分を表示します。 <?php endif; ?>
  28. 28. 必要なものから覚えれば良いし、 PHPわからなくても使える
  29. 29. データベース
  30. 30. データを置いてるところ 倉庫みたいなもの
 エクセルの表
  31. 31. 「ループ」について
  32. 32. お知らせカテゴリーの記事の 最新5件を表示したい
  33. 33. データベースのイメージ
  34. 34. 最新5件の記事を取得
  35. 35. お医者さんで診察して 薬局で必要な薬を出してもらう ような事が行われてる
  36. 36. プログラムが 出来なくても大丈夫
  37. 37. 管理画面で設定可能な事も
 たくさんあります。
  38. 38. デザインを変える 着せ替え人形のようにデザインを変えられます。そのような機能を WordPressでは「テーマ」と呼びます。
 公式ディレクトリには無料で利用できるテーマが2500以上。
  39. 39. デザイン(テーマ)はたくさんある 公式ディレクトリのテーマは無料で使えます。
  40. 40. 機能を追加する フォーム機能を追加したり、画像が自動で変わるスライダーを追加し たり簡単に出来る。WordPressではプラグインを使う事で機能を追加 出来ます。
  41. 41. プラグイン(機能拡張)もたくさんある 公式ディレクトリのプラグインは無料で使えます。
  42. 42. プラグイン紹介
  43. 43. 高機能で便利な Jetpack これでもかというほど高機能。
 ウィジェットの表示条件を
 指定できるようになったり、
 ソーシャル連携出来たり、
 シンプルなアクセス解析を
 見る事が出来たり。
 https://wordpress.org/plugins/jetpack/
  44. 44. Meta Slider 高機能なスライドショーが簡単に作れるプラグイン。
 ドラッグアンドドロップで順番を並び替えたり、スライドの種類を選べた り出来る。
 さらに高機能な有料版もある。 ! 
 https://wordpress.org/plugins/ml-slider/
  45. 45. 記事を複製できる Duplicate Post ほぼ同じ内容で日付だけ変えて
 公開したいような場合に便利。 https://wordpress.org/plugins/duplicate-post/
  46. 46. 共通で使う要素を管理する Buckets 共通パーツをまとめておける。 ショートコードで呼び出し。 営業日とか料金表とか複数のペー ジで共通で使う場合など。
 https://wordpress.org/ plugins/buckets/ ショートコードで呼び出し
  47. 47. 画像のトリミング指定が出来る Post Thumbnail Editor 画像のトリミング指定が出来る
 プラグイン。
 個別にトリミング出来るので
 微調整したい場合などに便利。
 https://wordpress.org/ plugins/post-thumbnail-editor/
  48. 48. ウィジェットにバナーを貼れる Image Widget HTMLの知識がなくても
 ウィジェットエリアにバナーを
 貼れるプラグイン。
 タイトルを入力しなければ、
 画像のみのバナーとして
 利用できる。
 http://wordpress.org/plugins/image-widget/
  49. 49. アイキャッチ画像を自動で設定してくれる 
 Auto Post Tumbnail 自動でアイキャッチ画像を設定し てくれる。サムネイルの設定忘れ などが無くなる。
 クライアントワークの場合、説明 しなくても良い。
 http://wordpress.org/plugins/ auto-post-thumbnail/
  50. 50. 表側で編集が出来る WordPress Front-end Editor フロント側で記事の編集ができる。プレビューして確認などの必要が なくなる。いずれはデフォルトの機能になるかも。
 https://wordpress.org/plugins/wp-front-end-editor/
  51. 51. シンプルにお知らせを表示する Notification-Box シンプルにメッセージを出すための
 ウィジェットプラグイン。 テキストウィジェットよりは
 もうすこし目立たせたい場合などに。 ! 
 https://github.com/ytbdken/Notification-Box
  52. 52. 設定値をいじれば
 下の要素とくっつけたり、
 連続で表示して簡易的な
 デザインアクセントとしても
 利用可能。
 

  53. 53. デフォルトテーマをカスタマイズ TwentyTen、TwentyEleven、TwentyTwelve、TwentyThirteen の4つのカラーリングなどをカスタマイズ可能。 http://wordpress.org/plugins/styles/
  54. 54. フロント側で編集できるWordPress Front-end Editor 管理画面に入らずに記事が書けるWordPress Front-end Editor。
 見た目で編集できるので便利。
 https://wordpress.org/plugins/wp-front-end-editor/
  55. 55. 凝ったレイアウトが可能なPage Builder 投稿本文エリアで段組レイアウトが可能になる http://wordpress.org/plugins/siteorigin-panels/
  56. 56. デモ デフォルトテーマでそれっぽく
 ・スライダー
 ・フォーム

  57. 57. セキュリティのお話(別セッション) 対策方法 認証方法 古いものは使わない 公式ディレクトリ以外のテーマは使わないほうが良い
  58. 58. ログインIDとパスワード 初期ユーザー名「admin」は使わない。 パスワードは最低でも8文字以上。 パスワード生成ツールを利用する。 http://www.luft.co.jp/cgi/randam.php
  59. 59. バックアップサービスを利用する https://vaultpress.com/
  60. 60. バックアップ機能のあるレンタルサーバー レンタルサーバーの
 エックスサーバーやCPIは
 バックアップ機能がある。
  61. 61. ありがとうございました

×