ビジネス・ウェブ---ホームページ制作：東京都調布市 tag:ez.ws27.com,2010-09-25://1 2011-12-18T07:53:24Z ビジネスのためのホームページ制作。効果のあるホームページをつくります。 Movable Type Pro 5.03 「マッサなび」のユーザー登録画面をカスタマイズ。 - 東京ウェブデザへろへろ日記 tag:ez.ws27.com,2011://2.308 2011-12-18T07:49:35Z 2011-12-18T07:53:24Z ワードプレスの機能によって表示させるユーザー登録画面とログイン画面をカスタマイ... kj

ワードプレスの機能によって表示させるユーザー登録画面とログイン画面をカスタマイズした。

まず、登録画面に出てくるワードプレスのロゴを自分のロゴに変更する必要がある。その方法は、いろんなサイトで紹介されているが、ファンクションphpに書きこむことらしい。で、以下のサイトに記述例がのっている。

http://www.doya-doya.com/word-press/2011/08/19/7785

ロゴはバックグラウンドで表示されているので、大きさは大きすぎなければOK。

massanavi02.gif
あと、「このブログに登録」という文言が自動的に出るが、これを「このサイトに登録」に変更したいと思った。これは、ググッてみると方法が書いてあるが、けっこうややこしい。Languageフォルダーの中にjp.po というファイルがある。この中に英語から日本語に翻訳した文がリストアップされている。そこで当該の文章をみつけ、修正する。さらにそのファイルをjp.moというファイルに変換する。変換にはそのためのソフトが必要だ。

以下のサイトに書いてあるURLからダウンロードして、変換して、アップする。これでOK。

http://hsuzuki.ddo.jp/weblog/92

他には、登録画面そのものを別のURLでつくってしまうという方法もあるが、今回は採用しなかった。

あとは、ユーザー権限を編集する必要がある。

]]> マッサージ店ポータルサイト、ほぼできた。 - 東京ウェブデザへろへろ日記 tag:ez.ws27.com,2011://2.307 2011-12-16T15:29:29Z 2011-12-16T15:37:31Z ワードプレスでここのところ、ずっと制作していたポータルサイトがほぼできました。... kj

massanavi01.gif

ワードプレスでここのところ、ずっと制作していたポータルサイトがほぼできました。「マッサなび」マッサージ店ポータルです。

2カ月もかかってしまった。けっこう難産でした。まだ、ユーザー登録はできないですが、ほぼ機能はつけました。ワードプレスでポータルサイトをつくるのは、思った以上にたいへんですね。

いちおう登録店には無料コースと有料コースがあります。有料コースはリッチに情報をのせられるようにしています。無料コースは簡潔にね。

このポータルは、他分野にも応用できますから、一般に販売したいと思います。ぼちぼちマイペースでやって、2カ月もかかりましたが、正味1カ月ぐらいはかかるので、40万円ぐらいでしょうか。

ご相談ください。

]]> GOSENスタッフによるソフトテニス日本代表帯同レポート - 東京ウェブデザへろへろ日記 tag:ez.ws27.com,2011://2.306 2011-12-07T06:35:34Z 2011-12-07T06:42:45Z 日本代表チーム・唯一のオフィシャルストリンガーGOSENスタッフによるソフトテニ... kj gosen01.jpg

日本代表チーム・唯一のオフィシャルストリンガー
GOSENスタッフによるソフトテニス日本代表帯同レポート
※ライブドアブログ

●関連記事
⇒ ライブドアブログのカスタマイズで、保存できないとき。
⇒ ライブドアブログのフルカスタマイズ作業。


]]> スカイプのアカントを取った。 - 東京ウェブデザへろへろ日記 tag:ez.ws27.com,2011://2.305 2011-12-02T06:26:24Z 2011-12-02T06:28:07Z スカイプを導入する必要があったので、アカウントを取った。サイトの説明をみると、ス... kj
アカウントの取り方は簡単。2?3分で取れる。

で、ソフトをダウンロードすればOK。

