emidujapon.com

Officially this is my arena, finally.

Archive for the ‘WordPress’ tag

[おっぺけWordPress]Webページにソースコードを載せる方法

leave a comment

fork bomb done
先ほどの記事、ソースコードをコピペしたら、表示されませんでした。

解決方法を調べていたら、ソースコードをWebページで表示させるには、2つのことが必要であることがわかりました。

  1. <pre>というタグで囲まなくてはならない
  2. <、>はそれぞれ&lt;、&gt;に変換しなくてはならない

そして、さらに検索していたら、表示させたいソースコードを入力するだけで上記の2つのステップを一気にやってくれるサイトが見つかりました。

どうやらBlogger用のものみたいなのだけど(というかどうみてもBlogger向け)、テキストエリアにソースコードを入力し(コピペでOK)、「変換」ボタンを押したら出てくる下のテキストエリア部分をコピペすれば、WordPressでも問題なく表示されます。

私は専門家でもなんでもないので登場回数はそれほどでもないと思うけれど、覚え書き用に、ね。
便利です。

Creative Commons License photo credit: Silveira Neto

 

Related Posts:

Written by Emi

February 3rd, 2010 at 10:28 pm

Posted in おっぺけWordPress

Tagged with

[おっぺけWordPress]クリエイティブ・コモンズ・ライセンスについて

one comment

Stop Driving
さて、私のこのブログは、別記されている場合を除いて、全てのコンテンツの利用についてクリエイティブ・コモンズのライセンスの下で許諾されています。

なんていうと、どういうことだ?という感じですが、簡単にいえば、私がお願いする条件を満たしてくれていれば自由に使っていいよってことです。
そして、お願いする条件がクリエイティブ・コモンズ・ライセンスによって規定されているのです。

「クリエイティブ・コモンズ」とは、知的財産の保護を図りつつ、積極的な著作物の流通を促進することを目的に運営されている、米国の非営利団体であり、クリエイティブ・コモンズが提唱する新しい著作権のライセンス方法というのが「クリエイティブ・コモンズ・ライセンス」です。

コンテンツの流通の促進は、埋もれてしまいかねない才能を発見する機会を増やしてくれます。
YouTubeでのスーザン・ボイルさんがそのすてきな例ですね。

私のブログはごく私的なもので、誰かに利用してもらうことを前提として書いてはいませんが、クリエイティブ・コモンズの考え方に大いに賛成しているので、こういう活動があるということをみんなにも知ってもらえたらなあという理由で、フッターに下記のように付記しています。

Copyright © 2004-2010 emidujapon.com
Except where otherwise noted, content on this website is licensed under the Creative Commons Attribution-Share Alike 2.1 Japan License.

Attribution(表示)は、私の(原著作者の)クレジットを表示してねってお願いです。
Share Alike(継承)は、私が作ったものを改変したら、元のものと同じ条件で頒布してねってお願いです。
Japanと表示されていることで、日本の著作権法によって解釈するよということを示しています。

その他にも場合によっては、「営利目的で使用しないでね」とか、「改変しないでね」とお願いすることができます。

詳しいことは、下記のサイトをご覧いただくとわかりやすいと思います。

WordPressでのフッターへの記載の方法は以下の通りです。
(このブログはiNoveというテーマを使用しているので、他のテーマをお使いの場合は、異なる部分があるかもしれません。ご了承下さい)

ダッシュボードのサイドバーで、Appearance→EditorからFooter (footer.php)のページに移動します。
そこからcontrol + Fで

<div id="themeinfo">

を探し、その直前に

<div>
<?php print ('Except where otherwise noted, content on this website is licensed under the <a href="http://creativecommons.org/licenses/by-sa/2.1/jp/">Creative Commons Attribution-Share Alike 2.1 Japan License</a>.');?>
</div>

を入れるだけ。

かんたん。

Creative Commons License photo credit: Adrian Miles ©

 

Related Posts:

Written by Emi

February 3rd, 2010 at 10:12 pm

Posted in おっぺけWordPress

Tagged with

[おっぺけWordPress]テーマの選択とヘッダーの変更

leave a comment

さて、まずはじめにやっておきたい最重要事項を終えたら、今度は楽しいテーマ選びです。

