--- 目 次 --- 1. IPアドレスと 独 自 ドメイン 2. DHCP(Dynamic Host Configuration Protocol) 3. Server の 構 造 4. FTP(File Transfer Protocol) 5. WinSCP 6. DNS(Domain Name System) 7. PORT 番 号 (Port Number) 8..htaccess 9. Lolipop で 出 来 る 内 容 10. NotePad++ 11. WordPress の php,css 12. WordPress の install と 引 越 し 続 き 1~3 13. WordPress の 引 越 し 取 って 置 きの 方 法 14. 付 録 :Windows の 32bit と 64bit 2014 年 7 月 29 日 - 1 -
IPアドレスと 独 自 ドメイン Local と Global 自 宅 のルータでプロバイダーにつないで いる 場 合 右 図 の 家 庭 の 例 の 様 になります IPアドレス IP(Internet Protocol)アドレスは 数 字 の 羅 列 ですが URL と 対 になっている DSN(Domain Name System)により URL ( 独 自 ドメイン)が 識 別 されています 独 自 ドメイン 独 自 ドメイン(URL)を 取 得 するとIPアド レスと 独 自 ドメイン(URL)をセットで 独 占 所 有 することになります( 一 意 に 決 まる) 例 えば 54.199.192.39 はIPアドレス http://moripapa.info は 独 自 ドメイン 名 (URL)です このような 仕 組 みをDSNと 呼 びます 2014 年 7 月 29 日 - 2 -
DHCP(Dynamic Host Configuration Protocol) 普 通 自 宅 のルーターは DHCP です Local ( 自 分 の PC)のIPアドレスを 自 動 的 に 割 り 当 てます Local IPアドレスは 接 続 するたびに 変 わります Local ではなく Server でも DHCP を 使 っている 場 合 があります こんな 場 合.htaccess で Deny Allow の 指 示 をIPアドレスではできません ホスト 名 HOSTNAME()を 記 入 しないと 上 手 く 行 きません 参 考 :http://lolipop.jp/manual/blog/wordpress-htaccess/ ホスト 名 HOSTNAME ドメイン 名 の 左 端 部 分 の 端 末 識 別 子 実 は LOLIPOP では 独 自 に 管 理 していて ホスト 名 一 つ 一 つに IPアドレスを 割 り 当 てていません あとで 演 習 します 2014 年 7 月 29 日 - 3 -
Server の 構 造 WordPress はあなたの PC では 動 いてません Server は Unix 系 OS Windows や Mac の Editor で 作 った html を 動 かし 続 けます 間 違 いが 有 るのを 覚 悟 で 解 りやす 説 明 すると 一 般 の Server (Cloud) WordPress は Server 環 境 で 動 き HTML,CSS,PHP JavaScript などが 動 きます 逆 にPC 上 では 動 きません だから 一 々Upload し て 確 かめないとダメ なんです あなたのPC on-premises Application Soft Office(Excel,Word) Finder, Editor FTP(Win SCP) 基 本 OS Windows Mac OS BIOS WordPress MT html,css, php,javascript Web Server Soft Apache (Unix Code) MySQL UNIX 系 OS LINAX "Cent OS" 2014 年 7 月 29 日 - 4 -
FTP(File Transfer Protocol) FFFTP FileZilla WinSCP へと 経 歴 をたどりました 自 分 の PC と Server 両 者 の 接 続 を 確 立 して ファイルを 送 受 信 する グラフィック 表 示 の WinSCP が 最 も 安 全 残 念 ながら Mac 版 がありません 接 続 の 確 立 Account ID PassWord AWS では 公 開 鍵 認 証 用 の 二 重 鍵 ファイルの 受 送 信 は drug & drop 左 窓 が 自 分 の PC(Local) 右 窓 が Server(Remote Server) その 他 NotePad++に 付 属 の FTP Lolipop の FTP WinSCP FTP には 色 んなソフトがあります FFFTP( 初 歩 ) FileZilla( 暗 号 化 FFTPS ができます) WinSCP( SFTP 公 開 鍵 認 証 もOK) teraterm (グラフィック 表 示 でない 黒 い 画 面 ) ターミナル (Mac 版 黒 い 画 面 ) WinSCP にいち 早 く 馴 れること 2014 年 7 月 29 日 - 5 -
インストール http://winscp.net/eng/download.php Installation package をインストールして 下 さい カスタマイズしないと 使 いにくい お 気 に 入 り Session を 作 成 演 習 します タイムアウトにご 注 意 Lolipop は ssh ができる 2014 年 7 月 29 日 - 6 -
DNS(Domain Name System) 演 習 します 自 分 の 接 続 IDを 調 べる http://www.cman.jp/network/support/go_access.cgi Window なら CMD(コマンドプロンプト)で ipconfig として 調 べられます Mac なら リンゴマーク システム 環 境 設 定 ネットワーク の 詳 細 を 見 て 例 えば moripapa.info の IPアドレス:203.189.109.224 (Lolipop 管 理 下 で 制 御 されていて 実 際 には 入 れません) 独 自 ドメイン:moripapa.info (www. moripapa.info はサブドメイン) IPアドレスは 階 層 構 造 203 は APNIC アジア/ 太 平 洋 圏 ( 地 域 レジストリ) 189 は JPNC ( 日 本 ) 国 別 レジストリ 109.224 は 各 国 のネットワーク 管 理 企 業 LOLIPOP が 管 理 しています 階 層 構 造 をDSN(Domain Name System)がつかさどる メールアドレスもURLも 契 約 回 線 もすべてDNSがつかさどっている 2014 年 7 月 29 日 - 7 -
DNS(Domain Name System) DNSセットアップ 方 法 https://muumuu-domain.com/?mode=conpane ムームードメインに 詳 しく 乗 ってますが よく 読 んで 設 定 して 下 さい ネームサーバ 設 定 : IP アドレス[234.123.567.345] を 返 答 する 役 目 を 行 うサーバーです ムームーDSN: ここで Lolipop か? 他 のドメインか?を 指 定 します 2014 年 7 月 29 日 - 8 -
PORT 番 号 (Port Number) Server 側 の Port です 日 頃 は 意 識 しないですが Server では Port が 大 事 特 のメール Server では 制 約 が 多 いので 覚 えておくと 便 利 補 助 アドレスとして 0~65535 のポート 番 号 があります 20 FTP (File Transfer Protocol) (データ) 21 FTP (File Transfer Protocol) ( 制 御 ) 22 ssh (secure shell) 25 SMTP (Simple Mail Transfer Protocol) 53 DNS (Domain Name System) 80 HTTP (Hypertext Transfer Protocol) 110 POP3 (Post Office Protocol version 3) 465 SMTPS (SMTP over SSL/TLS) 587 SMTP Message Submission (メッセージ 投 稿 ) 989 FTPS (FTP over SSL/TLS) (データ) 995 POP3S (POP3 over SSL/TLS) 自 由 に 使 えるのは Port 1024 以 降 2014 年 7 月 29 日 - 9 -
.htaccess Apache が 動 作 している Server で 使 用 される.htaccess ファイルがある Directory, Subdirectory 入 っている File すべてに 影 響 する アクセス 制 限 Lolipop では http://lolipop.jp/manual/blog/wordpress-htaccess/ こんな 対 策 をしています redirection.htaccess の 内 容 演 習 します 2014 年 7 月 29 日 - 10 -
Lolipop で 出 来 る 内 容 基 本 的 なこと Lollipop の FTP WordPress 簡 単 インストール php.ini 設 定 MySQL は 後 ほどシッカリ 学 習 します 今 は 見 ておくだけ 演 習 します 2014 年 7 月 29 日 - 11 -
NotePad++ インストール http://notepad-plus-plus.org/ こんな 使 い 安 い Editor が 有 ったんだ カスタマイズして 使 いやすくする カスタマイズして 使 うことを 前 提 のカメレオン nppftp を 設 定 する これができるんなら FTP 要 らない? 演 習 します 子 テーマを 作 った CSS を 見 ます 子 テーマを 作 るには Style.css を 編 集 て 作 りました php ファイルものぞいて 見 ます 2014 年 7 月 29 日 - 12 -
WordPress の php,css WordPress 必 須 の php,css こんな 使 い 安 い Editor が 有 ったんだ php は 代 数 ( 関 数 )です デザインには 余 り 関 係 ありません CSS が 第 一 これをマスターする = 表 現 力 少 し 演 習 し ま す 奥 深 く 難 しくなりますが この 虜 になった 人 が 大 勢 います これから 先 は WordPress 中 級 編 とでもしておきましょうか? 2014 年 7 月 29 日 - 13 -
WordPress の install と 引 越 し WordPress で 作 ったHPを 引 っ 越 すのは 大 変? WordPress 子 テーマは root / content / theme / の 中 にある style.css と *.php にあります 投 稿 や 固 定 ページ そしてメディアなどは すべて MySQL にあります まず 子 テーマを copy & paste 親 テーマを Theme ホルダに 入 れます 子 テーマのホルダを 作 って style.css に copy & paste 演 習 します 移 動 元 の MySQL の DataBase を Export( 抽 出 ) Root 直 下 の wp-content.php に 記 載 されています phpmyadmin へ 入 って 下 さい(Login) エキスポートからデータを 抽 出 し 自 分 のPCの 適 当 なところに 保 存 移 動 先 の MySQL の DataBase を Import( 取 り 込 み) 移 動 先 の MySQL を 開 いて( 注 意 :ユーザー 名 パスワード ホスト 名 違 ってます) phpmyadmin へ 入 って 下 さい(Login) インポートからデータを 取 り 込 みます 2014 年 7 月 29 日 - 14 -
--- 続 き--- Root 直 下 の wp-content.php の 内 容 /** WordPress のデータベース 名 */ define('db_name', 'LAA0277670-zlabf1'); /** MySQL のユーザー 名 */ define('db_user', 'LAA0277670'); /** MySQL のパスワード */ define('db_password', '1234kokodesu'); /** MySQL のホスト 名 (ほとんどの 場 合 変 更 する 必 要 はありません ) */ define('db_host', 'mysql003.phy.lolipop.lan'); /** データベーステーブルのキャラクターセット (ほとんどの 場 合 変 更 する 必 要 はありません ) */ define('db_charset', 'utf8'); /** データベースの 照 合 順 序 (ほとんどの 場 合 変 更 する 必 要 はありません ) */ define('db_collate', ''); リストダウンで 開 いて 下 さい これで 実 行 を 押 すと phpmyadmin へ 入 れます 2014 年 7 月 29 日 - 15 -
--- 続 き--- エキスポートからデータを 抽 出 し インポートでデータを 取 り 入 れます 2014 年 7 月 29 日 - 16 -
--- 続 き--- これがエキスポート 画 面 です エキスポート 先 は 自 分 のPCの 適 当 なところに 保 存 して 下 さい 2014 年 7 月 29 日 - 17 -
--- 続 き--- この 考 え 方 は バックアップ を 取 るときの 考 え 方 です 以 上 のこと 覚 えておくことは 無 駄 では 有 りません 2014 年 7 月 29 日 - 18 -
WordPress の 引 越 し 取 って 置 きの 方 法 WordPress には ダッシュボード > ツール にインポートとエキスポートの 機 能 があります WordPress どうしなら 略 移 行 可 能 です WordPress で 作 ったHPを 引 っ 越 すのは 大 変? 演 習 します 2014 年 7 月 29 日 - 19 -
付 録 :Windows の 32bit と 64bit 詳 しくは Windows によく 寄 せられる 質 問 を 参 照 して 下 さい 今 更 ながら Windows7になって 32bit(x86)と 64bit があります Windows の 互 換 性 センターで 調 べて 下 さい 32bit と 64bit どっちが 良 いか? 64bit の 方 が 処 理 能 力 が 上 です だから 64bit ではメモリーを 4G 8G にすると 効 果 が 大 きいんです 基 本 的 には 殆 どのプログラムは 32bit と 64bit の 互 換 性 が 有 るんですが ところがデバイス ドライバーでは 互 換 性 はありません だから 時 々 昔 のマウス 使 おうと 思 ったら 使 えないなんて あれ~といったトラブルが 出 ます 実 は Chrome は 32bit で Safari Firefox は 64bit なんです だからといって Chrome がダメな 訳 では 有 りません 64bit Windows には 32bit と 64bit の I E がインストールされています でもね プラグイン 等 が 64bit に 対 応 していないので 事 実 上 32bit 版 です 2014 年 7 月 29 日 - 20 -