ただ、実際には使っていない。電話がかかってきたらどうなるんだろう。

普通の電話みたいにベルが鳴るのだろうか？

また、相手のところにオンラインまたはオフラインの記入が出る。これは、つながっているかどうかを示してるのかな？

いずれにしても、使ってみないと詳細は不明。

skype01.gif

skype02.jpg


]]> ライブドアブログのカスタマイズで、保存できないとき。 - 東京ウェブデザへろへろ日記 tag:ez.ws27.com,2011://2.304 2011-11-30T05:41:11Z 2011-12-02T06:31:58Z ライブドアブログのカスタマイズのお仕事があった。デザインが決まると、次にそのデザ... kj

ライブドアブログのカスタマイズのお仕事があった。

デザインが決まると、次にそのデザインをブログのなかに適用する作業がある。ライブドアブログの管理画面からおこなう。その作業をしていたのだが、何度ファイルを書き換えても保存できないというトラブルに遭遇した。こ、こ、こ、困った。

２時間ぐらい悪戦苦闘したのだが、いくらやってもラチがあかなかった。で、対策がないのか、いろいろネット検索してみたのだが、それでもわからなかった。しかたがないので、さらに考えて、ふと思いついたのが、ブラウザが悪いという可能性である。私はIEの8を使っているのだが、IE8では作業できないという可能性があるのではないかと思った。楽天市場もブラウザによっては作業できないからである。

で、FIREFOXで作業してみた。すると、当たり前のようにうまく保存できるではないか。なんじゃ、こりゃ。

とうわけで、ライブドアブログのカスタマイズ作業にはIE8を使わないようにしましょう。

同じ悩みで困っている方、参考にしてみて。

●関連記事
⇒ ライブドアブログのフルカスタマイズ作業。

]]> 最近のお気に入り。 - 東京ウェブデザへろへろ日記 tag:ez.ws27.com,2011://2.303 2011-11-27T04:02:43Z 2011-12-07T06:45:44Z これ、いいわ。ほんと。 エピックに削除されるかもしれないけど、とりあえず貼っとこ... kj
エピックに削除されるかもしれないけど、とりあえず貼っとこ。



●おまけ
「第５３回日本レコード大賞」の審査会が１８日、東京・赤坂のＴＢＳで行われ、 優秀作品賞、新人賞など各賞が選出された。
大賞の最終候補となる優秀作品賞はいきものがかりの「笑ってたいんだ」、 ＡＫＢ４８の「フライングゲット」など１０曲が選ばれた。
今年のレコード大賞、もしかして取るかも。
]]> アイキャッチ画像の登録機能を使う。 - 東京ウェブデザへろへろ日記 tag:ez.ws27.com,2011://2.301 2011-11-21T13:30:36Z 2011-11-21T13:34:55Z アイキャッチ画像をアップできないというトラブルが、前回のエントリーに書いたよう... kj

アイキャッチ画像をアップできないというトラブルが、前回のエントリーに書いたように解決したので、アイキャッチ画像の機能を使うことにした。

アイキャッチ画像は英語ではサムネイルと書いてある。サムネイルは爪のように小さい画像であるが、大きい画像も使用できる。ワードプレスのデフォルトのテンプレートTwentyElevenでは大きな画像を使っている。

もし、ワードプレスのデフォルトのテンプレートTwentyElevenを書き直して使っていると（私のケースだが）、画像サイズが1000ピクセル以上でなければアップできないというフィルターがかかっている。TwentyElevenでは、タイトルの大きな画像にアイキャッチ画像を使用しており、そのサイズが必要なのだ。

したがって、大きな画像が不要の人は、Function.phpからその部分を削除する必要がある。わりと最初のほうに書いてあるので、削除した。

ワードプレスでは、画像をアップしたあと登録したとき、自動的に切り出しをおこなってくれる。これもFuncton.phpに記述する。その際、もうひとつ、あるいは2つのサイズを設定できる。つまり、3種類のサイズに自動的にリサイズしてくれる。たとえば、小さいものを表紙に、中くらいのものをカテゴリーページに、大きい画像を個別投稿ページに、といった具合に使い分けできる。

