Upload
ryo-uozumi
View
80
Download
1
Embed Size (px)
Citation preview
自己紹介
• 愛知産業大学短期大学 通信教育学部 国際コミュケーション学科
• トランペットとPC・ガジェット系が好き
• 2013年8月29日よりWordPressでのブログをはじめる(現:http://ryo.nagoya)
• WordFes Nagoya 2016より実行委員として初参加
• Twitter : @ryoraspp
• Facebook : https://www.facebook.com/blog.ryoraspp/
魚住 諒
WordFes Nagoya 2016 | WordPress の森に集おう!
アジェンダ• なぜ大学生にWordPressが普及しないのか
• ところでWordPressとは何か
• PHP,HTML5,CSS3とは
• オススメするテーマ&プラグイン
• 記事を書く時に覚えておいたほうがいいHTMLの要素
• WordPressでのコミュニティサイトの作り方
• 大学生が作ったサイトの紹介
WordFes Nagoya 2016 | WordPress の森に集おう!
なぜ大学生にWordPress普及しないのか
• WordPressって何か難しそう
• WordPressは費用かかる
• そもそも大学生にWordPressの認知度が低い
• 不満はあるけど無料サイト作成サービスや無料ブログサービスで何とかなる
WordFes Nagoya 2016 | WordPress の森に集おう!
ところでWordPressってなに?
• オープンソースのブログソフトウェア
• CMS(コンテンツマネージメントシステム)としても使える
• GNU General Public Licenseの下で配布されている(改変などしてもOK)
• PHPとMySQLの環境のサーバーで動く
• 複数アカウントを作れるので、複数人で管理・投稿できる
WordFes Nagoya 2016 | WordPress の森に集おう!
MAMPを使ってローカルにWordPress設置してみる理由
• XAMPPは機能が豊富すぎる(僕の単なる技術不足?)
• XAMPPのMac OS X版の[MAMP]の方が簡単
• MAMPのWindows版もある
• MAMPはシンプルで簡単にローカルにサーバーを設置できる
• 特定のレンタルサーバーの無料期間を使う手もあるが、特定の物をここで使うと宣伝になってしまうので、今回はMAMP
WordFes Nagoya 2016 | WordPress の森に集おう!
いまいちWordPressが わからない人へ
• 同じくオープンソースのMozilla Firefoxと比較すると、WordPressというものが見えてくる
WordFes Nagoya 2016 | WordPress の森に集おう!
WordPressのテーマ• WordPressのテーマは、Mozilla Firefoxに例えると、ア
ドオンのテーマ
• 見た目が一新する
WordFes Nagoya 2016 | WordPress の森に集おう!
WordPressのプラグイン• WordPressのプラグインはMozilla Firefoxに例えると、アド
オンやプラグイン
• 機能を追加できる
WordFes Nagoya 2016 | WordPress の森に集おう!
PHPとは• Hypertext Preprocessor
• プログラミング言語
• サーバーサイド・スクリプト言語
• 動的にHTMLデータを生成することによって、動的なウェブページを実現する
• Webサーバ上で動作
WordFes Nagoya 2016 | WordPress の森に集おう!
HTML5とは
• HTMLはHyperText Markup Languageの略
• マークアップ言語
• HTMLの5回目に当たる大幅な改定版
• 2016年9月にHTML 5.1が勧告される予定
WordFes Nagoya 2016 | WordPress の森に集おう!
CSS3とは
• CSSはCascading Style Sheetsの略
• CSS3はCascading Style Sheets, level 3の略
• HTMLの要素をどのように修飾(表示)するかを指示する
WordFes Nagoya 2016 | WordPress の森に集おう!
オススメするテーマ• Lightning
• Twenty Sixteen
• Twenty Fifteen
• Twenty Fourteen
• 他ここでは紹介できない無料テーマ(5つ)
WordFes Nagoya 2016 | WordPress の森に集おう!
オススメするプラグイン• Jetpack(多機能プラグイン)
• Akismet(スパムコメントから守ってくれる)
• BackWPup(バックアッププラグイン)
• Google XML Sitemaps(Googleのためにサイトマップを作成)
• PuSHPress(Googleに早くインデックスされるようになる)
• Speech bubble (ふきだしプラグイン)
• SyntaxHighlighter Evolved(ソースコードを公開しやすくなる)
• Table of Contents Plus(テーブルを簡単に作れるようになる)
WordFes Nagoya 2016 | WordPress の森に集おう!
WordPressで記事を書く時に 覚えておいたほうがいいHTML要素• h2,h3,h4 要素
• p 要素
• ol 要素
• ul 要素
• li 要素
WordFes Nagoya 2016 | WordPress の森に集おう!
WordPressで記事を書く時に 覚えておいたほうがいいHTML要素2
• a 要素
• br 要素
• strong 要素
• table 要素
WordFes Nagoya 2016 | WordPress の森に集おう!
WordPressで記事を書く時に 覚えておいたほうがいいHTML要素2
• a 要素
• br 要素
• strong 要素
• table 要素
実演!
WordFes Nagoya 2016 | WordPress の森に集おう!
プラグインJetpackが便利• JetpackとはWordPress.comの機能をWordPressに追加する
プラグイン
• 「WordPress.com」のアカウントが必要
• [モニター]でサイトがダウンした時にお知らせ
• [プロテクト]でブルートフォース攻撃防止
• [カスタムCSS]子テーマより気軽にCSSを上書きできる
• [Markdown]Markdown記法で楽に記事を書く
WordFes Nagoya 2016 | WordPress の森に集おう!
プラグインJetpackが便利• JetpackとはWordPress.comの機能をWordPressに追加する
プラグイン
• 「WordPress.com」のアカウントが必要
• [モニター]でサイトがダウンした時にお知らせ
• [プロテクト]でブルートフォース攻撃防止
• [カスタムCSS]子テーマより気軽にCSSを上書きできる
• [Markdown]Markdown記法で楽に記事を書く
実演!
WordFes Nagoya 2016 | WordPress の森に集おう!
ここまでのまとめ• 運用には費用はかかるもののここまで自由に簡単にサ
イトを作成できる
• WordPressはPHP、HTML5、CSS3、JavaScriptの技術があれば更に自由に活用できるが、なくてもある程度扱える
• PHPの技術があれば、テーマやプラグインを作ったりカスタマイズしたりすることが可能なので、技術と知識があれば更に使いこなせる
WordFes Nagoya 2016 | WordPress の森に集おう!
コミュニティサイトの作り方• 誰でも会員になれるようにする
• プラグイン BuddyPressをインストール
• BuddyPressの設定をする
• フォーラムも欲しい人は、プラグイン bbPressもインストール
• BuddyPressのデフォルトのテーマに切り替え
WordFes Nagoya 2016 | WordPress の森に集おう!
コミュニティサイトの作り方• 誰でも会員になれるようにする
• プラグイン BuddyPressをインストール
• BuddyPressの設定をする
• フォーラムも欲しい人は、プラグイン bbPressもインストール
• BuddyPressのデフォルトのテーマに切り替え
実演!
WordFes Nagoya 2016 | WordPress の森に集おう!
BuddyPressとbbPressを 活用してできたサイト
• MJC(名城大学生のアプリ)←MonacaとOnsen UIを活用してもらいスマホアプリ化
• トランペットSNS←MonacaでiPhoneアプリ化
• MentalSNS←Appleの審査突破できず・・・
WordFes Nagoya 2016 | WordPress の森に集おう!
まとめ• WordPressは一見難しそうで、入り口は簡単
• PHPの技術を身につければ、更に使いこなせる
• HTML5をちょっと知ってる程度で記事を書ける
• コミュニティサイトを作るのも簡単
• 大学生にこそWordPressが普及して欲しい
WordFes Nagoya 2016 | WordPress の森に集おう!
参考にしたサイト• WordPress - Wikipedia (https://ja.wikipedia.org/wiki/WordPress)
• PHP: Hypertext Preprocessor - Wikipedia (https://ja.wikipedia.org/wiki/PHP:_Hypertext_Preprocessor)
• HyperText Markup Language - Wikipedia (https://ja.wikipedia.org/wiki/HyperText_Markup_Language)
• HTML5リファレンス (http://www.htmq.com/html5/)
• CSS - Wikipedia (https://ja.wikipedia.org/wiki/CSS)
• Markdown quick reference — Support — WordPress.com (https://en.support.wordpress.com/markdown-quick-reference/)
• BuddyPress.org (https://buddypress.org/)
• bbPress.org (https://bbpress.org/)
• WordPress Codex 日本語版 (https://wpdocs.osdn.jp/Main_Page)←大変参考になるサイト
WordFes Nagoya 2016 | WordPress の森に集おう!