000000 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

あなたのブログをきれいにする方法教えます~ブログデザイナーヒナによるブログデザインQ&A~

全84件 (84件中 1-10件目)

1 2 3 4 5 6 ... 9 >

web制作

2006年08月04日
XML
カテゴリ:web制作
本日追加したデザインはこちら

↓↓↓↓↓↓
アフィリエイトテンプレート単品紹介用003シンプル見出し付き

楽天アフィリエイトのページから、紹介したい商品を選んで、画像リンクの大きいほうの画像のタグを全部「画像」の場所にコピペ

テキストリンクのタグを全部「説明」の場所にコピペ

だけで このようにデザインされたHTMLが生成されてしまいます。ま~らくちん!

気に入ったデザインがあれば、ぜひぜひ使ってみてくださいな。

また、こんなデザインがあればいいな?とか 要望感想もお待ちしてます。

※追記! あ同じデザインで2品紹介用も作りました。
  ↓↓↓↓ こちら
 アフィリエイトテンプレート2品紹介用002シンプル見出し付き

3品もつくろうかと思うんですが いくつまでいるかなあ? ん~。





また。

もしいらっしゃったら…。もしテンプレートを楽天広場で公開されている方で、この仕組みを使って自分が作ったテンプレートを提供してみたい!という人いたら…。

ぜひぜひ。

メールか、コメントください。詳細はお知らせします。



【 ★人気ブログランキング参加中。ただいまの順位は?投票する






最終更新日  2006年08月05日 03時09分29秒
コメント(0) | コメントを書く


2006年07月25日
カテゴリ:web制作
またまたちょっぴり久しぶりです。

リニューアルするするといってちっとも作業進んでないこのブログですが、見に来てくださる方ありがとう。

自由度を高くするために、テンプレートでサイドバーをなしの設定にしているのですが、それだとちょっと困ることが…。

お気に入りに入れている楽天ブログが表示されないのですよね~。

でもちょっとした発見をしましたよ!

サイドバーでリンクを設定していなくても、楽天広場の日記の機能としては、お気に入りブログ一覧のページは作られているので、URLを指定すれば表示できる!

お気に入りリンク

http://plaza.rakuten.co.jp/10joe/headline/?sub_act=all

このようなアドレスで↑ お気に入りに日記一覧にアクセスできます。

サイドバー以外で紹介したいときなどに使ってみては~?


わたしもちょっとこのリンクを入れて『トップページ自由欄』を作成しようとしてますが… なかなか作業すすみませ~ん。あはは。






最終更新日  2006年07月25日 18時50分46秒
コメント(0) | コメントを書く
2006年02月03日
カテゴリ:web制作
またまた デザインリニューアルするとかいいつつ、手をつけていなかったのをようやくちょっとだけ始めてみました。


リニューアル、ということで。前回お伝えしたことは、「サイトのテーマ」「方向性」について考えよう…。ということ。


で、次は…。 じゃあそのテーマに合ったデザインを…。


といっても、何もないところからいきなり考えろと言われても至難の業でございます。 そういうわけで、まずは、ネットを検索して、参考になるサイトをさがしましょ~~。



… でも、てきとうに見て回ってもそれほど参考になるサイトばっかりすぐ見つかるとはかぎらないですよね。

というわけで、わたしがいつも見に行くのはここ。

テンプレート販売サイトなんです。
(※ 楽天の規約で他の販売サイトにリンクしたらいけないかもしれないので、そのサイトを紹介した別のブログの記事へのリンクです)

クリックしてもらったらわかるんですが、一目でよさげなサイトのデザインが一覧できて良い感じです。

デザインラフこれを見て、気に入った画像をあつめて印刷したりして眺めながら


「ま~こんな感じどうかな?」というのを、コピー用紙などに、てきとうにメモし始めます。

左図のような感じかな? ぐちゃぐちゃで なんだかよくわからないかな? …ゴメン。


楽天の場合は、上のトップ画像とその下のメニューに関しては、トップ画像の差し替えくらいしか自由度がないので、だいぶデザイン上制約がでてしまうのですが…。


まあ それは さておき…。


今の、蝶のブログデザインを活かして、この画像をちょっと変更して個性をだしてみようかな~と思います。


また、トップページ自由欄でめいっぱいデザイン要素を詰め込むために、サイドバーはつけないことにします。

そんなかんじで…。



つぎは、このラフ画像をもとに PC上で、もっと詳細にデザインを作成します… が… それは つづく…。






