ロッドくんの自分でホームページ -36ページ目

テーマのカスタマイズ例!のお話

こんにちは! 「ロッドくん」です。 アクセスどうもありがとー音譜
ロッドくんの簡単WEB運営-おじぎ-サッカー

晴れ 今日も暑い ショック!あせる  けど風がふいてて、いつもより少しは楽だった。
そろそろ涼しくなるのかなぁ。涼しくなればお外で思いっきり遊べるぅ 音譜
猫ちゃん にゃー もう来ないから また会える日を楽しみにしてようっと。
夏の間だけ近所のおうちに遊びにきてたのかなぁ シラー


今日は WordPress(ワードプレス)のテーマのカスタマイズ例!のお話をするね。
テーマ
(テンプレート)の ヘッダー画像といくつかの画像を変更するだけ
いろんなイメージのサイトが出来ちゃうんだ チョキ


『ホームページ大作戦』の今までのお話はココね↓
ホームページを企画しよう!のお話
ホームページ構成を考えよう!のお話
色んなサイトを見てみよう!のお話
構成案のフローチャート!のお話
ホームページのレイアウト!のお話
掲載するデータを準備しよう!のお話
スケジュールを立てよう!のお話
無料テーマ(テンプレート)!のお話
デザイン案作成!のお話

━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─

●テーマのカスタマイズの例を見てみよう ビックリマーク

これはぼくの会社が提供してるテーマ(テンプレート)の中の
1つの同じレイアウトを簡単カスタマイズしたデザイン例(サンプル)なんだ。

ダウン クリックするとぼくのサイトのサンプルページに飛んで 少し大きめ画像で確認できるよ
ロッドくんの簡単WEB運営-テーマのカスタマイズ例
2カラムの同じレイアウトのテーマでも
デザインを変えるだけで印象は違うでしょ 目


テーマをカスタマイズしたい場合には、
昨日の 『デザイン案作成!のお話 』 のように、
こうやって1枚画像で作ってから作業するのが良いと思うよ。

サンプルページの画像の表示は縮小してあるけど、
★デザインを作るときは100%の大きさで画像を作ってね。
それで作ったデザインからヘッダー画像部分とかを切り抜きして差し替えるっていうやり方ね。
だから使うテーマの画像の大きさを最初に確認しておく必要があるよ パー

こうゆうふうにテーマをカスタマイズすれば
オリジナルサイトにするデザインは無限なんだ ニコニコ

無料テーマをそのまま使うのがイヤな場合は
カスタマイズして
オリジナルデザインにしましょービックリマーク


というわけで、
今日はテーマのカスタマイズ例!のお話でしたー !! アップ

━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─

それでは今日はこのへんで! ページを見てくれてありがとー音譜
今日もいろんなブログを見てから帰ろーっと ニコニコ

