Refortunes(リフォーチュンズ) Drupal、レスポンシブ・ウェブサイト制作 -22ページ目

Refortunes(リフォーチュンズ) Drupal、レスポンシブ・ウェブサイト制作

主にCMS(Drupal)、レスポンシブサイト。iPhoneアプリの開発もたまに。I develop drupal websites, responsive websites and sometimes iPhone Apps for hobby.

なんだか、調子出てきたので、どんどん進みたいと思いますDASH!

というよりも、ペースアップしないと、本当に5月中に公開するのが無理な気がしてきましたにひひあせる

今回はフッターを設定したいと思います。

設定方法は、
1.) http://localhost/drupal/admin/structure/block/add

に行き、使用するブロックを新しく作り、使用します。

(データベースのスキル一覧を作ります。アピールですねにひひ)


title:Database Skills
description: database_skills
body:
<ul>
<li>H2</li>
<li>Oracle</li>
<li>SQL Server</li>
<li>MySQL</li>
<li>Access</li>
</ul>
Region Settings: Footer
保存をポチっとします。

すると~、下の感じになります目

Refortunes(リフォーチュンズ)起業独立ブログ ~起業独立にむけて日々奮闘~

いい感じじゃないですか???ニコニコ音譜

この調子で続けて作りましょう♪

★コンピュータ言語

title:Computer Language
description: computer_language
body:
<ul>
<li>C#</li>
<li>Java</li>
<li>Objective-C</li>
<li>PHP</li>
<li>JavaScript, CSS</li>
</ul>

★コンピュータ言語
title:tutorials
description: tutorials
body:
<ul>
<li>Comming soon...</li>
</ul>

★言語切り替え
これはブロックリスト
http://localhost/drupal/admin/structure/block

で無効となっている「Language switcher (User interface text)」にFooterを設定すると表示されます。

あ、http://localhost/drupal/admin/config/regional/language/configure

で、ユーザー選択に従うを有効にしないと表示されませんので。

ちなみに、

http://drupal.org/project/follow

をダウンロードし、インストールするとsocial networkの一覧も表示できますので、ダウンロード→インストール→有効してみましょう。

(やり方が分からない人はこちらを参考にして下さい。)

http://localhost/drupal/admin/modules

でSearchとFollowにチェックを入れ、保存します。

http://localhost/drupal/admin/config/services/follow

でリンクを入力します。

Facebook: http://www.facebook.com/refortunes

Twitter: http://www.twitter.com/refortunes

youtube: http://www.youtube.com/refortunes

入力後、保存します。

http://localhost/drupal/admin/appearance/settings/andromeda

で、「Show follow links in search block」にチェックを入れ、保存します。

再度、http://localhost/drupal/admin/structure/block

で、Search Formをフッターに設定し、保存します。

http://localhost/drupal/admin/people/permissions

で、「Use Search」、「Use Advance Search」にチェックを入れて保存します。

(↑これをしないと一般ユーザに表示されません。検索フォームの初期設定は管理人にのみ表示される設定となっているようです。)

設定は以上になります。(走り書きですみませんあせる)

一応出来上がりはというと~

Refortunes(リフォーチュンズ)起業独立ブログ ~起業独立にむけて日々奮闘~

Refortunes(リフォーチュンズ)起業独立ブログ ~起業独立にむけて日々奮闘~

なかなかいい感じじゃないですか???ニコニコ音譜

今日はこれで終わりにしたいと思います^^

気がついたらもう23時じゃないですか!∑ヾ( ̄0 ̄;ノ

おやすみなさいませぐぅぐぅ



-------------------------------
Refortunes ( リフォーチュンズ )
info@refortunes.com
www.refortunes.com
Drupal ( ドゥルーパル ) サイト制作、Drupal情報Drupal講座Drupal特徴Drupal制作動画およびiPhoneアプリ開発
Drupal website, Drupal Info, Drupal Tutorials, Why Drupal?, Drupal Videos, iPhone Apps design and development
前回まではこんな感じになっていたと思いますが↓、いろいろ情報を設定し、それを見栄えよくしましょニコニコ音譜

Refortunes(リフォーチュンズ)起業独立ブログ ~起業独立にむけて日々奮闘~

前準備:

1.) http://localhost/drupal/admin/modules

に、PHP filter、MenuとPathにチェックを入れ、保存しましょう。

(後で使いますので)


2.) http://localhost/drupal/admin/structure/block/

で、

system help, user login, navigation をすべてnoneに設定し、保存します。


1.)まずは、ハイライトを設定しましょう!

設定方法は、

http://localhost/drupal/admin/structure/block/add

で、ハイライト用のブロックを作ります。

title: highlight

description: highlight

body:
<h1>Refortunes</h1>
<h2>Internet, mobile entrepreneur and developer</h2>

text format: php code

region settings: highlight

pages: only the listed pages (テキストボックスに:<front>と入力します)


以上で保存します。

そうすると、こういう風になります↓

Refortunes(リフォーチュンズ)起業独立ブログ ~起業独立にむけて日々奮闘~

お?ちょっとっぽくなってきましたねニコニコ (そんなことないですか?にひひあせる)


2.)次に、frontpage(ホームページ)に使用するためのページを作ります。

ページは通常「content types」に入ってますが、ない場合は作りましょう。

作り方は、
http://localhost/drupal/admin/structure/types/add


に行き、必要な情報を入力します。


私の場合は