WordPressの魅力の1つは、テーマ(多くのブログサービスでは、テンプレートということが多いです)がたくさんあること。
下記の公式サイトから選びたい放題だし、その他にも探せば無料で配布しているサイトがたくさんあります。

http://wordpress.org/extend/themes/

私は数あるテーマの中から、iNoveというテーマを選択しました。

理由は以下の4つです。

  1. シンプルであること
  2. 右カラムであること
  3. 人気があるので、改変テーマである可能性がきわめて低いこと
  4. サイドバーが4つにわかれていること

サイトバーが4つに分かれているというのは、こういうことです。

タグ部分がnorth_sidebar、アマゾンの広告がwest_sidebar、Google Adsenseがeast_sidebar、カテゴリー部分がsouth_sidebarという具合に4つに分かれているのです。

私は、このwestとeastの部分に広告を置きたかったの。

というわけで、数ある中からわりとすんなりテーマを決めることができました。

それに、ヘッダー(ブログのタイトルが書かれる部分)の背景の画像は、自分の好きなものに簡単に変えられるので、オリジナリティーも出せるのです。

このテーマは、WordPress公式サイトのものなので、そのページからダウンロードボタンをクリックすれば、ダッシュボード画面サイドバーのAppearance(外観)→Themes(テーマ)に保存されていて、使いたいものをActivateするだけです。

簡単。

それでは、ついでにヘッダーの背景の画像を変える方法も併せてご紹介します。

まず、画像の用意です。

iNoveの場合、ヘッダーの画像の大きさは、高さ90px、長さ937pxなので、それに合わせてトリミングをします。
それを、ダッシュボードのサイドバーMediaから新たにアップロードをしておきます。

すると、File URLというのが表示されるので、それをコピーしておいてください。

次に、AppearanceのEditor(編集)をクリックします。
そして、右側に並んでいるリストから”Stylesheet (style.css)をクリック。

その中から、下記の文章を探します。

#header {
background:url

command+fで簡単に探せます。

そして、( )内をさきほどコピーしたFile URLに変えるだけ。

おしまい。

CSSやら何やらわからなくても簡単にできちゃいます。

iNoveは人気のテーマなので使っている人も多く、ヘッダーをそのまま利用している人も多いですが、簡単なのでヘッダーを自分で変えてオリジナリティーを出すのが楽しいと思います。

 

Related Posts:

Written by Emi

February 1st, 2010 at 9:38 pm

Posted in おっぺけWordPress

Tagged with

[おっぺけWordPress]インストールしたらまずやっておくべき3ステップ

leave a comment

さて、WordPressのインストールが成功すると、ユーザー名とパスワードが表示されるので、それをログイン画面で入力すればもう自分のブログ専用のコックピット、「ダッシュボード」に入ることができます。

すぐにでもテーマを探して、ブログの模様替えをしたいところですが、私の持っている本を見ても、グーグルでいろいろ検索してみても、インストール直後にやっておいた方がよいいくつかのことがあると書いてあります。

一般的な設定(ブログのタイトルや投稿方法やコメントの許可などなど)は、一般の無料ブログサービスとほとんど変わらないですが、WordPressならではのものは以下の3つだと思います。

  1. adminの削除
  2. パーマリンクの設定
  3. スパムコメントを弾くプラグイン「Akismet」の有効化

それでは、それぞれ簡単に紹介してみますね。

1. adminの削除

ユーザー名がデフォルトのadminのままでは、セキュリティー上よくないようなので、まず最初に自分の好きなものに変えちゃいます。

サイドバーのUsers(ユーザー)→Add New(新規追加)で新しいユーザー名を追加します。

Role(権限)をAdministrator(管理者)にするのを忘れないでくださいね。

追加ができたら、いったんログアウトして、新しいユーザーのアカウントでログインします。

再びサイドバーからUsers(ユーザー)→Authors & Users(投稿者とユーザー)にいき、adminを削除するだけ。

簡単。

2. パーマリンクの設定

ブログの記事のURLの形式をあらかじめ設定しておきます。
デフォルトの状態だと、「http://ブログのアドレス/wordpress/?p=123」となるので、ブログのアドレス以下を「日付/投稿名」や「月と投稿名」にするのがオススメだそうです。

サイドバーのPermalinks(パーマリンク設定)から変更できます。

私は、「http://www.emidujapon.com/YYYY/MM/%postname%」としています。