またこのページをのぞいてね!!
それじゃあまたね~。
(ペタペタしてねにひひ
ペタしてね ロッドくんの簡単WEB運営-はしり-サッカー

早くホームページを作りたい人や、まかせちゃいたい人はお問い合わせしてね。

ロッドくんのいる会社より
※ロッドくんはイメージキャラクターです。
小さい子(の設定目なので難しい言葉はわかりません。
ひらがなが多すぎたり読みづらい箇所は大人が少し修正しています。と思ってください。音譜

不明点等ございましたら『ロッドCMS』までお問合せ下さい。
(販売パートナーも募集中です)

ロッドくんのサイトはこちら→ WEB運営の最善策 『ロッドCMS』

デザイン案作成!のお話

こんにちは! 「ロッドくん」です。 アクセスどうもありがとー音譜
ロッドくんの簡単WEB運営-おじぎ-サッカー

晴れ 今日もあっつい あっつい ショック!あせる
お休みはねえ またプールで泳ぐ練習をしたよ 音譜
前よりも少しだけ息継ぎも上手になったかな。えっへん。
でもまだちゃんとは出来ないの。来週も練習できるかなぁ。
猫ちゃん にゃー もうゼンゼン来なくなっちゃった。 蚊は来たけど シラー


今日は デザイン案作成!のお話をするね。
前回、無料テーマ(テンプレート)!のお話の中で、ヘッダー画像を変えるだけで
サイトの印象は違うものになるっていうお話をしたから、デザイン案作成のお話。
これは出来ればのお話なので、テーマ(テンプレート)を簡単利用して
サイトを作るのであれば、読みとばしちゃっていーです グッド!
カスタマイズしたい!すごくオリジナルにしたい!っていう人は読んでね パー

『ホームページ大作戦』の今までのお話はココね↓
ホームページを企画しよう!のお話
ホームページ構成を考えよう!のお話
色んなサイトを見てみよう!のお話
構成案のフローチャート!のお話
ホームページのレイアウト!のお話
掲載するデータを準備しよう!のお話
スケジュールを立てよう!のお話
無料テーマ(テンプレート)!のお話

━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─

●ホームページのデザインを作成しよう ビックリマーク

通常、サイトのデザインを考える時は、画像加工ソフトとかを使って、
ページ全体を1枚の画像で作ることが多いんだ。昔ながらのやり方ね。
カテゴリーとかメニューとかも入れてね。

代表的なのは昔からある 『フォトショップ』 や 『イラストレーター』 っていうソフトなんだけど、
そのソフトで まず完成イメージのデザインを作っちゃうの。
レイヤー機能っていうのを使って、画像をセル画みたいに重ねて色々なことができるから、
画像や文字を加工したり重ねて動かしてみたりして確認できて便利なんだ 目
最近は他のソフト使う人も増えてるのかな。(WEB制作ソフトとかはここでのお話とは別ね)
(上のソフトがあると良いんだけど、でも簡易的なソフトでも 工夫すれば作れると思うよ)

それと、TOPと中ページのデザインを大きく変えたい場合とかは
それぞれのデザイン案を作るんだ シラー
大きく違わない場合はTOPデザインが決まったらもう制作開始してしまって
中もダーッて作っちゃうことが多いかな。スケジュールによるけど。

ご依頼のホームページ制作の時は、デザイン支給じゃなければ、
お客さんに1枚画像で何案かのデザインを検討してもらうんだ。
プリントアウトだけじゃなくて、モニター上でもね。紙とモニターだと見た雰囲気が違うから。
それで、『デザインはこれで』 って決まってから制作に入る事が多いんだ パー
急ぎの場合は もう作り出しちゃって デザイン案もサイト上で平行っていう事もあるんだ。
作業に慣れてると1枚画像を作るより制作サイト上で見てもらう方が解りやすいし早いんだ。
まあそれは急ぎの場合ね。

通常のホームページの作り方だと、その決定した1枚のデザイン画像を細かく分割して
工作みたいにホームページを作ったりするんだ。
サイトデザインをリニューアルしたりする場合、今はスタイルシートっていうのを使って、
ソフトを使っても 割と楽に変更できるようになったけど、昔は全部作り直してたんだって シラー

ダウン

WordPress(ワードプレス)でサイトを制作すれば、画像を用意するのは同じだけど、
ヘッダー画像とか色んな箇所の変更も管理画面ですぐ出来ちゃうから割と簡単だよ。
テーマの切り替えで全体のデザイン変更も簡単にできるしね ニコニコ

テーマの簡単なカスタマイズなら、
ヘッダー背景メニュータイトルページタイトルの背景部分とか、
画像を用意するのはそのくらいかな。
もっと懲りたい場合は、もっともっと色んなことも出来るんだけど
それは簡単じゃなくなっちゃうから機会があったらお話するね。

ご自身で作る場合なら、このデザイン案作成は必須では無いけど、
テーマを すごくカスタマイズしたかったり、
オリジナルのテーマを作りたい場合は作ったほうが良いです チョキ
テーマを簡単利用してサイトを作るのであれば
ヘッダーに使う画像を用意するだけでもダイジョーブ。ニコニコ


というわけで、
今日はデザイン案作成!のお話でしたー !! アップ

━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─

それでは今日はこのへんで! ページを見てくれてありがとー音譜
今日もいろんなブログを見てから帰るんだぁ ニコニコ

またこのページをのぞいてね!!
それじゃあまたね~。
(ペタペタしてねにひひ
ペタしてね ロッドくんの簡単WEB運営-はしり-サッカー

早くホームページを作りたい人や、まかせちゃいたい人はお問い合わせしてね。

ロッドくんのいる会社より
※ロッドくんはイメージキャラクターです。
小さい子(の設定目なので難しい言葉はわかりません。
ひらがなが多すぎたり読みづらい箇所は大人が少し修正しています。と思ってください。音譜

不明点等ございましたら『ロッドCMS』までお問合せ下さい。
(販売パートナーも募集中です)

ロッドくんのサイトはこちら→ WEB運営の最善策 『ロッドCMS』

無料テーマ(テンプレート)!のお話

こんにちは! 「ロッドくん」です。 アクセスどうもありがとー音譜
ロッドくんの簡単WEB運営-おじぎ-サッカー

晴れ 毎日こんなに暑くって これから季節ってどうなっちゃうんだろ~ ショック!あせる
もう涼しくなってほしい~。お外に出るとぼお~っとしちゃいそう。
この異常気象っていうのは人間がいけないことしたからなの? (・_・;)
そうだったら悲しいよ。 だから猫ちゃん にゃー も来ないのかなぁ シラー


今日は 無料テーマ(テンプレート)!のお話をするね。
いろんな準備とかのお話まではしたから、次はサイトのデザイン。
WordPress(ワードプレス)で使える無料テーマ(テンプレート)のお話ね。

『ホームページ大作戦』の今までのお話はココね↓
ホームページを企画しよう!のお話
ホームページ構成を考えよう!のお話
色んなサイトを見てみよう!のお話
構成案のフローチャート!のお話
ホームページのレイアウト!のお話
掲載するデータを準備しよう!のお話
スケジュールを立てよう!のお話

━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─

●無料テーマ(テンプレート)を見てみよう ビックリマーク

WordPressの準備がもう出来ていれば、
最初から入っている無料のテーマでホームページが表示されてるはずだよ。
※テーマっていうのはWordPressでテンプレートのことをいうんだ。

出来てる人は wordpressのTOPページにアクセスしてね。
ドメインの直下に入れた場合): http://ドメイン名/
ドメインの第二階層に入れた場合): http://ドメイン名/●●●/

アクセスすると下のデザインになってるはずだよ。ダウン
(画面は2010.9.3.現在の最新版 WordPress3.0.1の日本語版の画面です)

●無料テーマでのホームページのデフォルト画面 (↓クリックで拡大できるよ)
ロッドくんの簡単WEB運営-ロッドくんのホームページの最初
このテーマの説明↓
★WordPressの管理画面より

Twenty Ten 1.1 : the WordPress team 作

WordPress のテーマ「2010」は、スタイリッシュで、カスタマイズ可能で、簡潔で、読みやすく — カスタムメニュー、ヘッダー画像、背景でサイトを作れます。Twenty Ten は6つのウィジェットエリア (サイドバーに2つ、フッターに4つ) と、アイキャッチ画像 (ギャラリー投稿のサムネイルと、投稿やページのカスタムヘッダー画像) に対応しています。印刷用、管理のビジュアルエディター用、”Asides” と “Gallery” カテゴリー用のスタイルシートが用意されています。また、サイドバーを取り去った1カラムのページのテンプレートもあります。

このテーマのすべてのファイルは /themes/twentyten にあります。


っていうことなんだ。
この説明は、WordPressのダッシュボード(管理室)のメニューの
外観』 にアクセスすると掲載されてるよ。

書かれてるように、カスタマイズ出来るから、オリジナルのイメージに変更出来るんだ 音譜
ヘッダー画像はこれを入れて8個用意されてるんだけど、
このヘッダー画像をオリジナルで作ったものに変えるだけでも印象は違うものになるし
メニューを変えたり、好きな並びにしたり、背景を変えたり、
そういう色んな変更も管理画面で簡単に出来るんだ。
だからブログ風じゃなくて お仕事用ホームページって形に出来るんだ。

詳しい人はスタイルシートっていうのを編集すると、
文字の大きさとか行間とか、他にも色んな修正が出来るから、
さらにオリジナルのテーマっていう感じに出来ちゃうよ。


それに このテーマの他にも

ダウン

●すごくたくさんのWordPressテーマがあるんだビックリマーク

★WordPressの管理画面より
現在インストールされているテーマは1つのみです。もっと人生を楽しみましょう ! WordPress.org のテーマディレクトリにある1000種類以上の無料テーマからいつでも追加できます。上記のテーマのインストール タブをクリックするだけです。


ね。
テーマのインストール はまたこんどお話するね)
それに、検索エンジンで 『WordPress テーマ』 とかで検索しても、
すごおおおおくたくさんのテーマが見つかるんだ。
探してみてね。

それで、ヘッダー画像とかをオリジナルで作る場合は
画像加工ソフトっていうのがあると便利なんだ。
フォトショップっていうソフトがあると一番良いと思うんだけど、
これも検索エンジンで 『画像加工ソフト』 とかで検索すると
無料で利用できるのがたくさんあるよ。
デジカメを買うと おまけでついてる事もあるみたいね ニコニコ


というわけで、
今日は無料テーマ(テンプレート)!のお話でしたー !! アップ

━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─━─

それでは今日はこのへんで! ページを見てくれてありがとー音譜
あっ 今日金曜日だ。土日おやすみしちゃうかも。
今日もいろんなブログを見てから帰ろおおお~っと ニコニコ

またこのページをのぞいてね!!
それじゃあまたね~。
(ペタペタしてねにひひ
ペタしてね ロッドくんの簡単WEB運営-はしり-サッカー

早くホームページを作りたい人や、まかせちゃいたい人はお問い合わせしてね。

ロッドくんのいる会社より
※ロッドくんはイメージキャラクターです。
小さい子(の設定目なので難しい言葉はわかりません。
ひらがなが多すぎたり読みづらい箇所は大人が少し修正しています。と思ってください。音譜

不明点等ございましたら『ロッドCMS』までお問合せ下さい。
(販売パートナーも募集中です)

ロッドくんのサイトはこちら→ WEB運営の最善策 『ロッドCMS』