私の場合、表紙とカテゴリーページに、小さな画像を使い、投稿ページに大きな画像をのせることにした。

画像を登録するときは、下記のように「アイキャッチ画像として使用」のリンクをクリックするのを忘れずに。私は、最初これをしなかったので、表示されなかった。トホホ

eyecatch01.gif

]]> Xreaで、ワードプレスのアイキャッチ画像がアップできない件。 - 東京ウェブデザへろへろ日記 tag:ez.ws27.com,2011://2.300 2011-11-19T13:11:09Z 2011-11-19T13:19:16Z ワードプレス3のすぐれもの機能、アイキャッチ画像を使うことにした。投稿した記事... kj

ワードプレス3のすぐれもの機能、アイキャッチ画像を使うことにした。

投稿した記事の画像をサムネイルのサイズにリサイズして表紙などに並べるのに使える。また、カテゴリーの表紙のメインビジュアルの画像にすることもできる。多くのサイトでよく利用されている定番の機能である。

function.php を設定して、投稿画面から試しに画像をアップしてみたら、エラーが出てアップできない。何度やってもダメ。で、設定をいろいろ変えてやってみたがダメだった。

仕方がないので、ネット検索で調べると、Xreaのサーバーでワードプレスの画像アップができないという問題があることを発見した。解決策は下記のサイトに書いてある方法で何とか解決した。
XREA で WordPress ファイルアップロード機能を利用する
.htaccessファイルを使うものだ。書いてある通りに.htaccessファイルをつくってフォルダに入れてやってみたら、できた。記事のおかげで助かりました。

ちょっと進むとまたトラブルでなかなか進まない。ほんと1歩1歩ですね。
]]> WordPress の投稿ページにgoogleの地図をのせる。 - 東京ウェブデザへろへろ日記 tag:ez.ws27.com,2011://2.299 2011-11-18T07:12:26Z 2011-11-18T07:18:33Z ワードプレスのカスタマイズ、ぼちぼち進めています。今回は投稿ページにgoogl... kj

ワードプレスのカスタマイズ、ぼちぼち進めています。

今回は投稿ページにgoogleマップを表示させることにした。ネットで検索するとプラグインはいろいろある。試してみたのだが、自分のサイトのようにカスタム投稿タイプを使用していると、うまく行かないものが多いようだ。なおかつ、微妙なところで使いにくかったりする。

カスタム投稿タイプでも使えるということで、下記のプラグイン を使った。

Lightweight Google Maps プラグイン

とりあえず、これを入れると、カスタム投稿タイプとして投稿のフィールドがつくれる。難点は、緯度経度を数字で入力しなければならないことである。住所で入力できたほうがいいのだが、やり方不明。とりあえず、Geocodingのリンクを貼り、そこからデータを探すことにした。

map_plugin.gif

説明によると、1枚の地図上に多くの投稿を集約したインデックスのようなものもつくれるらしいが、試していない。

データを入れると地図はしっかり表示された。地図表示の位置は通常の投稿の部分に入る。こちらもカスタマイズしたいが、できなかった。

妥協はあるものの、とりあえず、地図が表示できたのでよしとしよう。

]]> Wordpressでカスタム投稿タイプを使いこなす2つのプラグイン。 - 東京ウェブデザへろへろ日記 tag:ez.ws27.com,2011://2.298 2011-11-14T11:24:29Z 2011-11-18T07:18:08Z カスタム投稿タイプとは、カスタムフィールドを使って独自の投稿の項目を定義できる... kj

カスタム投稿タイプとは、カスタムフィールドを使って独自の投稿の項目を定義できる機能である。デフォルトでは、タイトルと１個のブロックになっているが、複数の表組みを入れたり、写真を組んだりできる。不動産サイトの物件ページのようなものもつくれる機能である。

カスタム投稿タイプを使いこなすために、2つのプラグインを入れた。