最終更新日  2006年02月04日 02時48分13秒
コメント(3) | コメントを書く
2006年01月17日
カテゴリ:web制作
きのうからサイトのリニューアルを始めました。

ちょっと、話が前後することになるのですが、「リニューアル」というのは、ようするに「ホームページ(ブログ)の変更」ということですよね?

なので、まず「何を変更したいのか?」ということを考えるところから、リニューアルはスタートすることになるわけです。

このホームページの場合ですと、ホームページ自体のテーマを変えたいかな?と思ったからなのですが…。さておき。

そう、あなたは何を変更したくてリニューアルしようと思ったのでしょうか?

わたしのように「ホームページ自体のテーマ(コンセプト)を変更したい」という場合や、あるいは、「季節に会わせて外観を変えたい」や「ずっと同じデザインなので、リフレッシュしたい」などなど…いろいろでしょう。

言葉を換えると、リニューアルするのは、何か現状のサイトで「不満な点」があるから、と言えるのではないでしょうか。

だって現状に満足なら変える必要はないですものね。

「季節に会わせて変えたい」というのも「サイトのデザインが季節に会わない」というのが不満だから、と言えますし。

「ずっと同じデザイン」だから、というのも、なにかそのデザインに不満なところがある、あるいは飽きた、などということが不満なのでしょう。


このように、リニューアルをするという場合には、まず自分は「何が不満なのか?」「何を変えたいのか?」ということをはっきり自覚するところからはじめてみては如何でしょうか。

同時に、忘れがちですが「変えたくない部分」「いいと思っている部分」も考えておくことも重要かと思います。

それらを考えずに、なんとなく変更しているだけだと、リニューアルによって、かえってサイトの良さが失われてしまったりするかもしれません。

「変えたいところ」「変えたくないところ」を、明確にし、リニューアルの方向を形作っていくことが第一歩となるのです。



※余談ですが、こういうことは、自分でホームページ(ブログ)を作るときだけではなく、というよりは、むしろ人に依頼して作ってもらうときに一番必要になってくるところでしょう。