Name: Page
Publishing options: Promoted to front pageのチェックを外す。
Multilingual supportをenableにする。
Display Settings: Display author and date informationのチェックを外す。

これで「Save Content Type」をクリックして、保存します。

そうするとAdd Contentに新しくページが追加されます。

3.) 次にウェブサイトに実際に使うページを作成しましょう。(まずは英語版から行きます)

方法は、

http://localhost/drupal/node/add/page

にて、ページを作成します。

タイトル:home
内容:
<div class="content">
<div class="grid-parent">
<div class="grid-child grid-50 grid-space-right">
<p><strong>WHAT WE DO</strong></p>
<p align="center" style="border: 1px solid
#dddddd;"><img src="sites/default/files/computer2.jpg"
style="margin: 5px 0 0;" width="360px"/></p>
<p>We design and develop homepage, website, mobile site and iPhone applications for both individual and/or commercial use.
We also redesign homepages/websites to a more user friendly, SNS (such
as facebook or twitter) integrated and localized (Japanese, English )
site. </p>
<!--<h4><a href="add/link/here">Read More!</a></h4>-->
</div>
</div>
</div> <!-- /#content -->
<div class="content">
<div class="grid-parent">
<div class="grid-child grid-25 grid-space-right">
<p><strong>WORK WITH US</strong></p>
<p align="center" style="border: 1px solid
#dddddd;"><img src="sites/default/files/work_with_us.png"
style="margin: 5px 0 0;" width="180px" /></p>
<p>Interested in working with us?<br>
Feel free to get in touch.</p>
<!--<h4><a href="add/link/here">Read More!</a></h4>-->
</div>
<div class="grid-child grid-25">
<p><strong>HIRE US</strong></p>
<p align="center" style="border: 1px solid
#dddddd;"><img src="sites/default/files/hire_us.png"
style="margin: 5px 0 0;" width="180px" /></p>
<p>Offers high quality, low cost services.
Please feel free to contact us.</p>
<!--<h4><a href="add/link/here">Read More!</a></h4>-->
</div>
</div>
</div> <!-- /#content -->

url path: home

で保存します。

4.)作ったページをフロントページに設定する
http://localhost/drupal/admin/config/system/site-information

default font page:
http://localhost/drupal/home

保存します。

ほんで、見てみますとぉ~~~目

Refortunes(リフォーチュンズ)起業独立ブログ ~起業独立にむけて日々奮闘~

Refortunes(リフォーチュンズ)起業独立ブログ ~起業独立にむけて日々奮闘~


おおお??目!!!!


ちょっとは良くなったんじゃないでしょうか???ニコニコアップ


これからどんどん良くしていきたいので、宜しくお願いします音譜





-------------------------------
Refortunes ( リフォーチュンズ )
info@refortunes.com
www.refortunes.com
Drupal ( ドゥルーパル ) サイト制作、Drupal情報Drupal講座Drupal特徴Drupal制作動画およびiPhoneアプリ開発
Drupal website, Drupal Info, Drupal Tutorials, Why Drupal?, Drupal Videos, iPhone Apps design and development
いやはや~、雨がなかなか止んでくれませんね~雨

せめて5時間ぐらい止んでくれればその間にジム行けるのにぃ~ダウン

それはさておき、ウェブサイトに使える無料画像を探しています!!

簡単そうで実は難しいんですよ~あせる

「無料で画像ダウンロード出来ます」とか書いてあるのに、蓋を開けると、「定額を支払いば」とかwww

無料じゃないんじゃんwww!!

ってツッコミたくなりますが、悲しい事にこんな感じのものばかりですあせる

(ま、向こうも商売なのでもちろん文句は言えませんが汗)

それでも根気良く探して見ると下記ページにたどり着きましたアップ

http://pro.foto.ne.jp/

これは良さそうラブラブ!

このページでは、ビジネスイメージの写真を無料でフリー写真素材として公開しています。写真素材は、商業広告・出版物・冊子のグラフィックデザイン、
Webサイトやホームページのデザイン制作、TV番組やCMの映像製作、店舗や看板の装飾など、商用利用も可能な高解像度のフリー画像が今すぐ無料でダウ
ンロードできます。リンクや著作権表記(クレジット表記)は一切不要です。


だそうです。ありがたい!!ニコニコ

早速いろいろ探してみますと、いくつか使いたい写真が見つかりましたので、早速ダウンロードしましたアップ

ちなみに、気に入った写真がこちらです↓
http://pro.foto.ne.jp/free/product_info.php/cPath/21_50_116/products_id/4544
http://pro.foto.ne.jp/free/product_info.php/cPath/21_50_116/products_id/4548
http://pro.foto.ne.jp/free/product_info.php/cPath/21_50_116/products_id/1717

他にも
http://free-business-illustration.com

というサイトも見つけましたので、ウェブサイト作成の際に画像が欲しいなぁ~と思った時に使って頂かればと思います^^

さて、次回(こそ!)はこれらの画像を使ってフロントページを作りたいと思いますアップ

乞うご期待ニコニコ音譜




-------------------------------
Refortunes ( リフォーチュンズ )
info@refortunes.com
www.refortunes.com
Drupal ( ドゥルーパル ) サイト制作、Drupal情報Drupal講座Drupal特徴Drupal制作動画およびiPhoneアプリ開発
Drupal website, Drupal Info, Drupal Tutorials, Why Drupal?, Drupal Videos, iPhone Apps design and development