ワードプレス入門

埼玉県 草加市
求職者支援訓練教室
スクール虹

About me

明間 ゆり（あけま ゆり）

所属：求職者支援訓練校 スクール虹

職業：プログラマー、プログラミング講師

社会人年数：７年目

血液型：A型

好きなもの：ハムスター、星のカービィ

好きなアプリ：Amazon Kindle Unlimited

資格：PHP技術者、Java SE、HTML5 Professional​

ワードプレスってなに？

WordPress（ワードプレス）とは、html、css、プログラミング、データベース、SQLの知識がなくてもWebサイトやブログを作れるサービスです。

html

CSS

プログラミング（PHP）

データベース・SQL

ワードプレスを実際に使ってみましょう！

以下のURLをコピーして、ブラウザに貼り付けて表示してみましょう

http://akemay.com/seminar/sample/

・このサイトはサンプルで作成したもので、Googleの検索に出てこない設定になっています。

コピー　：文字を選択して「右クリック＞コピー」or「Ctrl＋C」　

貼り付け：貼りたい所で「右クリック＞貼り付け」or「Ctrl＋V」　

ワードプレスにログインしてみましょう！

左下のログインをクリックします。

ユーザ名：seminar01~seminar20

（皆さんそれぞれに割り当てます）

パスワード：p@ssword

ログイン保持チェックボックス：ON

ワードプレスにログインできたことを確認します。

ログインできると、黒いバーが表示されます。

今回みなさんには、「ホーム」画面と同じものを作成していただき、ワードプレスに慣れてもらいたいと思います！

自分の編集ページを表示しよう

右上のユーザー名と同じメニューを押下＞編集ボタンを押下

編集画面を確認

修正前

修正後

やりかたは口頭で説明していきます。

終わったらソースコードを確認してみましょう！

右クリック＞ページのソースを表示

235行あたりから、自分で作成した画面のソースコードが見れます。

これはhtmlのソースコードです。

<h1>…h1タグ→見出し1という意味

<p>…pタグ→段落という意味

今後の予定について

案１：高松ゼミのホームページを作る

　・色・デザインや、どんな画面が必要かみんなで話し合って作る

　・Twitterや動画、写真ギャラリーを埋め込んだりする

　課題…昔の高松ゼミのホームページがあるのでそれをどうするか

案２：各自オリジナルのホームページを作る

　・自分でサーバーを用意し専用のホームページを作成する

　・ポートフォリオや、ブログを作ったりできる

　課題…残り５回で時間が足りないのでゼミ外でも作業が必要かも

案３：見本を真似して基礎を学ぶ

　・今日実施したように見本に沿って作成する

　・見やすい文章の書き方やデザインを学ぶ

　課題…学習用で作るのでホームページとして使えない

投稿ページも編集してみましょう！

投稿＞自分のユーザ名をクリック

編集＞好きに編集してみましょう！（名前入れてください）

感想や、案１~案３どれが良いか理由等書いてみてください

おまけ：IT業界についてのスライド

以下のURLから見れます。

【内容】

・WEBデザイナーとコーダーの仕事
・プログラマーとシステムエンジニアの仕事
・IT業界の働き方の種類
・【おまけ①】 IT業界の仕事で役に立つ！
・プログラミング言語と開発ツールの種類
・IT業界で良く使われるソフト
・コピペ用メモを残す習慣をつけよう
・今日から使える小技
・【おまけ②】 IT業界以外でも役に立つ！
・デザインに役立つ原理・原則
・デザインの基本原則−近接−
・デザインの基本原則−整列−
・デザインの基本原則−反復−
・デザインの基本原則−コントラスト−
・各種法則について

・勉強が苦手な人必見！学習定着率について