「なんとなく変えたい」だけだと、望む結果が得られないと思います。というより、そもそも何を望んでいるのか自分で解っていない状態なのが問題だという認識をまず持った方がよいのかもしれませんが(汗。



※またまた余談ですが

ふつう「リニューアル」というと、「全面改装」というか、サイト全体を大幅に変更する、ということを指します。

楽天日記の場合は、「デザインテーマ」を変更すると、サイト全体のデザインが一気に変わるので、「デザインテーマ変更」と「リニューアル」がほぼイコールにはなるんですけれども。

以前「リニューアルしたいんですけど」というクライアントがいて、「全面改装か」と準備をしていると、単にページを一枚追加したいだけだったりしました…。そういのは「更新」とか「ページ追加」で、リニューアルとは言わないんですよね。

用語の意味も、曖昧になんとなく使っていると、意思疎通が実はできてなかたったりしますね!

って 話それまくったまま ひとまず終了 (つづく)






最終更新日  2006年01月18日 07時24分23秒
コメント(0) | コメントを書く
2006年01月16日
カテゴリ:web制作
リニューアル続けていきま~す。

つぎに、楽天広場で提供している「デザインテーマ」の中から、好きなテーマを選びます。

これをもとに、カスタマイズしていくわけですが、完成イメージを考えてなるべくそれに近いものを選びたい。

と言われてもよくわからない… という場合は、単純に好きなものを選んでもいいのですが。

いくつかヒント(?)

・背景画像/タイトル画像は変更するのでイメージに合わなくてもかまわない
 ↓
 とはいえ、これでほとんどサイトのイメージが決まるので、ここを無視して選ぶのはむずかしいか??

・文字の色、リンクの色などの配色に注目。これらは上級設定で変更できますが、面倒なので、なるべくイメージに近い配色のテンプレートを選んでおくとあとで楽。

・タイトルの下にあるメニューの「画像」は、変更できないので、これがイメージにあっているものがあればそれを選ぶ。
 ↓
 ただし、「画像」をテキストに変更するのは可能。


※どんな配色を選べばいいのか。

はじめは、自分の気に入ったものにすればよいと思いますが、もう少しwebサイトとしての体裁を考える場合は…。

・サイトの内容
 
・管理人のキャラクター

・サイトの読者

などを考慮して考えるとよいと思います。

たとえば、新米ママが運営する子育てサイト、でしたら、パステルカラー(ピンクとか)のかわいらしい感じの「デザインテーマ」を選ぶと、読む人に違和感がありません。

それだと個性がない、と言う場合は、ママの性格(クールとか?)をすこし加味して、ちょっと爽やかなブルーにしてみるなどの応用も。

ただ、真っ黒に白い文字のようなダークな「デザインテーマ」を選ぶと、ふつうはちょっと違和感がありますね。そんなこともふまえた上で、わざとやる、というのも、ありかもしれませんが。

自己満足だけでなく、多くの人に見てもらいたい、というサイトにする場合には、サイトを訪問してくれた人に与えるイメージを考慮して選ぶとよいのでは、と思います。

ところで、このサイトの次の「デザインテーマ」は…。

new_top_1s.jpg

こんなのを選んでみました…。

… いままでと 全然ちがう…(笑

つづく






最終更新日  2006年01月16日 11時28分20秒
コメント(0) | コメントを書く
カテゴリ:web制作
では。さっそくリニューアル開始します~。

楽天広場のブログの場合、主に「トップページ自由欄」と、「デザイン設定」の設定変更で、見た目を変更することになります。

変更してしまう前に、まずは バックアップをとります。

左側のメニューの「ページ作成・編集」の「トップ自由欄編集」をクリックし、書き込まれているテキストをコピーして、ファイルに保存しておきます。

もともとこんなトップページでした゚・*:.。.。.:*・゜


old_tops.jpg


「トップ自由欄」を削除すると…

シンプルになりました(笑。

new_top_0s.jpg

つづく~






最終更新日  2006年01月16日 10時56分08秒
コメント(0) | コメントを書く
2005年08月28日
カテゴリ:web制作
ごぶさたしております。

様々なことに気をとられて、気づくとずいぶん長い間、この広場のブログを放置してました~。その間アクセスしてくださった方、新しく日記リンクくださった方ありがとうございました。

これから、またぽつぽつ更新していく所存です。

というわけで前置きはさておき。

今回は、初歩的にありがちなミスとして

「タグの中に全角文字を使ってしまう」

を取り上げてみます。

今回は「タグってなに?」という説明ははしょりますね。

「全角ってなに?」という方は?

キーボードから、日本語を入力するときに、ウィンドウズのキーボードでは、たぶん「Altキー」と「半角/全角キー」を同時に押すことで、キーボードが、日本語入力とアルファベット入力が切り替わりますよね?

ためしに、「A」キーを押してみて「あ」と出てきたら、日本語。「a」と出たらアルファベットになってます。

img.jpg

img.jpg

↑ たとえば、上の二行の違いわかりますか? 比べると 上の方がちょっと大きくなってます。 上の行が「全角のアルファベット」下の行が「半角のアルファベット」です。

ブログやホームページで、リンク先のURLや画像の名前、タグの中身などは、すべて「半角で」記入する必要があります。

「リンク先に飛ばない」
「画像が表示されない」

などの、問題が起こったときに、よくよく見てみると、ファイル名が全角で書いてあったりすることがあります。

全角の「i」と半角の「i」。人の目でみるとほとんど同じなのですが、コンピューターとしては、まったく別の文字として認識されてしまうのです。

「できない できない」といって悩んでいる人に見せてもらうと↑のような全角文字を使っていることが原因であることがよくあります。

ご注意くださいね。

今は、「ふ~ん、そんなこともあるのか~」と心にとめておいて、何かうまくいかないときなどに思い出してもらえたら幸いです。

ではでは~♪






最終更新日  2005年08月28日 13時17分36秒
コメント(3) | コメントを書く
2005年07月27日
カテゴリ:web制作
ごぶさたしてました!! やっと ちょっと余裕でてきました! ヒナです

長い間更新してなかったのに、見に来ていただいて、ご質問や書き込みなどもいただき、たいへんありがとうございます。徐々にお返事していきますので、よろしくお願いします!

<ご質問>
ジャムおとーさん
----------- 質問内容 -------------------------
ExcelだとToday関数を使えば自動的にシステム日付
を取ってきますが、HTMLでこれと同じような機能は
ありませんでしょうか?
----------------------------------------------
(2005.07.18 12:17:08)


こんにちは! はじめまして。ご質問ありがとうございます。

HTMLではないのですが、web上で、ご質問のような動作をする技術はいろいろあります。手軽に利用できるものとしてはjavascript(ジャバスクリプト)があります。

…ですが…。実は、楽天広場では…javascriptは利用できないのです。

その他の時間を取得する技術でも…楽天広場で利用できるものは…わたしの知る限りではないようです。…残念。


別のブログ、あるいはホームページなどでjavascriptが使えるところがあれば、たとえば、こちらの
javascirpt例文辞典「現在の日時を表示する」のような感じで利用できます。


【 ★今日の日記はいかがでしたか? お役に立てましたら、一日一票お願いします♪投票する


【 ★人気ブログランキング参加中。ただいまの順位は?

【ビジネス系のみの新しい注目ブログランキングにも登録してみました:鬼ブログランキング!
↑他の役立つブログも見に行ってみては??(クリックするとこのブログの応援になります!ヨロシク!)










最終更新日  2005年07月27日 12時36分05秒
コメント(1) | コメントを書く
2005年07月10日
カテゴリ:web制作

おひさしぶりです!

今月は、週一~二くらいで、まったり更新する予定です。

で、このサイトも、そろそろデザインもあきてきたので、リニューアルしようとしてまして…。その様子なんかを書いてみるのも、みなさんのお役に立つかも?と思い…。

今日は、背景画像について…。

楽天広場では、管理画面の「メニュー>基本設定>デザイン設定>詳細設定(上級者用)」のリンク先で、サイトの背景画像を設定することができます。

この場合、注意すべき点として

1)設定した背景画像は、サイト全体に適用される(ページごとに別の背景にするのはできない仕様)

2)画像の位置指定、繰り返しなしなどの設定はできない。

→本来、HTMLでは、スタイルシートを使って、背景を一回だけ表示する、あるいは縦方向にだけ繰り返す、あるいは横方向にだけ繰り返す、という指定ができるようになっていますが、楽天広場では、これらの設定ができません。

3)背景に使う画像はあらかじめ、「画像倉庫」または「画像オプション」に追加しておく必要がある。外部のサイトにおいてある画像を背景にすることはできない。

