ブログマニュアル~開設から最初の投稿まで

開設告知メールの到着

入会申し込み手続きを行い、リブロワークスでの受け付け処理が完了すると2通のメールが届きます。 1つは対戦ゲームの実行に必要なゲームクライアントIDとそのパスワード、もうひとつはブログIDとブログパスワードです。 ブログの利用にはブログIDとブログパスワードを使います。

ゲームクライアントIDの告知メール

ブログIDの告知メール

ブログへのログイン

ブログIDの告知メールにある「以下のURLで作成されました。」の後のURLをクリックすると、あなたのブログページが表示されます。 下のほうにある「ログイン」をクリックしてください。

ログイン画面でブログIDとパスワードを入力し、「ログイン」ボタンをクリックします。

ログインするとダッシュボード画面が表示されます。 これがブログの設定や投稿を行う管理画面です。

ブログの初期設定

自習室のブログシステムはWordPress MUを採用しており、さまざまなカスタマイズが可能です。 細かいカスタマイズ方法は公式などを参考にしていただくとして、まずは自習室が推奨する設定を行いましょう。 これを行わないと、以降の解説どおりにゲームプログラムを投稿することができません。


・一般設定

右側の「設定」タブをクリックし、「一般設定」をクリックします。 この画面ではブログタイトルやキャッチフレーズ(ブログのサブタイトル)などを編集できます。 また、「メンバーシップ」をオンにすると、自習室ユーザー以外のコメント投稿を禁止することができます。 設定が終わったら「変更を保存」ボタンをクリックして反映させます。

ちなみに、Wordpress muにはコメントスパム対策機能が組み込まれており、誰かがあなたの記事にコメントを付けるとそれを告知するメールが届きます。 メールのリンクをクリックして、コメントを削除したり、その人から二度とコメントされないようスパム指定することができます。


・投稿設定

「投稿設定」をクリックし、「リモート投稿」「Atom投稿プロトコル」「XML-RPC」をオンにして、「変更を保存」ボタンをクリックします。 これで「Windows Live Writer」などのブログワープロを使って記事を投稿できるようになります。 必ずブログワープロを使わなければいけないわけではありませんが、ソースコードや表の挿入が楽になります。


・パーマリンク設定

初期設定では記事のパーマリンクに記事タイトルが使われるため、日本語の記事名だと長くて読みにくいものになってしまいます。 「パーマリンク設定」をクリックし、数字ベースを選択して「変更を保存」ボタンをクリックします。


・プラグイン設定

最後になりましたが、この「プラグイン設定」がもっとも重要な設定です。 自習室ブログではプラグインを使ってJavaやFlashプログラムを表示しているからです。
「プラグイン設定」をクリックし、 「Google Syntax Highlighter for WordPress」「Show SWF and JAR」をオンにして「使用する」ボタンをクリックします。

「Syntax Highlighter」は、ソースコードを「<pre name="code" class="js"></pre>」で囲むと予約語の色分けと行番号付きで表示してくれます。 Windows Live Writerを使っている場合は SyntaxHighlighter for Windows Live Writerを併用するとさらに楽になるので ぜひお試しください。


Wordpress muはサイト管理者でなければプラグインのインストールができません。 サイトの安定性を保つために原則的に最低限必要なものしかインストールしていませんが、 どうしてもこれが使いたいという方は管理人ブログまでご連絡ください。

ブログのデザインを変える

Wordpressでは「テーマ」を変更することで、簡単にブログデザインを変えられます。 ログイン直後は「Wordpress mu default」というやや無骨なテーマが使われているのでこれを変更しましょう。
自習室ブログでは「Vicuna」のバリエーションの「wp.Vicuna Ext.」というテーマがインストール済みです。 このテーマはスキンを追加することで複数のデザインを選択できます。
なおヘッダーなどに、自習室とリブロワークスのロゴとリンクが入る点はご了解ください。


・テーマの変更

左上の「デザイン」タブをクリックします。使用可能なテーマが表示されるので、「wp.Vicuna Ext.」のプレビューをクリックします。

右上の「wp.Vicuna Extを使用する」をクリックします。


・スキンの変更

wp.Vicuna Extを選択するとその設定用の項目が表示されるので、「Vicuna Config」をクリックします。
「Skin」から好みのスキンを選択します。 「Language」は「ja」を選択、 「Eye Catch Type」からバナー画像を表示する位置を選択します。 「Gloval Navigation」ではヘッダの下に表示されるメニューの内容を選びます。 「pages」と「display Home」の選択がおすすめです。
最後に「Save Changes」をクリックします。


・レイアウトの設定

「レイアウト」をクリックすると、段数を選ぶことができます。ここはお好みで選択してください。
上の「サイトを表示」ボタンをクリックするとテーマの設定結果が見られます。

スキンを反映した結果です。ダッシュボード画面に戻るには、ブラウザの「戻る」ボタンをクリックするか 下のほうにある「サイト管理」をクリックします。

今のところアイキャッチ画像は自習室のロゴが入っているだけですが、 後々拡充して「大人向け」「子供向け」などのバリエーションを持たせていく予定です。

ブログの投稿

準備が完了したのブログに記事を投稿してみましょう。
左上の「作成」タブをクリックし、タイトルと投稿本文を入力して「公開」ボタンをクリックします。
すぐに公開しない場合は「保存」ボタンをクリックして下書きとして保存しておくこともできます。

記事を公開すると自動的に「管理」タブに切り替わります(切り替わらない場合はクリックしてください)。 「管理」タブでは投稿記事の編集や削除を行うことができます。
投稿記事を見るには、「サイトを表示」ボタン「投稿を表示」のどちらかをクリックします。

記事が投稿されました!


・ページも使ってみよう

Wordpressには通常の投稿記事の他に、「ページ」を書くことができます。
記事は最新情報がどんどん追加されるため、古い情報はブログの奥に追いやられてしまいます。 「プロフィール紹介」のようにつねに表示しやすい場所に置きたい記事は、 「ページ」にしておけばグローバルナビのメニューをクリックしてすぐに表示できます。
「ページ」は完成したゲームのアップロード先としても最適です。 せっかく作ったゲームが検索しないと見つからないのでは台無しですからね。


これでブログの基本操作の説明はおわりです。Wordpressには他にもさまざまな機能がありますが、ブログ管理に関しての詳細は公式サイトなどを参照してください。 なお、Wordpressにはシングルユーザー用の「Wordpress」とマルチユーザー用の「Wordpress mu(μ)」の2種類があり、若干操作が異なるのでご注意ください。当サイトではμを使用しています。


マニュアル目次ページへ戻る