★移設予告!!★
☆平素は、この『週刊電説』をご覧いただき、誠にありがとうございます。 <(_ _)>
※一部の読者からご要望がありましたので -
- “WP“【WordPress | ワードプレス】関連の「特集記事」
- “サッカー“【フォーメーション】関連の「コーナー」
- “戦略論“【『孫子』 | 『呉子』】関連の「コーナー」
…などは、別ページに移設していく予定です。
[注]この『週刊電説』は、当初のスタイル、すなわち、《BLog》【Book Log:「読後日記」】風に戻す予定ですので、ご了承下さい。
Appendix⑥:WP関連本〔その④〕
※今日も、引き続きブログ界を代表するアメリカ在住にしてWPの”ハッピー・エンジニア“の”マクラケン直子“氏〔HN:Nao〕の書籍について紹介します。【女性らしい細やかな配慮の行き届いた書籍で、日本にもファンが多数います…私もその一人ですが】
・マクラケン直子:『WordPress ビジネスブログ 標準ガイドブック』〔毎日コミュニケーションズ;2006-03-29〕
~これは2006年のものですが、WPを使って”ビジネスブログ“を作ってみましょう!という提案本でもあります。「ブログ」【Blog】も企業社会に認知され始めた頃だったので、タイムリーな提案であるとは言えますね!?ただ、内容は完全に”ビジネスユース”に絞っていますので、話が専門的過ぎるかもしれません。尚、”Nao“氏は、WP運営会社である”Automattic“社と業務提携し、”ハッピー・エンジニア“を名乗られるようになりました。立派なWEBサイトをお持ちですので、それと併読すると良いかもしれません。【特に、本場アメリカでの動きなどが手に取るように分ります】
♪fitted BGM〔Philippe Saisse〕:Young Nation performed by Phillipe Saisse from “Next Voyage”, 1997
【↑ ※リンクをクリックすると、WMP:WindowsMediaPlayerが立ち上がり曲が聴けます※↑
Appendix⑤:WP関連本〔その③〕
※今日は、ブログ界を代表するアメリカ在住にしてWPの”ハッピー・エンジニア“の”マクラケン直子“氏〔HN:Nao〕の書籍について紹介します。【女性らしい細やかな配慮の行き届いた書籍で、日本にもファンが多数います…私もその一人ですが】
・マクラケン直子:『WORDPRESS2.6 標準ガイドブック』〔毎日コミュニケーションズ;2008-08-29〕
~これは、WP2.6【現行バージョンは”2.7.1“】ですから、一世代前のものに対応したもののようです】対応の参考書ですが、コレを読めば、初心者でも手取り足取り、WPの”ダウンロード“から”インストール“まで、さらには、”オリジナル・テーマ“の制作まで理解できるようになるかもしれませんね!?尚、”Nao“氏は、WP運営会社である”Automattic“社と業務提携し、”ハッピー・エンジニア“を名乗られるようになりました。立派なWEBサイトをお持ちですので、それと併読すると良いかもしれません。【特に、本場アメリカでの動きなどが手に取るように分ります】
♪fitted BGM〔Philippe Saisse〕:Young Nation performed by Phillipe Saisse from “Next Voyage”, 1997
【↑ ※リンクをクリックすると、WMP:WindowsMediaPlayerが立ち上がり曲が聴けます※↑】
Appendix④:WP関連本〔その②〕
※今日は、ブログ界を代表する”オタク“的なエンジニア:”Hiromasa“氏の書籍について紹介します。【2005年に取り組み始めた当時、私も随分とお世話になりました】
・田中広将・志村俊朗 共著:『WordPress 2.5 でつくる! 最強のブログサイト』〔ソーテック社;2008-07-19〕
~これは、WP2.5【現行バージョンは”2.7.1“】ですから、二世代前のものに対応したもののようです】対応の参考書ですが、コレを読めば、いわゆる”WEBサーバー“の仕組みから”PHP“の仕組みまで、さらには、”自宅(ローカル)サーバー“の構築まで理解できるようになるかもしれませんね!?尚、”Hiromasa“氏も立派なWEBサイトをお持ちですので、それと併読すると良いかもしれません。【但し、プラグインなどの”技術的“解説が殆どですが…】
・hiromasa zone : o)
♪fitted BGM〔Philippe Saisse〕:Young Nation performed by Phillipe Saisse from “Next Voyage”, 1997
【↑ ※リンクをクリックすると、WMP:WindowsMediaPlayerが立ち上がり曲が聴けます※↑】
Appendix③:WP関連本〔その①〕
※今日から、代表的な”WP“関連本について、四日連続でお届けしますね。
初日の今日は、どちらかと言えば「初心者向け」のこの書物から -
・高尾 司:『いま一番わかりやすい WordPress日本語版でブログサイト構築入門』〔アスキー・メディアワークス;2008-09-29〕
~これは、完全なる「超・入門版」のようです。これは、”インストールを前提とするWPの解説本ですが、コレを読めば、WPの「管理画面」【DashBoard】へのアレルギーとかが払拭できるかもしれません。また、WPの操作については、コレ一冊でほぼマスターできるとは言えるでしょうね!?
♪fitted BGM〔Philippe Saisse〕:Young Nation performed by Phillipe Saisse from “Next Voyage”, 1997
【↑ ※リンクをクリックすると、WMP:WindowsMediaPlayerが立ち上がり曲が聴けます※↑】
Day7:最後の設定【統計などの準備(WP-Statsその他)】
皆さん、今日ワン!>凹U^ェ^U…垂れ耳犬です!!
さあ、とうとう最終日となりました…一週間、お疲れ様でした!!今日は、本当に「管理画面」【DashBoard】を”使いこなす”日ですよ!と言っても、このWPはとても優しく作られているので、今日は、WEBブラウザから今の自分のブログの”状態“【ステータス】を確認するだけの作業になります。なので、今日は”スクリーンショット”中心の解説に留めておきますね。【流し読みしていただいて構いません】
では、早速、「自分のブログ」【ここでは、”Bloggerdesu’s Blog“】へアクセスし、(昨日やったように)「管理画面【DashBoard】へ行ってみましょう!!
[注]ココから先は、WEBブラウザー【IE:InternetExplororやFF:FireFoxなど】でリンクを”右”クリックし、新しい”タブ”で開いてみて下さい。そうすれば、いちいち新しくブラウザーを立ち上げることなく、”タブ”の切り替えだけで「解説」と「サイト」を見比べながら読み進めることができます。
[↓※ちゃんと、「管理画面」(DashBoard)が表示されましたか!?※↓】
※さて、左側にずらーっと並んでいるメニューの上から三番目【上の画像では薄いピンク色で塗っている所】に[ダッシュボード]というのがありますね!?そこが今日専らイジる所です。
~[ダッシュボード]の所にマウスポインターを持っていくと薄~い”▼印”が浮かび上がると思いますので、それを(左)クリックして下さい!!
⇒下図のように、「プルダウン・メニュー」が表示される筈です。
[↓※こんなメニューが見えてくることでしょう!?※↓]
1.ダッシュボード(DashBoard):「管理画面」のトップです【統計情報やスパム情報などのサマリー】
2.ブログ統計(WP-Stats):内蔵の”WP-Stats“で、ブログの統計情報を表示します
(3.ブログサーファー:自分のブログを”SNS“のように友人・知人に広める仕掛けです)
4.自分のコメント:もし、自分がコメントに返信とかした場合、その履歴をココで確認することができます
5.タグサーファー(Tag Surfer):ネット・サーファーならぬ”タグ・サーファー“のための仕掛けです【今では、「キーワード検索は当り前のことになりました】
(6.Subscriptions:自分から何らかのコメントを送る場合の仕掛けです)
7.Readomattic:(ちょっとしたお遊びですが)WPからの”オススメブログ(記事)“の紹介です
8.Myブログ:言わば、自分のブログの”メンバーシップ(執筆陣)“紹介みたいなもの
※それでは、個別に解説していくことにしますね。【各メニューを(左)クリックして開いてみて下さい】
《ミニ解説:WPの”管理ポリシー“について》
・基本的には”自己責任“ですが、最低限の”セキュリティ“はWP側で用意してくれています
・例えば、”統計解析“【アクセス解析とも言います】については、オリジナルの”WP-Stats“をプリ・インストールしてくれています
~これは、”ダウンロード“版でも採用されている優秀なソフトです
・また、”スパム対策“についても、”Akismet“というソフトと連携し、悪意あるスパマーからブログを守ってくれています【これもプリ・インストール済】
・料理にたとえると、《(料理長オススメの)おまかせコース》といったところでしょうか!?【「WPを信頼し、全てお任せ下さい!」というスタンスなのです】
・ある意味、”WPコミュニティー“内での運用を想定しているため、もしもっと”積極的“に外部へPRしていきたい場合は、”自分“で、例えば《Ping*》などの仕組みを使って下さい…というスタンス
~”Ping*“とは、「ブログを更新したことを、ピン受信機能を備えたサイトに伝えること」です。
⇒”Blog People“の《ぶろっぐぴんぴん》サービスを使った時のスクリーンショット【↓※下図※↓】
= 代表的な”ピン“サービス・サイト =
①Blog People⇒ http://www.blogpeople.net/servlet/weblogUpdates
②WEBLOGS.COM⇒ http://rpc.weblogs.com/rpc2
③PING.BLOGGERS.JP⇒ http://rpc.weblogs.com/rpc2
④ココログ⇒ http://ping.cocolg-nifty.com/xmlrpc
⑤Myblog Japan⇒ http://ping.myblog.jp
⑥Ping-O-Matic⇒ http://rpc.pingomatic.com/ 【WPの”デフォルト“です】
⑦Technorati Japan⇒ http://rpc.technorati.jp/rpc/ping
⑧gooブログ⇒ http://blog.goo.ne.jp/XMLRPC
⑨Bulkfeeds⇒ http://bulkfeeds.net/rpc
⑩blogoon⇒ http://ping.blogoon.net/
※じゃあ、次に進みましょう!!【本日の”メイン“です】
~左のメニューの[ダッシュボード]のスグ下の[ブログ統計]ボタンを押してみて下さい!!
[↓※こんな画面が浮かび上がってくるでしょう!?※↓]
~ココでは、あなたのブログの詳細な”アクセス統計“が見られます!!
= アクセス統計項目 =
・アクセス統計グラフ:「日単位」「週」「月単位」の三種類のグラフが見られます【flashを使っています】
・リファラー:閲覧者が”どこ“から来たか!?その「参照元」を示します
・人気のページと投稿:「一日」の”人気のページと投稿“を示しています
・検索ワード:(検索エンジン経由の閲覧者の)「検索語」を示しています
・クリック数:あなたのブログ記事の中のリンクがどれだけ”クリック“されたか!?を示しています
・統計サマリー:(最下段には)「統計のサマリー」がマトメてあります
※次に進みましょう!!
~左のメニューの[ダッシュボード]から三つ下の[自分のコメント]ボタンを押してみて下さい!!
[↓※こんな画面が浮かび上がってくるでしょう!?※↓]
~(もし、あなたがコメントに返信した場合は)ココでその「コメント」を確認することができます
※次に進みましょう!!
~左のメニューの[ダッシュボード]の四つ下の[タグサーファー]ボタンを押してみて下さい!!
[↓※こんな画面が浮かび上がってくるでしょう!?※↓]
~ココであなたがブログ記事の中で使った「タグ(キーワード)」を確認することができます【長く使っていると、”使用傾向“などが分ってきますよ】
※次に進みましょう!!
~左のメニューの[ダッシュボード]の六つ下の[Readomattic]ボタンを押してみて下さい!!
[↓※こんな画面が浮かび上がってくるでしょう!?※↓]
~ココは、ちょっとした”息抜き“のためのようなページです【Amazonの”リコメンド“のように、その時の”オススメブログ(ページ)“などをWPが機械的に(自動で)表示してくれます【”Reading”+”Automatic”=《Readomattic》というわけです】
※次に進みましょう!!
~左のメニューの[ダッシュボード]の一番下の[Myブログ]ボタンを押してみて下さい!!
[↓※こんな画面が浮かび上がってくるでしょう!?※↓]
~ココでは、あなたのブログの”メンバーシップ“、つまり、「執筆陣」などについて表示する画面です【あなた自身で、新たに”メンバー“を募ったりすることもできます】
※[ダッシュボード]メニューは終えて、残りの三つのメニューへ行きましょう!!
~今度は、左のメニューの[コメント]ボタンを押してみて下さい!!
[↓※こんな画面が浮かび上がってくるでしょう!?※↓]
~あなたのブログにもしも”コメント“が投稿された場合【それを、あなたが承認した場合】は、ココで全て”管理“することができます【「承認(Approved)」「保留(Pending)」「スパム(Spam)」「削除(Delete)」などの処理を行なうことができます】
※次に進みましょう!!
~今度は、左のメニューの[コメント]のスグ下の[アンケート]ボタンを押してみて下さい!!
[↓※こんな画面が浮かび上がってくるでしょう!?※↓]
~ココで、あなたのブログに「(ミニ・プチ)アンケート」を載せることができます【但し、そのためには、PollDaddy.comに登録し、新しい「アカウント」を作る必要があります】
※さあ、最後のメニューへ進みましょう!!
~今度は、左のメニューの九番目の[ツール]ボタンを押してみて下さい!!
[↓※こんな画面が浮かび上がってくるでしょう!?※↓]
~ココは、あなたのWEBブラウジングを快適にするための”ターボチャージャー”をインストールする画面です【※GoogleのGearsサイトへアクセスする必要があります】
※次に進みましょう!!
~左のメニューの[ツール]のスグ下の[インポート]ボタンを押してみて下さい!!
[↓※こんな画面が浮かび上がってくるでしょう!?※↓]
~ココでは、あなたが他のブログからWPへ記事を”インポート(Import)“する場合のガイド・ページです【※WPのユニークな特長として、MT:Movable TypeやTypePadなどとの”互換性“を持っていることです】
※次に進みましょう!!
~今度は、左のメニューの[ツール]の二つ下の[エキスポート]ボタンを押してみて下さい!!
[↓※こんな画面が浮かび上がってくるでしょう!?※↓]
~ココでは、あなたのWPから他のブログへ記事を”エキスポート(Export)“する場合のガイド・ページです【※WPのユニークな特長として、MT:Movable TypeやTypePadなどとの”互換性“を持っていることです】
※追加※…「特にPRしたいページ」を常に”トップ“に表示させる”裏技“【Sticky】
~WP等のブログは、元々”時系列“に記事を整理し公開していくことが得意です。でも、投稿(エントリー)が溜まってくると、古い記事はどんどん”下“のほうへ追いやられ、しまいには”次“のページ以降で表示されるようになってしまいます。そんな時、「どうしても見てもらいたい渾身の記事」とかを”トップページ“の一番”上“に”固定表示“してくれる”裏技“があります。それが、”Sticky“です!!
= “Sticky“の手順 =
1.先ず、「管理画面」【DashBoard】で、[投稿]ボタンを押し、「編集」画面へ行って下さい!!
2.次に、開いた「編集画面」で、”トップ表示“させたい記事の「タイトル」を(左)クリックして下さい!!
3.これで、該当記事の「編集画面が開きましたね!?
~右上の[公開]タブの中を見て見て下さい
⇒上から順に、「ステータス:」「公開状態:」「公開日:」…とありますね!?
⇒二番目の「公開状態:」の右端にある編集の下線付リンクを(左)クリックして下さい!!
(すると…↓)
⇒現在の「公開状態」が表示されるでしょう!?
※今は、公開の丸印にチェックが入っていますね!?
⇒そのスグ下に、”Stick this post to the front page“【このポスト(投稿記事)をトップページに固定表示する】という文字の左横の□【ボックス】に”チェックを入れ、右下の[OK]を押して下さい!!【この「公開状態」のダイアログボックスが閉じます】
⇒最後に、[Update Post]ボタンを押し、編集を終了して下さい!!【他の記事と入れ替える場合は、以前の”トップ記事“に入っている”Sticky“の”チェック“を外して下さいね】
4.今の作業の結果は、記事を[プレビュー]しても確認できますし、再び[編集画面]へ戻ると、たった今作業した記事のタイトルの下に”Sticky“の文字が表示されていることでも確認できる筈です
【注】この”Sticky“はいくつでも併用することができますが、その場合、”直近“にこの作業を行なった記事が”最上段“に表示されます【この機能を使えば、ある意味、”時系列“を無視した記事の表示が可能になります…「まとめサイトなどで一種の”サマリー“や”目次“を作るのにうってつけの機能ですね!?】
※最後に、もっと詳しくWPのことを知りたい人向けに -
・『WPオンライン・マニュアル』【WordPress Codex 日本語版】
★本日はココまで!!…一週間にわたる《WP特訓》にお付き合いいただき、ありがとうございました!!…本当に、お疲れ様でした!!…<(_ _)>
⇒明日からは、一応”補足“のために、またまた一週間、《WP特説コラム》をお届けする予定です!!【『参考図書』などを中心に紹介します】
~今月一杯で、”WP関連“のブログは完了します!【6月からは、通常の”BLog(BookLog)“へ戻ります♪】
♪fitted BGM〔Richard Burmer〕:Across the View performed by Richard Burmer, 1987!?
【↑ ※リンクをクリックすると、WMP:WindowsMediaPlayerが立ち上がり曲が聴けます※↑】
※このコーナーでは、邪魔にならない”癒し系”【NewAge】の音楽のほうがイイでしょう!?【BGMは要らないよ…という人はクリックしないで下さいね】
Day6:四番目の設定【メディアの準備(画像/音声/動画など】
皆さん、今日ワン!>凹U^ェ^U…垂れ耳犬です!!
さあ今日は後半の六日目…このコーナーも終盤に差し掛かりました。今日は、自分のブログの「管理画面」【DashBoard】へ入って、自分の「投稿」(エントリー)を彩る”メディア“【”Media“】の準備をしましょう!!
では、早速、「自分のブログ」【ここでは、”Bloggerdesu’s Blog“】へアクセスし、(昨日やったように)「管理画面【DashBoard】へ行ってみましょう!!
[注]ココから先は、WEBブラウザー【IE:InternetExplororやFF:FireFoxなど】でリンクを”右”クリックし、新しい”タブ”で開いてみて下さい。そうすれば、いちいち新しくブラウザーを立ち上げることなく、”タブ”の切り替えだけで「解説」と「サイト」を見比べながら読み進めることができます。
[↓※ちゃんと、「管理画面」(DashBoard)が表示されましたか!?※↓】
※さて、左側にずらーっと並んでいるメニューの上から三番目【上の画像では薄いピンク色で塗っている所】に[メディア]というのがありますね!?そこが今日専らイジる所です。
~[メディア]の所にマウスポインターを持っていくと薄~い”▼印”が浮かび上がると思いますので、それを(左)クリックして下さい!!
⇒下図のように、「プルダウン・メニュー」が表示される筈です。
[↓※こんなメニューが見えてくることでしょう!?※↓]
1.編集(Edit):既に登録したメディアの編集(Edit)を、ココで行ないます
2.Add New(新規投稿):これから新しくメディアを登録(アップロード)するのは、ココから行ないます
※それでは、個別に解説していくことにしますね。【各メニューを(左)クリックして開いてみて下さい】
《ミニ解説:メディア【画像/音声/動画など】のアップロードについて》
・この”WP.com“は”無料“のオンライン・ブログですが、ディスク・スペースはGoogle並みに、何と!”3GB“もあります
・ですから、専ら”テキスト“中心に使うのであれば、一生かかっても使い切れないくらいの”充分“なスペースがあるとは言えます
・画像系ファイル:「jpg」「jpeg」「png」「gif」「pdf」などのファイル形式が使えます【画像はどしどしアップロードしても大丈夫でしょう!?但し、コンテンツ・エリアの領域を考えて、横幅の最大サイズは、(600px-10px-10pxで)”580pxくらいまで、できれば、”550px“までに留めておくべきでしょうね】
・音声系ファイル:「mp3」「m4a」「wav」「ogg」などのファイル形式が使えます【但し、「wav」ファイルは容量がバカでかくなるのでお奨めしません;WP推奨の”SoundPlayer“を使うのであれば、「mp3」ファイルしか受け付けないようです。ただ、”外部ファイル“にリンクを貼れば、例えば、”WMP:WindowsMediaPlayer“対応の”wma“のファイルを鳴らすことも可能です】
・動画系ファイル:もちろん、動画ファイルもアップロードは可能ですが、ファイルサイズがべらぼうに大きいので、恐らく、「有料サイトへ移行して下さい!」という誘導がなされる筈です【※動画を再生させるには、基本的には”メタリンク“という方法を使います。”Smart YouTube“というプラグインを使えば簡単にできるのですが、ココのオンライン・ブログでは対応していないようです】
・その他のファイル:「doc」【MS-Word文書ファイル】「ppt」【MSパワーポイント・ファイル】「pptx」「docx」など、”MSオフィス“系文書にも対応
…という”豆知識”を念頭に置いて、「管理画面」【DashBoard】の[メディア]ボタンを押して下さい!!
[↓※こんな画面が見えてくることでしょう!?※↓]
~ココは、(登録メディアの)”編集のためのページとなっています。【今は開設直後なので、あなたのメディアはまだありません】
※じゃあ、次に進みましょう!!【本日の”メイン“です】
~今度は、左のメニューの[編集]のスグ下の[Add New]ボタンを押してみて下さい!!
[↓※こんな画面が浮かび上がってくるでしょう!?※↓]
~いよいよ、ココであなたの記事を彩る「メディア【画像など】をアップロードしていきます。【ココからは、殆どが”マウス操作“だけですので、スクリーンショットを中心に解説していくことにしますね】
①(浮かび上がってきた丸い”f“マークの)[flash uploader]ボタンを押して下さい!!【↓※下図※↓】
(すると…↓)
②(浮かび上がってきた)[ファイル参照]ボタンを押して下さい!!【↓※下図※↓】
(すると…↓)
③(あなたのPCの中の[ファイル・フォルダ]が開きますので)アップロードしたいファイルを選択〔マウスで(左)クリック〕し、右下の[開く(O)]ボタンを押して下さい!!【↓※下図※↓】
(すると…↓)
※ココで、アップロードしたいファイルの”情報“を確認して下さい!!
・左上:アップロード済のファイルのサムネイル(縮小)画像
・右上:アップロード済のファイルの名前
・タイトル:(赤い*印が付いています)ファイル名がそのまま(自動的に)書き込まれている筈です
・キャプション:いわゆる”代替テキスト“を書き込んで下さい【何らかの事情で画像等が表示されない時のための措置です;ココでは、「Bloggerdesu’s Blog エントリー・デモ:スクリーンショット」としています】
(・説明:ココは特に何も記入する必要はありません)
・ファイルURL:WP.comファイルの格納場所【URL】は、原則として、「http://[your account-name].files.wordpress.com/[year]/[month]/」となっています【※このことを一応念頭に置いておいて下さい!!将来、自由自在に画像等をエントリーに”挿入“したりする際に必要になります。尚、《HTMLタグ等による画像(イメージ)の挿入》については、後の「特説コラム」の所で解説します】
~ココまで確認したら、左下の[保存する]ボタンを押して下さい!!
[↓※こんな画面が見えてくることでしょう!?※↓]
※ハイ、またまた《メディア・ライブラリー》へ戻りました!!
~今度は、今アップロードされたばかりのファイルの”サムネイル(縮小)“画像と”ファイル名“が正しく表示されていますね!?
※これで、一通り、「管理画面」【DashBoard】には殆ど全部触れたことになります。そろそろ、慣れてきたのではないでしょうか!?
★本日はココまで!! 臆せず、気軽に触ってみて下さい!!
⇒明日〔第七日目〕は、一応”最終日”。「五番目の設定」【統計の準備(WP-Statsやスパム対策等)】です!!
~あなたのブログを”管理”し”守る”準備に取り掛かりますよ!
♪fitted BGM〔Richard Burmer〕:Across the View performed by Richard Burmer, 1987!?
【↑ ※リンクをクリックすると、WMP:WindowsMediaPlayerが立ち上がり曲が聴けます※↑】
※このコーナーでは、邪魔にならない”癒し系”【NewAge】の音楽のほうがイイでしょう!?【BGMは要らないよ…という人はクリックしないで下さいね】
Day5:三番目の設定【「投稿」(エントリー)の準備に向けて】
皆さん、今日ワン!>凹U^ェ^U…垂れ耳犬です!!
さあ今日は後半の五日目…今日は、自分のブログの「管理画面」【DashBoard】へ入って、いよいよ自ら”投稿“【”エントリー“】を作成する準備をしましょう!!
では、早速、「自分のブログ」【ここでは、”Bloggerdesu’s Blog“】へアクセスし、(昨日やったように)「管理画面【DashBoard】へ行ってみましょう!!
[注]ココから先は、WEBブラウザー【IE:InternetExplororやFF:FireFoxなど】でリンクを”右”クリックし、新しい”タブ”で開いてみて下さい。そうすれば、いちいち新しくブラウザーを立ち上げることなく、”タブ”の切り替えだけで「解説」と「サイト」を見比べながら読み進めることができます。
[↓※ちゃんと、「管理画面」(DashBoard)が表示されましたか!?※↓】
※さて、左側にずらーっと並んでいるメニューの上から二番目【上の画像では薄いピンク色で塗っている所】に[投稿]というのがありますね!?そこが今日専らイジる所です。
~[投稿]の所にマウスポインターを持っていくと薄~い”▼印”が浮かび上がると思いますので、それを(左)クリックして下さい!!
⇒下図のように、「プルダウン・メニュー」が表示される筈です。
[↓※こんなメニューが見えてくることでしょう!?※↓]
1.編集(Edit):既に投稿した記事の編集(Edit)を、ココで行ないます
2.Add New(新規投稿):これから新しく記事を投稿(エントリー)するのは、ココから行ないます
3.タグ(Tag):投稿(エントリー)ごとのタグ(キーワード)について、ココで設定できます
4.カテゴリー(Category):投稿(エントリー)ごとの対象カテゴリー(ジャンル)について、ココで設定できます
※それでは、個別に解説していくことにしますね。【各メニューを(左)クリックして開いてみて下さい】
《ミニ解説:効率的な「投稿」(エントリー)方法》
・「記事」(コンテンツ)の”テキスト“は、予め普段使っている《ワープロ》や《エディター》に打ち込んでおくと、後の作業がやりやすくなります
・「画像」については、予めWP.comのサーバーへ”UL“【アップロード】しておくことが望ましいのですが、これは明日やりますね
・一つの「投稿(エントリー)で、先に決めておかないといけない項目は -
①タイトル:キャッチャーな”表題を付けて下さい
②カテゴリー:投稿の対象とする”ジャンル“のことです
③タグ:投稿の中で、特に強調したい、または、検索して欲しい”キーワード“のことです
④本文:投稿の”コア・コンテンツ“そのものです ← ココへ《ワープロ》とかから貼り付けます
⑤スケジュール:投稿を、”即時公開するか!?それとも、”予約公開“するか!?などのスケジュールを立てます
…という”豆知識”を念頭に置いて、「管理画面」【DashBoard】の[投稿]ボタンを押して下さい!!
[↓※こんな画面が見えてくることでしょう!?※↓]
~ココは、(既存記事の)”編集のためのページとなっています。【今は開設直後なので、あなたの記事はまだありません。なので、プログラムが予め用意した”デモ記事:”Hello world!”が表示されています】練習用のサンプルとして置いておきたいのならそのままでもイイですが、不要なら、表題の左隣にある□に”チェック“を入れ、上下にある[一括操作]のプルダウンメニューから[削除する]を選び(左)クリックして下さいね。
※じゃあ、次に進みましょう!!【本日の”メイン“です】
~今度は、左のメニューの[編集]のスグ下の[Add New]ボタンを押してみて下さい!!
[↓※こんな画面が浮かび上がってくるでしょう!?※↓]
~いよいよ、ココであなた自身の「記事【コンテンツ】を作っていきます。【先述の《ミニ解説》に従って進めていきましょう!!】
「投稿」【エントリー】の”タイトル“を決めましょう!!
~”キャッチャー“で印象深いものに!!
「投稿」【エントリー】の”カテゴリー“を決めましょう!!
~今はデフォルト設定のままですから、”Uncategorized“【未分類】しかない筈です。スグ下にある「新規カテゴリーを追加」の下線付リンクを(左)クリックし、投稿内容にふさわしい”ジャンル“【テーマ】を決めて下さいね
「投稿」【エントリー】の”タグ“を決めましょう!!
~記事の中で、特に強調したいまたは検索して欲しい“キーワード“を選びましょう!!【一つのタグとタグの間は、スペース(空白)ではなくて、”半角のカンマ“”,“で区切って下さいね】
さあ、あなたの「投稿」【エントリー】の”記事本文“を書き込みましょう!!
~注意点としては、右上のタブが[HTML]になっていることを確認してから、このボックスに文章を直接”入力“するか、または、日頃から使っている《ワープロ》などから予め書きためた文章を”コピペ“【コピー&ペースト】するなどして下さい。
⇒入力し終えたら、右上の左隣のタブ:[視覚的]【preview】を(左)クリックして、表示の様子を確認してみて下さいね
「投稿」【エントリー】の公開”スケジュール“を決めましょう!!
~今スグ公開しても構わないのなら、右下の(上の図では赤く塗ってある)[公開]ボタンを押して下さい!!
※期日指定の「予約投稿」ならば、「公開状態:」の横にある編集の下線付リンクを(左)クリックして下さいね
⇒[年][月][日][時][分]を指定するフォームが開きますので、「2009年5月22日09時00分」のようなスタイルで指定して下さい!!
⇒右下の[公開]ボタンが[Schedule]ボタンに替わっていますよね!?それを(左)クリックすれば、「予約投稿」完了!!です
[↓※ここまでの「入力」とかの様子は下の画面のようになっていますね!?※↓]
※「記事を公開しました。」というメッセージが黄色のハイライトボックスの中に表示され、そのスグ右隣に「記事を見る」という下線付リンクがあるので、それを(左)クリックし、今投稿したばかりの記事を確認してみて下さい!!
[↓※一応、《プレビュー(DEMO)画面》を掲げておきますね!?※↓]
※次は、左のメニューの[編集]の二つ下の[タグ]ボタンを押してみて下さい!!
[↓※こんな画面が浮かび上がってくるでしょう!?※↓]
~ココは、一回一回の投稿ごとにいくらでも”タグ“【キーワード】の設定はできるので、あまり触る必要はなさそうです
※最後に、左のメニューの[編集]の三つ下の[カテゴリー]ボタンを押してみて下さい!!
[↓※こんな画面が浮かび上がってくるでしょう!?※↓]
~ココも、一回一回の投稿ごとにいくらでも”カテゴリー“【ジャンル】の設定はできるので、あまり触る必要はなさそうです【但し、カテゴリー(ジャンル)に”階層構造“を持たせたい時などはココで設定する必要があります。】
※これで、一通り、(テキストだけですが)あなた自身の”投稿【エントリー】をする準備は整いました。
~臆せず、どしどし投稿してみて下さいね
★本日はココまで!! 何でもイイですから、あなた自身を表現してみて下さい!!
⇒明日〔第六日目〕は、「四番目の設定」【メディア(画像/音声/動画など)の準備】です!!
~あなた自身の”コンテンツ”を彩る準備に取り掛かりますよ!
♪fitted BGM〔Richard Burmer〕:Across the View performed by Richard Burmer, 1987!?
【↑ ※リンクをクリックすると、WMP:WindowsMediaPlayerが立ち上がり曲が聴けます※↑】
※このコーナーでは、邪魔にならない”癒し系”【NewAge】の音楽のほうがイイでしょう!?【BGMは要らないよ…という人はクリックしないで下さいね】
Day4:二番目の設定【「デザイン」(スタイル/レイアウト/テーマ/スキン)の決定】
皆さん、今日ワン!>凹U^ェ^U…垂れ耳犬です!!
さあ今日は中日の四日目…今日は、自分のブログの「管理画面」【DashBoard】へ入って、ブログの”デザイン“とかをイジってみましょう!!【今日は、殆どがマウスでの作業となります】
では、早速、「自分のブログ」【ここでは、”Bloggerdesu’s Blog“】へアクセスし、(昨日やったように)「管理画面【DashBoard】へ行ってみましょう!!
[注]ココから先は、WEBブラウザー【IE:InternetExplororやFF:FireFoxなど】でリンクを”右”クリックし、新しい”タブ”で開いてみて下さい。そうすれば、いちいち新しくブラウザーを立ち上げることなく、”タブ”の切り替えだけで「解説」と「サイト」を見比べながら読み進めることができます。
[↓※ちゃんと、「管理画面」(DashBoard)が表示されましたか!?※↓】
※さて、左側にずらーっと並んでいるメニューの中ほど【上の画像では薄いピンク色で塗っている所】に[外観]というのがありますね!?そこが今日専らイジる所です。
~[外観]の所にマウスポインターを持っていくと薄~い”▼印”が浮かび上がると思いますので、それを(左)クリックして下さい!!
⇒下図のように、「プルダウン・メニュー」が表示される筈です。
[↓※こんなメニューが見えてくることでしょう!?※↓]
1.テーマ(Theme):ブログのでデザイン(外観)についての設定をします
2.ウィジェット(Widgets):サイドバーなどでのウィジェット(ブログパーツ)についての設定をします
3.Extras(その他):ここは当面は何も触れないでよいでしょう
4.Custom Header(カスタムヘッダー):ヘッダーをイジる場合ですが、ここもそのままで
5.ヘッダーの色:CSS等にあまり詳しくない場合は、イジらないほうがよいでしょう
6.CSSを編集:これは、超難関の作業ですので、触らないで下さい
※それでは、個別に解説していくことにしますね。【各メニューを(左)クリックして開いてみて下さい】
《ミニ解説》
・WPの構造:基本的に、「テンプレート」と言うのですが、”PHP“というコアファイルと”CSSというレイアウトファイルを組み合わせてページを表示しています
・基本テンプレート:”index.php“+”style.css”
・ブログの”レイアウトパーツ“:”index.php“は順々に次の”レイアウトパーツを呼び出します
~”index.php“→”header.php“【ヘッダー】→”sidebar.php“【サイドバー】→”footer.php“【フッター】
・CSSの役割:詳細な”レイアウト“規定や”文字装飾“などについてコントロールします
…という”豆知識”を念頭に置いて、「管理画面」【DashBoard】の[外観]ボタンまたは[テーマ]ボタンを押して下さい!!
[↓※こんなページが見えてくることでしょう!?※↓]
~ココは、”テーマ“【PHPファイルとCSSファイルのセット】のギャラリーサイトみたいなものです。【全部で50個近くのテーマ・セットが並んでいます。1ページに15個ずつ表示しています】四番目(二段目の先頭)に薄いピンク色に塗っているテーマがありますね!?この”Andreas04“というのが、私がこのブログで使っているテーマです。
※では、この”Andreas04“というテーマのサムネイル(縮小)画像を(左)クリックして見て下さい!!
⇒何と!このテーマを利用した場合の”プレビュー”画面が浮かび上がってきますよね!?
[↓※こんな画面が浮かび上がってくるでしょう!?※↓]
~一通り見終わったら、左上の[×]ボタンを押して元の画面に戻って下さいね
※同じ調子で、他の”テーマ“も”プレビュー画面”で見てみて下さい。
~デザインはココで[ボタン]一発で切り替えられるのです。簡単だし楽チンでしょ!?【これが、WPをオススメする大きな理由の一つでもあります】
※じゃあ、次に進みましょう!!
~今度は、左のメニューの[テーマ]のスグ下の[ウィジェット]ボタンを押してみて下さい!!
[↓※こんな画面が浮かび上がってくるでしょう!?※↓]
※この「ウィジェット」【Widgets】というのも、WPの魅力の一つで、サイドバーなどによく使われる”ブログパーツ“をマトメたもの。
~代表的なものは -
・アーカイブ:(過去の)投稿履歴をマトメたもの【年月別/最新版/カテゴリー別など、いろいろなバリエーションがあります】
・カテゴリー:投稿のテーマやジャンルをまとめやたもの
・カレンダー:アーカイブと連動させたものです
・タグ・クラウド:いわゆるトピックスとなるキーワードを集めマトメたものです
・テキスト:(X)HTMLやCSSの知識があれば、ココへ自由に”PR文”などを表示させることができます
・ブログ統計:内蔵の”WP-Stats“を利用して、”アクセス数“や”人気の記事“などを表示させることができます
・ページ:(ブログとは独立した)”ページ“を自由に表示させることができます【「静的なページ」または「固定ページ」とも言います】
・メタ:いわゆる「サイト情報」や「管理者のためのページ」へのリンクです
・リンク:”相互リンク“や”お気に入り“のリスト集です
・検索:このブログ内を”検索“するためのリンクです
…等々、様々な便利なツールが揃っています。
※今回、私たちのブログはまだ出来たてのホヤホヤですから、コンテンツもウィジェットも何もありません。なので、練習として、「カレンダー」を表示させてみましょう!!
~この[ウィジェット]画面で、左側には使用可能な”ウィジェット・バー“がズラーっと並んでいますね!?
その上から三番目に[カレンダー]バーがあるでしょう!?
それを、右側にある(まだ何もない空っぽの)”[サイドバー(1)]“の所へ”ドラッグ&ドロップ“してみて下さい!!
⇒”[サイドバー(1)]“のプルダウンメニューが開いて、タイトル:が書き込めるようになります。そこへ「カレンダー」と書き込んでみて下さい!!
⇒書き込んだら、右下の[保存]ボタンを押して下さいね
~これで、あなたのブログに「カレンダー」が追加されました!!
※さて、またまた[テーマ]メニューに戻りましょう!!【(左)クリックして下さい!!】
~先ほどの”[テーマ・ギャラリー]に戻ると思いますので、再度”Andreas04“のテーマをプレビューします
⇒今度は、プレビュー画面で右上の“Andreas04を有効にする”のリンクを(左)クリックします【つまり、”Andreas04“のテーマを使うということです】
⇒三度、[テーマ・ギャラリー]に戻りますが、左上に「現在のテーマ:Andreas04」と表示されているでしょう!?
⇒Blogのタイトルである”Bloggerdesu’s Blog“のスグ右隣に[サイトを表示]というボタンがあるので、これを押して下さい!!
[↓※こんな画面が見えてくることでしょう!?※↓]
※どうですか!?少しは、ブログらしくなってきましたね…先ほど設定した「カレンダー」が右側のサイトバーにちゃんと反映されていますね!?
~尚、この”Andreas04“のテーマには次のような特徴があります。
・左側に「コンテンツ(投稿記事)」を、右側に”二列”の「サイドバー」を表示するタイプ
・「サイドバー」のトップは「アバウト(ページ)」であり、ココは[ウィジェット]からではなく、[ページ]の所で編集しないと反映されないこと
・「サイドバー」の内、外側は”デフォルト設定“済のものであり、[ウィジェット]から設定できるのは”内側”のサイドバーだけであること
※WPの”とっつきやすさ“については理解していただけたのではないでしょうか!?
★本日はココまで!! 少しはなじんできたので楽しかったでしょ!?
⇒明日〔第五日目〕は、いよいよ「三番目の設定」【投稿(エントリー)の準備】です!!
~あなた自身の”コンテンツ”を作る準備に取り掛かりますよ!
♪fitted BGM〔Richard Burmer〕:Across the View performed by Richard Burmer, 1987!?
【↑ ※リンクをクリックすると、WMP:WindowsMediaPlayerが立ち上がり曲が聴けます※↑】
※このコーナーでは、邪魔にならない”癒し系”【NewAge】の音楽のほうがイイでしょう!?【BGMは要らないよ…という人はクリックしないで下さいね】
Day3:最初の設定【「管理画面」(DashBoard)を使いこなす】
皆さん、今日ワン!>凹U^ェ^U…垂れ耳犬です!!
今日は三日目…昨日、無事に「あなたのブログ」が開設されました!【筈ですよね!?】
…で、表題の通り、今度は自分のブログの「管理画面」【DashBoard】へ入って、”最初の設定“にチャレンジする日です。
では、早速、「自分のブログ」【ここでは、”Bloggerdesu’s Blog“】へアクセスしてみましょう!!
[注]ココから先は、WEBブラウザー【IE:InternetExplororやFF:FireFoxなど】でリンクを”右”クリックし、新しい”タブ”で開いてみて下さい。そうすれば、いちいち新しくブラウザーを立ち上げることなく、”タブ”の切り替えだけで「解説」と「サイト」を見比べながら読み進めることができます。
①「自分のブログ」のサイトにアクセスします!! ← 《お気に入り登録》済ですよね!?
[↓※こんなページが見えてくることでしょう!?※↓]
※右下のメニューの[メタ]のスグ下に、・ログイン(または管理画面)とあるでしょう!?そこを(左)クリックして下さい!!
~すると…
[↓※こんなページが見えてくることでしょう!?※↓]
…そして、しばらくすると…
[↓※こんなページが見えてくることでしょう!?※↓]
※最上段の[記憶する]ボタンを押し、【これで、あなたのユーザー名(アカウント)とパスワードがPC内に保存されます…これをクッキー保存と言います】
~そして、中央のログイン画面で -
・ユーザー名:(ここでは)「bloggerdesu」でしたね!?
・パスワード:(ここでは)「PassWord2009」でしたね!?
…を確認または入力し、スグ下の「アカウントを覚える」にチェックを入れてから、右下にある[ログイン]ボタンを押して下さい!!
[↓※こんなページが見えてくることでしょう!?※↓]
※一見、「アレッ!?」と思ったことでしょう!?チョット、違うよ~…エェ、それでイイんです。
~今は、「管理画面」【DashBoard】のトップページ【”ダッシュボード“】が表示されている筈ですから…こう出ていますよね!?
[現況]
概況
・ 1 Post(投稿) | 1 Comment(コメント)
・ 1 Page(ページ) | 1 Approved(承認)
・ 1 Category(カテゴリー) | 0 Pending(保留)
・ 1 Tags(タグ) | 0 Spam(スパム)
Theme Kubrick with 0 Widgets [テーマ変更] …という感じに。
~これらは、デフォルトで(最初から)ビルトインされたデータを反映しているだけです。
《ミニ解説》
・Post:いわゆる投稿(エントリー)のことです
・Page:独立したページ【静的ページ】のことです
・Category:カテゴリーつまりジャンルのことです
・Tag:タグすなわちキーワードのことです
~これらは、明後日の「三番目の設定」の所で扱います。
※それで、今日は、いわゆるブログの「設定」からやりましょう!!
~今開いている「管理画面」【DashBoard】の左側にずらーっとメニューが並んでいるでしょう!?その下から二番目に[設定(Settings)]とありますね!?その右端にマウスポインターを持っていくと、薄~く▼印が浮かび上がってくる筈です。それを(左)クリックしてみて下さい!!
⇒サブメニューが九つ、プルダウンして表示される筈です。
[↓※こんなメニューが見えてくることでしょう!?※↓]
1.一般設定(General Settings):ブログ全般についての設定をします
2.投稿(Writing)設定:投稿(エントリー)についての設定をします
3.表示(Reading)設定:表示(見せ方)についての設定をします
4.ディスカッション(Discussion)設定:コメントのやり取りなどについて設定します
5.メディア(Media)設定:メディア【画像/音声/動画】について設定します
6.プライバシー設定:プライバシー(表示方法)などについて設定します
7.ブログを削除:いわゆる「退会」についての注記
8.OpenID:(今回、これには触れません)
9.ドメイン:自分の独自ドメインなどについての設定
※それでは、個別に解説していくことにしますね。【各メニューを(左)クリックして開いてみて下さい】
S-1.一般設定(General Settings):
~右上にあるBlog Pictureは、明々後日のメディアの所で扱います
・ブログ名:(ここでは)「Bloggerdesu’s Blog」の筈です ← 後から変えられます!!
・Tagline:(ここでは)「Just another WordPress.com weblog」の筈です ← いわゆる”サブタイトル“で、これも後から変えられます!!
・言語:(最初から)「ja – 日本語」となっている筈です ← このまま触れないでおきます
・Eメールアドレス:(ここでは最初に登録した時の)「email-address@e-mail.com」の筈です ← これも、そのままにしておきます
・タイムゾーン:(日本なら)「UTC+9」が正解です ← プルダウンメニューより「UTC+9」を選びます
・日付の書式:(一番上の)「2009年5月19日」を選んでおきます【チェック】
・時刻の書式:(一番上の)「2:44 午後」を選んでおきます【チェック】
・週の始まり:(一般的には)「日曜日」なので、プルダウンメニューから「日曜日」を選びます
⇒一通り設定し終えたら、左下の[変更を保存]ボタンを押すことを忘れないように!!
S-2.投稿設定(Writing):
~”デフォルトの設定のままで、何も変更する箇所はありません
S-3.表示設定(Reading):
~ここも、”デフォルトの設定のままで構いませんが、下から二行目の英文:「For each article in enhanced feed, show」の所だけは、「タグ」にチェックを入れておいたほうが良さそうです
⇒もし変更したなら、左下の[変更を保存]ボタンを押すことを忘れないように!!
S-4.ディスカッション(Discussion):
~これが、アメリカ生まれのブログらしい所ですが、いわゆるコメントのやり取りについてのルール付けみたいなものです。中ほどの英文:「Before a comment appears」の所だけは、「管理者(あなたのことです)によるコメントの事前承認が必要」にチェックを入れておいたほうが無難でしょうね!?【「コメント・モデレーション」と「コメント・ブラックリスト」はいわゆる”スパマー対策“を兼ねるものですが、最初のうちは必要ないでしょう】
⇒もし変更したなら、左下の[変更を保存]ボタンを押すことを忘れないように!!
S-5.メディア(Media)設定:
~ブログで使う画像や音声や動画などについての設定ですが、ココは何も手を触れる必要はなさそうです
S-6.プライバシー(Privacy)設定:
~いわゆるブログの”公開の仕方“についての設定ですが、一種の”会員サイトのような”限定的公開“にしたいのなら、「このブログを選択した特定の読者のみに公開する」にチェックを入れるべきでしょうね
⇒もし変更したなら、左下の[変更を保存]ボタンを押すことを忘れないように!!
S-7.ブログの削除:
~WordPressのブログは、基本的に、”永世ブログ“たることを目指して作られました。【あの”911“後に急速に普及が進んだのはそのためでもあります】言わば、自分の”生きた証“として、”Life Log“として、未来永劫生き残ることを目指しているのです。だから、よほどのことがない限りはブログを削除する必要はありません。【”Automattic社“が存続する限り、あなたの”My Blog“はその死後も生き続けるかもしれないのです…いずれは、“遺産(Legend)“となるかもしれません】
S-8.Open ID:
~ここは、特に手を触れる必要はありません
S-9.ドメイン:
~ここも、特に手を触れる必要はありません【自分の”ドメイン“で使いたいかもしれませんが、”Automattic社“に管理を任せているほうが安心・安全ですし、むしろ楽チンですよ!!】
※最後に、「リンク(Link)」と「ページ(Page)」と「ユーザー(User)」について…
[↓※こんなメニューが見えてくることでしょう!?※↓]
1.編集(Edit):既存リンクの編集に関するメニューです
2.Add New(新規追加):リンクの新規追加に関するメニューです
3.リンク・カテゴリー(Link Category):リンクのカテゴリー(ジャンル)に関するメニューです
[↓※こんなメニューが見えてくることでしょう!?※↓]
1.編集(Edit):既存(独立)ページの編集に関するメニューです
2.Add New(新規追加):(独立)ページの新規追加に関するメニューです
[↓※こんなメニューが見えてくることでしょう!?※↓]
1.投稿者(Writer)とユーザー(User):ブログへの参加ルール全般に関するメニュー
2.あなたのプロフィール(Profile):ブログのアバウト(About)などでも表示する、あなたの自己紹介などに関するメニュー
3.招待状:あなたから友人・知人に送ることができる「招待状」に関するメニュー
~ブログを通じて《人と人とを結びつなぐ仕組み》がふんだんに盛り込まれたブログでもありますね
★本日はココまで!! お疲れ様でした!!
⇒明日〔第四日目〕は、「二番目の設定」【デザイン(スタイル/レイアウト/テーマ/スキン)の決定】です!!
~WP”らしさ”を存分に感じて下さい!!
♪fitted BGM〔Richard Burmer〕:Across the View performed by Richard Burmer, 1987!?
【↑ ※リンクをクリックすると、WMP:WindowsMediaPlayerが立ち上がり曲が聴けます※↑】
※このコーナーでは、邪魔にならない”癒し系”【NewAge】の音楽のほうがイイでしょう!?【BGMは要らないよ…という人はクリックしないで下さいね】