現在の、このサイトで、左上に薔薇が表示されているのは、背景画像として設定しているわけですが、もし、この画像が、薔薇の大きさにぴったりなサイズで作られていたとしたら…

薔薇 薔薇 薔薇 薔薇 薔薇 薔薇 薔薇 薔薇 薔薇薔薇 薔薇 薔薇 薔薇 薔薇 薔薇 薔薇
薔薇 薔薇 薔薇 薔薇 薔薇 薔薇 薔薇 薔薇 薔薇薔薇 薔薇 薔薇 薔薇 薔薇 薔薇 薔薇
薔薇 薔薇 薔薇 薔薇 薔薇 薔薇 薔薇 薔薇 薔薇薔薇 薔薇 薔薇 薔薇 薔薇 薔薇 薔薇
薔薇 薔薇 薔薇 薔薇 薔薇 薔薇 薔薇 薔薇 薔薇薔薇 薔薇 薔薇 薔薇 薔薇 薔薇 薔薇


こういう風に背景が繰り返されて表示されてしまうわけです。(画像つかって説明する手間を惜しんですみません)

本来は この「薔薇」の画像で


薔薇





                      


こんなふうに表示ができるはずなんですが、2)にあるとおり、楽天の仕様でできなくなっています。そこで↑のように、表示したいときには、しかたなく…

薔薇   ---------      ずっと空白        ------------->
 ↓
 ↓
 ↓
 ↓
 ↓
 空白                   


というような、画像の横が真っ白(もしくは透明)の画像を作るのです。

だいたい横は1200px(ピクセル)くらい、縦は800pxくらいで作ると、横が繰り返されなくなります(見る人の画面サイズによります)

あまり、大きく作っても、容量が大きくなり、表示に時間がかかって得策ではないのですが…。この際仕方ありません…。

縦は、どうしても、文章が長くなったりすると、どんどん画面が下に伸びますので、たとえば、このサイトを見ればわかるように、やっぱり下には薔薇が繰り返されています。

そこはあきらめて…。もともと 多少繰り返されても大丈夫な画像を使うしかないですね。

ちなみに…。

背景は、設定は簡単ですが、自作の画像でかっこよく見せるのはわりと難しいです。

小さい画像だと、どうしても繰り返されてしまい、うまく作らないと繰り返された画像の切れ目が不連続に見えたりしてかっこわるい…。 あるいは、背景の柄が邪魔になって本文が読みにくくなったりするという問題もでてきます。

文字の下に敷く場合には、どうしても可読性に支障がでますので、配慮が必要です。このサイトの例のように、ワンポイントのもの、あるいは 文字表示領域にかぶらない部分のみの画像…のようなものだとわりとよいかもしれません。

