はい。ちょっと休んだら復活しました
雨もやんでくれました
今夜はちょいウォーキングしてみたいと思います
さて、前回はソーシャルプラグインの追加でだいぶウェブっぽくなったと思いますが、
今回はちょっと微調整などいろいろして、さらに見栄え良くしたいと思います。
こちらが前回までの出来上がりです↓
★Faviconの変更
はい。まずはfaviconの変更をしましょう。
FaviconとはURLに表示される小さい画像です。
変更方法は、
http://localhost/drupal/admin/appearance/settings
で、
Shortcut icon settingsで、「デフォルト画像を使用する」にチェックが入っていると思いますが、こちらを外します。
すると画像アップロードする欄が表示されます。
そちらにアップしたい画像を選択して、保存します。
すると、こんな感じになります～
分かります？？URLとタブの横のアイコンが変わってますよね？？＾＾
★スローガンの表示
スローガンを追加し、表示させましょう。
方法、
http://localhost/drupal/admin/config/system/site-information
で、Sloganにスローガンを入力します。
「Go beyond the limits」と入力し、保存します。
すると、
http://localhost/drupal/admin/appearance/settings/andromeda
でToggle displayのSite Sloganにチェックを入れ、保存します。
すると、サイト名(Refortunes)の下にスローガン(Go beyond the limits)と表示されます。
★Hightlightの部分『Refortunes』を『REFORTUNES』に変更
★ページの変更
まず、タイトルを<p>→<h2>に変更します。
内容の<p>も削除します。
Work with us
と
Hire us ～
の部分に<BR><BR>(←スペース)を追加
下記の用に変更↓(わかりにくいと思います
)
<div class="content">
<div class="grid-parent">
<h2>What we do</strong></h2>
<p align="center" style="border: 1px solid #dddddd;"><img src="sites/default/files/computer2.jpg" style="margin: 5px 0 0;" width="360px" title="What we do" /></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.
<!--<h4><a href="add/link/here">Read More!</a></h4>-->
</div>
</div> <!-- /#content -->
<BR><BR>
<div class="content">
<div class="grid-parent">
<div class="grid-child grid-50 grid-space-right">
<h2>Work with us</h2>
<p align="center" style="border: 1px solid #dddddd;"><img src="sites/default/files/work_with_us.png" style="margin: 5px 0 0;" width="180px" title="Work with us" /></p>
Interested in working with us?
Feel free to get in touch.</p>
<!--<h4><a href="add/link/here">Read More!</a></h4>-->
</div>
<div class="grid-child grid-50">
<h2>Hire us</h2>
<p align="center" style="border: 1px solid #dddddd;"><img src="sites/default/files/hire_us.png" style="margin: 5px 0 0;" width="180px" title="hire us" /></p>
Offers high quality, low cost services.
Please feel free to contact us.
<!--<h4><a href="add/link/here">Read More!</a></h4>-->
</div>
</div>
</div> <!-- /#content -->
出来上がりはというと～～～
な感じになります～～～
我ながらいい感じだと思いますが、いかがでしょう？？
ちなみに、What we doの画像を下記に変えようか迷ってます。(＞＜)
どっちのほうがいいですかね。。。
迷いますます～！
ま、決めたらまたご報告したいと思います。
いかがでしたか？？
だいぶウェブサイトっぽくなってきましたね
今回はこれで終わりにしたいと思います＾＾
次回はメニュー系の追加。。。等したいと思います★
では、また次回まで
-------------------------------
Refortunes (
リフォーチュンズ )
info@refortunes.com
www.refortunes.comDrupal (
ドゥルーパル )
サイト制作、Drupal情報、
Drupal講座、
Drupal特徴、
Drupal制作動画および
iPhoneアプリ開発Drupal website,
Drupal Info,
Drupal Tutorials,
Why Drupal?,
Drupal Videos,
iPhone Apps design and development
