★Drupalにウェブサイト情報を設定 フロントページ編 | Refortunes(リフォーチュンズ) Drupal、レスポンシブ・ウェブサイト制作

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

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

前回まではこんな感じになっていたと思いますが↓、いろいろ情報を設定し、それを見栄えよくしましょニコニコ音譜

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