●Custom Field Template
custom_field1.gif
これは日本人の方制作のようだ。しかし、日本語マニュアルが整備されているわけではなく、けっこうわかりにくい。使い方は各種サイトにのっているので、ここでは触れない。

カスタム投稿タイプに、テキストの枠やラジオボタン、チェックボックス、オプションなど、自分の好みのフォームを設定できる。

●Custom Post type UI
custom_posttypeui.gif

こちらは、カスタム投稿タイプを管理するもの。カスタム投稿タイプの登録が手作業でやるよりは、簡単にできる。

両方を設定したら、自分がつくったカスタム投稿ポストをカテゴリーまたはカスタムタクソノミーに結びつける必要がある。その際、個別ページをつくるのはむずかしくないが、カテゴリーページをつくるのはけっこうわかりにくい。

こちらのサイトを参考にしながら、自分で工夫してやった。

ワードプレスの関数について、わからないことは、このページで調べるのがいい。
WordPress Codex


]]> WordPress でカスタムフィールドを使う。 - 東京ウェブデザへろへろ日記 tag:ez.ws27.com,2011://2.297 2011-11-06T07:21:29Z 2011-11-18T07:17:44Z WordPress をインストールした後、研究しながら、少しずつカスタマイズし... kj

WordPress をインストールした後、研究しながら、少しずつカスタマイズしている。

WordPress の投稿部分にはカスタムフィールドという機能があり、独自の入力項目を設定できる。独自フォームから内容をブログ内に記述し、デザイン化した形で表現できるというすぐれものである。

これを使おうとしたのだが、初歩的なところでつまずいてしまった。カスタムフィールドの説明などをみると、投稿ページからすぐに設定できると書いてあるが、私の場合、設定する部分が何もない。これに悩んで１時間ぐらい費やした。

解決法はきわめて単純で、投稿ページの右上にある「表示オプション」というところをクリックして、「カスタムフィールド」という項目にチェックを入れるというだけであった。トホホ。

あまりにも初歩的なつまずきにがっくり（笑）。

とはいえ、同じ地点で悩む人もいるかと思い、あまりにも低レベルで恥ずかしいが、ブログにのせることにした。

wordpress04.gif

wordpress05.gif

カスタムフィールドが表示されれば、そこに書き込みすればいい。ブログのほうに表示されるようにするには、テンプレートにタグを記述する。その書き方は多くのサイトで説明されているので、ここでは省略。

]]> WordPress を3コラムにする。 - 東京ウェブデザへろへろ日記 tag:ez.ws27.com,2011://2.296 2011-10-27T15:43:14Z 2011-11-18T07:17:19Z とりあえず、WordPress をインストールしたので、次はデザインを変えてみ... kj

とりあえず、WordPress をインストールしたので、次はデザインを変えてみることにした。

表紙のデザインは「外観＞テーマ編集」からおこなう。作業の前にデザインをFireworksとDreamweaverで別途つくっておく。画像を切り出して、コーディングまでして準備完了。

WordPress はindex.php というファイルが表紙である。そのなかに、各パーツを配置し、真ん中にブログの記事をループさせて載せるという考え方のようだ。

そのファイルをいじる前に、すべてのテンプレートファイルのパーミッションを666に変更する必要がある。これをしないと、修正してもそれを保存するボタンがない。パーミッションを変更すると更新ボタンが出現する仕組みになっている。

wordpress03.gif

パーツは、header.php、 footer.php、 sidebar.php などである。ここではたと悩んだ。私の表紙は3コラムなのだが、デフォルトで例として入っているテンプレートは2コラムだ。右のコラムをどうやって入れるのか、わからない。

検索して調べると、次の記事があった。

⇒陽だまりに寝ころんで