具体例は…… そのうち…。

【 ★今日の日記はいかがでしたか? お役に立てましたら、一日一票お願いします♪投票する


【 ★人気ブログランキング参加中。ただいまの順位は?

【ビジネス系のみの新しい注目ブログランキングにも登録してみました:鬼ブログランキング!
↑他の役立つブログも見に行ってみては??(クリックするとこのブログの応援になります!ヨロシク!)










最終更新日  2005年07月11日 01時44分43秒
コメント(1) | コメントを書く
2005年06月02日
カテゴリ:web制作
ご質問いただきました~。どうもありがとうございます。

<ご質問>アイコ4才さん
はじめまして。
全くの初心者です。

『初めてのHP』というテーマに「折れ線グラフを載せたい」と投稿したところ、こちらを紹介してくださる方がいて、お邪魔しました。

でもでも、私のできる範囲を完璧に超えています。。。
お時間があるとき、私のHPを見に来て下さいませんか?
とりあえず、エクセルに挑戦していますが・・・
(2005.06.28 15:25:51)

ダイエットの体重などのグラフですよね…。わたしもつけてました「計るだけダイエット」とかいって…。そのときつけてた日記がここです。最近は、体重計が壊れてしまって計れなくなったのでまったく更新しなくなりました…ガーン。(このサイトデザインも記事も適当なまま放置してたのであまり見られたくないんですが、いちおう見本として…)

で、ですね~。このSeesaaブログという無料のブログサービスには、体重や体脂肪を毎日簡単に記入できるフォーマットがあるんですね。(あと毎日の食事も)

毎日の日記のフォームから体重などの数値を入れて投稿すると、ダイエットのグラフが自動で作成されて表示されます。小さいグラフはクリックすると拡大表示できます。問題は、メモリの幅を自分で調節できないので、1kgぐらいの微妙な体重の増減では折れ線の傾きが緩やかで、表示がおもしろくないということでしょうか。

Seesaaブログの操作は、初めての人は多少とっつきにくいと言われたこともあるのですが、新しくソフトの使い方など覚えなくてよいので、これをレンタルしてみるというのも一つの手…。

まぁ、楽天でほかのブログを薦めるというのもどうかという気もしますが…。ちなみにSeesaaブログはここ

ほかにも、たぶん探せば体重などを記入できる、ダイエット用の日記レンタルサイトはいくつかあったと思いますよ。


◆楽天でグラフを表示するには

HTMLで折れ線グラフを作る機能がないため、

1.「グラフを画像」として作成
2.画像を、「画像オプション」または「画像倉庫」にアップ
3.日記または記事に、その画像を表示するHTMLを書く

という手順になります。

1.の画像を作るというところで、一般的にはエクセルで作るのでしょうが、ワードの図形作成機能、または他のグラフィックソフトで作成してももちろん可ですし…

これは、あまりきれいではないですが、手書きのグラフをスキャナーで取り込む、またはデジカメなどで撮影する…(苦しい)とかいうのも…

まあ、エクセルが一番オススメでしょうか。

エクセルの使い方については、ざっと検索したところ
Be Cool Users がすごく良い感じでした。

ほかにも、説明しているサイトはたくさんあると思いますのでGoogleなどで「Excel 折れ線グラフ 作り方」みたいな感じで入力するといろいろ出てくると思います。

楽天広場に、折れ線グラフを表示する場合には、たぶんエクセルで折れ線グラフの画像を作るのがいちばんよい方法かと思いますので。まず、グラフ画像を作ってみることから始めてみてください。

折れ線ではなくて棒グラフだったら、エクセルを使わないでも、HTMLである程度表現する方法もあるのですが。

エクセルの使い方については、ここではスペースその他の関係上詳細説明は省きます。すみません。

こんな答えでは、お役に立っていないかもしれないですね。恐縮です。

【 ★今日の日記はいかがでしたか? お役に立てましたら、一日一票お願いします♪投票する


【 ★人気ブログランキング参加中。ただいまの順位は?

【ビジネス系のみの新しい注目ブログランキングにも登録してみました:鬼ブログランキング!
↑他の役立つブログも見に行ってみては??(クリックするとこのブログの応援になります!ヨロシク!)










最終更新日  2005年07月01日 07時50分34秒
コメント(2) | コメントを書く

全84件 (84件中 1-10件目)

1 2 3 4 5 6 ... 9 >

PR


Copyright (c) 1997-2020 Rakuten, Inc. All Rights Reserved.