Wordpress勉強会資料
- 1. 超初級・勉強会
- 2. WordPressとは何ですか？ WordPress（ワードプレス）は、オープンソースのブログソフトウェ アである。PHPで開発されており、データベース管理システムとして MySQLを利用している（後述のプラグインよりSQLiteでの使用も可能 ）。単なるブログではなくCMSとしてもしばしば利用されている。b2/ cafelogというソフトウェアのフォーク（後継）として開発、2003年5 月27日に初版がリリースされた。GNU General Public License (G PL) の下で配布されている。 wikipedeia曰く。。。 これで意味がわかるなら、この資料は要りません。
- 6. CSSファイルも作ってみよう index.htmlを少し改造 <!DOCTYPE html> <html lang="ja"> <head> <meta charset= UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="author" href="mailto:mail@example.com"> <title lang="en">HyperText Markup Language - Wikipedia</title> </head> <body> <article> <h1 lang="en">HyperText Markup Language</h1> <p id= test >HTMLは、<a href="http://ja.wikipedia.org/wiki/SGML">SGML</a> …略…<strong class= sample >基幹的役割</strong>…略…</p> </article> </body> </html> これから作るCSSファ イルとつなぐ宣言 スタイリングするための 目印
- 7. CSSファイルも作ってみよう CSSファイルはこんな感じ body { background-color: #bf7899; font-size: 24px; } h1 { color: #ffffff; font-weight: bold; font-size: 40px; } #test { border: double 10px #0000ff; background-color: #5545dd; margin-left: 50px; } .sample { padding: 20px; background-color: #aaaaaa; } CSSファイルもエディタで作る 約束通り、style.cssと名付けて index.htmlと同じディレクトリ （フォルダ）に保存
- 11. jsファイルも使ってみよう やっぱりindex.htmlの改造が必要 <!DOCTYPE html> <html lang="ja"> <head> <meta charset= UTF-8"> <link rel="author" href= mailto:mail@example.com"> <script src= https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js ></script> <link href="dist/css/lightbox.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="style.css"> <title lang="en">HyperText Markup Language - Wikipedia</title> </head> <body> <article> <h1 lang="en">HyperText Markup Language</h1> <p id= test >HTMLは、<a href="http://ja.wikipedia.org/wiki/SGML">SGML</a> …略…<strong class= sample >基幹的役割</strong>…略…</p> </article> <a href="dist/images/image.png" data-lightbox="image-1" data-title="俺のピクチャ">Image #1</a> <a href="dist/images/image.png" data-lightbox="roadtrip">Image #2</a> <a href="dist/images/image.png" data-lightbox="roadtrip">Image #3</a> <a href="dist/images/image.png" data-lightbox="roadtrip">Image #4</a> <script src="dist/js/lightbox.js"></script> </body> </html> googleのjqueryライブラリ の置き場とつなぐ宣言 動きを与える画像を配置 image.pngという画像をdist/images の中に配置 DLしたlightboxパッケージ とつなぐ宣言
- 21. WordPressとは何ですか？again WordPress（ワードプレス）は、オープンソースのブログソフトウェ アである。PHPで開発されており、データベース管理システムとして MySQLを利用している（後述のプラグインよりSQLiteでの使用も可能 ）。単なるブログではなくCMSとしてもしばしば利用されている。b2/ cafelogというソフトウェアのフォーク（後継）として開発、2003年5 月27日に初版がリリースされた。GNU General Public License (G PL) の下で配布されている。 wikipedeia曰く。。。 チョットわかるようになった。 CMS:Contents Management Systemはサイト内の記事や画像などを管理するのに最適化されたシステムのこと。Wordpressを触っているとわかるけどWordpress上だと記事や画像の管理も超簡単。なので CMSとしても機能しますということ。さらに言えば、サイト制作の納品先はクライアント。クライアントは納品後も自分たちで自由にサイトを更新したい。でもwebの知識がないという人は多い。そう いう人向けに、Wordpressの記事や画像更新画面をCMSとして納品することもあるので、そういう意味でもかなり優秀なCMS
- 36. ダッシュボードを見る WordPressで作れるページは「投稿」と「固定ページ」 の2種類 ニュースやブログの様に 頻繁に更新されるページ 投稿 「会社概要」とか about とか ヘルプ みたいにトッ プメニューからいけるページ 固定ページ きゃりーぱみゅぱみゅのサイトでいうと、Topicや Profile、Goodsは固定ページ イベントやテレビ、ラジオの出演情報は投稿