この通りにやってみるとうまく行った。function.php というファイルを修正し、saidebar.phpをコピーしてsaidebar-2.phpをつくるという感じだ。詳しくは、URLの先を見てください。とりあえず、ここまでできた。

]]> WordPress をインストール。 - 東京ウェブデザへろへろ日記 tag:ez.ws27.com,2011://2.294 2011-10-18T05:56:14Z 2011-10-18T08:22:06Z 前回、サーバーを引越しして、サブドメインを作成したところまで説明した。次は、Wo... kj
次は、WordPress のインストールである。WordPress のインストールについては多くのサイトで解説されているので、ここでは説明しない。WordPress の公式サイトから圧縮ファイルをダウンロードし、解凍ソフトで展開し、データベースの設定をしてからサーバーのアップロードする。そして、管理画面に入って、そこから設定をおこなうという手順である。ここまで、トラブルなく進行した。

wordpress01.gif

管理画面に入ると、けっこうカッコイイ画面だ。わりとよくつくりこまれている。

で、プラグインを入れた。Role?Managerというもの。サイトを見ると、タイトルはドイツ語になっているから、ドイツ人の方がつくったのだろう。プロフィールの写真はファンキーな顔だ。ちょっとビビるが、説明は英語である。

とりあえず、そこまでできた。

プラグインの使い方はよくわからん。

デフォルトはこんな感じである。

wordpress02.jpg



]]> ドメインのお引越し。 - 東京ウェブデザへろへろ日記 tag:ez.ws27.com,2011://2.293 2011-10-16T12:45:28Z 2011-10-18T08:27:36Z 自分で運営しているlnk03.com というドメインがある。このドメインを運用サ... kj このドメインを運用サーバーを引っ越すことにした。

私が借りているサーバーはXREAである。
ここが、日本で一番安いと考えている。
であるが、昔借りた分については、PHPやMySQLのバージョンが古くて、ワードプレスがインストールできない。今回、lnk03.comのサブドメインでワードプレスサイトを自作しようと考えたので、サーバーを引っ越す必要が出た。同じくXREAの新しいサーバーに引っ越すことにした。

hikkoshi1.jpg

ちなみに、私が考える日本の安くて優良なサーバーベスト3は以下の3社である。
  1. XREA
  2. ロリポップ！
  3. さくらインターネット

XREAは安くて高機能だけれど、使い勝手が悪い。あと、メールの不具合がある。
ロリポップは、安いコースだと機能に制限がある。
２ちゃんねるの評判などをみると、さくらが一番安心できるようだ。

さて、サーバーの引越しはたいへんだった。
「ブログランキングなう」という運営サイトに不具合が出た。
夜中の3時までいじっていたが、治らなかったのであきらめて就寝。
翌朝、またいじったら、何とか正常に戻ったようだ。

しかし、さらに大きなトラブルが待っていたことを、そのときは気づくよしもなかった。
つづく。

]]> すごい数のボタンのスタイルをfireworksに入れる。 - 東京ウェブデザへろへろ日記 tag:ez.ws27.com,2011://2.292 2011-09-26T11:43:14Z 2011-09-26T14:54:01Z Free Web Button Collection 600+ for Fire... kj Free Web Button Collection 600+ for Fireworks

ホームページのボタンなどに使えるスタイルが、なんと600種類もセットになったものがフリーで提供されている。すごすぎる。これは便利だろう。ホームページデザインで、ボタンのデザインは重要ですからね。

というわけで、上記ページへ行って、ダウンロードして解凍する。

さて、どこに入れるのか。ここで少し、手間取った。最初はProgramFile＞fireworksCS4　から入れようとしたが、入らない。
若干悩んだが、fireworksCS4のスタイルを選ぶところから、よーくどこを選択しているのかチェックすると、別の場所であることが判明した。

マイコンピュータ＞C＞Documents and Settings＞自分の名前などのフォルダ（例：Wasshoi）＞Application Data＞Adobe＞FireworksCS4＞Styles

けっこうややこしい場所だけど、Photoshopのスタイルやイラレもここに入れるようになっている。で、そこに解凍したSTLファイルを入れたら、FireworksCS4を立ち上げる。スタイルのウィンドウのところから、「その他のライブラリ」で選択する。はい、できました。

これで鬼に金棒ですね。

web_button.jpg

]]>