「%postname%」部分は、投稿時にブログのタイトルを入力すると、自動的にタイトルになります。
だいたいブログのタイトルは日本語ですが、英数字にしたほうがよいので、タイトルに合ったものに変更しています。

3. スパムコメントを弾くプラグイン「Akismet」の有効化

実は、私はコメントの他のプラグインを入れたので、もしかしたらもう機能してないかもしれないのだけど、とってもよいプラグインみたいなので、紹介しておきます。

Akismetとは、コメントスパムやトラックバックスパムを排除してくれる高機能なスパムフィルターです。
WordPressをインストールすると一緒についてくるので、別途インストールする必要はありません。

サイドバーのPlugins(プラグイン)→Installed(インストール済み)にいって、Akismetの「Activate(使用する)」をクリックします。
これで有効化されましたが、まだ終わりではありません。

このプラグインを利用するためには、WordPress.comのアカウントの取得(無料)してAPIキーを入手する必要があります。

登録が完了すると、メールが送られてきて、そのメールに12文字の英数字からなるAPIキーが記されているので、それをコピーします。

先ほどAkismetを有効化したので、サイドバーのPluginsのところに「Akismet Configuration」が追加されています。

そこで、コピーしたAPIキーを入力して、UpdateすればOKです!

その他にもやっておいたほうがよいことがあったらぜひ教えてくださいね。

初心者は、1冊WordPressに関する本を持っておくと、やっぱり安心です。
私が購入したのは、こちらです。

WordPress 2.7対応「導入&カスタマイズ」実践ガイド―個人ブログも企業サイトも簡単&無料で構築できる!
WordPress 2.7対応「導入&カスタマイズ」実践ガイド―個人ブログも企業サイトも簡単&無料で構築できる!
秀和システム 2009-02
売り上げランキング : 4370
おすすめ平均 star
starWordPress初心者におすすめ
star入門用にオススメの一冊
starWordPress活用のノウハウ本
Amazonで詳しく見る by G-Tools

現在のWordPressのバージョンは2.9ですが、基本的なところは特に変わってようなので、十分に役に立ちます。
本を選ぶときの参考になればと思います。

 

Related Posts:

Written by Emi

January 28th, 2010 at 12:40 am

Posted in おっぺけWordPress

Tagged with

[おっぺけWordPress]Dreamhostでレンタルサーバを借りました

leave a comment

Overweb :: Midori cluster
さて、WordPressでのブログ作成には、まずドメインとレンタルサーバが必要ということです。

私は、Dreamhostというアメリカのウェブホスティングサービスを利用しました。

Dreamhostを選んだ理由は、4つです。

  1. ドメインも一緒に取得できる
  2. promo codeを利用すれば1年間のコストがぐっと安い
  3. 2週間のフリートライアル期間がある
  4. WordPressのOne-Click Installが気になった

それだけです。

一応いろいろ調べてはみたのだけど、なにせ知識がないので、比較できないんです。

promo codeというのは、Dreamhostの割引サービスで、サインアップのときに、promo codeを入力すると、$97ドルのディスカウントが受けられるのです。

1年の契約には1つのドメインとサーバのレンタル代(何やらいろいろ無制限でした)が含まれていて、料金は$119.40。
これに$97のディスカウントがつくので、初年度は年間$22.4=月額$1.9ほどになります。

私の場合、いつ飽きて投げ出すともかぎりませんが、月$2ほどの出費だったらそれほどお財布もいたみませんよね。

それに、2週間のフリートライアルの期間があるので、やってみて私には手に負えないとなった場合にも安心です。

2年目からは通常通り$119.40で、月額にすると$9.95ですが、1年続けられたのならそのコストは気にならなくなっているはずという楽観的な考えもあり。

そして、Dreamhostは、WordPressを簡単にインストールできるのです。

これは、初心者にとっては魅力的でしょう?
初心者ゆえに、どこがどう簡単になっているかは理解しないまま、サインアップしてみました。

DreamhostのサインアップからWordPressのインストールまで、実際にやってみて本当にあっという間でした。

WordPressの本には、インストールをするまでの間に、プログラムをダウンロードして、ファイルを開いて中身を修正して、FTPホストやらFTPパスワードやらを入力してアップロードする必要があると書いてあって、てっきり私もそういうプロセスを踏まなければならないのかと思っていたので、むしろ拍子抜け。

すぐに普通のブログサービスのように設定を始めることができました。

ここで注意していただきたいのが、Dreamhostは先述のとおりアメリカのサービスなので、英語で提供されているということです。

また、WordPressには日本語のバージョンもありますが、DreamhostからのOne-Click Installは英語版のみです。

なので、英語に抵抗のない人は、ぜひお試しください。

それと、One-Click Installするときには、Easy modeとAdvanced modeがありますが、Advanced modeを選んでくださいね。
WordPressの魅力であるさまざまな無料のプラグインやテーマがインストールできなくなってしまいます。

さて、私もpromo codeの恩恵を受けたので、私からも提供したいと思います。

サインアップするときにpromotional codeを求められたら、「EDJ」と入力すれば料金から$97が割引になります。
(この割引額は、1年契約と2年契約にのみ適応されます。1ヶ月の契約の場合は$51の割引です)

サインアップとWordpressのOne-Click Installの方法は、下記のサイトがとてもわかりやすく参考になると思います。
見てみてくださいね。

Creative Commons License photo credit: br1dotcom


 

Related Posts:

Written by Emi

January 26th, 2010 at 11:03 pm

Posted in おっぺけWordPress

Tagged with

[おっぺけWordPress]ワードプレスに宣戦布告

one comment

Keyboard 3
念願だったWordPressと自分のドメインでのブログ作りが始まりました。

私は、ウェブの知識は何にもないし、ブログは2004年から細々とやっているけれど、すぐ飽きてしまっていろいろなサービスに手を出してはお休みすることを繰り返していて、ブログにすごくコミットしているわけではないのだけど、WordPressにはとても憧れていました。

だって、「このブログは私のやりたいこと全部できているなあ」と思うとだいたいwordpressで作っているんだもの。

たとえば、コメントの数え方がきちんと、0 comments、1 comment、2 commentsになってるとか、カテゴリーの階層化とか、twitterのFollow meがくっついてるとか、たいていは大したことないものなのだけれど。

これって、文房具とか手帳に萌える人にはわかってもらえるんじゃないかなあと思うの。
文房具とか手帳とかが好きな人って(私もその1人なのだけど)、自分が好きなデザインとかフォーマットのものを見ると、もしかしたら無駄かもしれないと思っていても、強烈にほしくなっちゃうでしょう?

だから、手帳時代(今はiPhoneだから手帳はあまり使わないの)はフランクリンプランナーと出会うまでは毎年何冊も手帳買っていたもの。

そういう感覚で、ブログもいろいろなサービスを試し続けていたのでした。

それで、去年の夏くらいかしら、どうやらWordPressがいいらしいという結論まではたどり着いたのだけど、当時私が使っていたiBookはなんとWordPressがインストールできないほど古かったのね。

それであきらめていたのだけど、秋になってMacBook Proに新調してよしやるぞということになったわけです。

秋から今まで手をつけていなかった理由は、Apple Storeのお兄さんに、「めんどくさいから自分なら誰かにやってもらう」と言われたから。
でも、試しにWordPressの本を読んでみて、やれるところまでやってみるぜと思い直しました。
もし、上手にいかなかったとしても、やらないで憧れ続けるよりずっといいもの。

WordPressをインストールしてから6日目だけれど、楽しくてしかたありません。

だけど、だいたいgoogleで検索して手当たり次第やってみたので、これは自分がやったカスタマイズを記録しておかなければと思い(自分が忘れちゃうから。すでに忘れ始めてる)、次回から自分がWordPressでやったことをこのブログに書き残していこうということになりました。

私みたいに知識がなくて、でもWordPressでブログ作ってみたいという人がいたら、参考にしてほしいです。
だってね、もちろんいろいろ教えてくれるサイトはたくさんあるのだけど、詳しければ詳しいほど私のレベルでは何をいってるかチンプンカンプンだったりするんだもの。

そして、もし詳しい人がこのブログを読んでくれたら、アドバイスとかいただけたらうれしいです。
間違いを指摘してくれたりとか

Creative Commons License photo credit: Khairil Zhafri

 

Related Posts:

Written by Emi

January 26th, 2010 at 12:27 am

Posted in おっぺけWordPress

Tagged with