まず、メモ帳なんですが、concrete5のテーマではUTF-8という文字コードを扱います。
メモ帳では、UTF-8を扱うのに問題があるため、他のエディタを準備してください。
TeraPadというのがオススメです。
http://www.forest.impress.co.jp/library/software/terapad/
また、TeraPadで保存する時は、UTF-8Nで保存するようにしてください。
下記URLに詳しく書いてあります。
http://www.php-factory.net/trivia/03.php
次に、テーマは何をお使いか、ということです。
「水色」ということなので、GreekYogurt だと思いますので、
その前提で話を進めます。
まずは、フッターリンクの消し方です。
◆フッターリンクの消し方
FTPでアクセスし、concrete5がインストールされているディレクトリを開いてください。
/【concrete5がインストールされているディレクトリ】/concrete/themes/greek_yogurt/elements/footer.php
というファイルがあります。これを一旦ローカルに保存しましょう。
なお、/concrete/ ディレクトリの下にあるファイルは、絶対に上書きしたり削除したりしないでください。
次にTeraPadでこのfooter.phpを開き、27行目の
<p class="footer-tag-line"><?php echo t('Built with <a href="http://www.concrete5.org/" alt="Free Content Management System" target="_blank">concrete5 - an open source CMS</a>')?></p>
という記述を
<!— <p class="footer-tag-line"><?php echo t('Built with <a href="http://www.concrete5.org/" alt="Free Content Management System" target="_blank">concrete5 - an open source CMS</a>')?></p> -->
とし、HTMLのコメントアウトにします。
いきなり消してもいいのですが、何か不具合があったらまずいので、一旦コメントアウトにしてください。
次に、FTPソフト上で
/【concrete5がインストールされているディレクトリ】/themes/
というディレクトリにアクセスしてください。
これの中身は空っぽだと思いますが、次のようにディレクトリを作ります。
/【concrete5がインストールされているディレクトリ】/themes/greek_yogurt/elements/
footer.phpをダウンロードしてきたディレクトリと構成が良く似ていますが、/concrete/ディレクトリではないところがポイントです。
最後に、ローカルで編集したfooter.phpを、この新しく作ったディレクトリにアップロードします。
この作業が済んだら、おつくりになったconcrete5のサイトURLにブラウザでアクセスして、再読み込みをします。
再読み込みしても変化がない場合は、管理画面でキャッシュのクリアをしてください。
テーマのカスタマイズをしている最中は、キャッシュをオフにするのがお作法です。
コメントアウトして正常に表示が消えたら(他の体裁崩れなどがなければ)、footer.phpの27行目を削除しても構いません。
◆フッターの水色を他の色に変える
同じ要領で、
/【concrete5がインストールされているディレクトリ】/concrete/themes/greek_yogurt/typography.css
というファイルを、ローカルに保存します。
次に、変えたい色を決めます。単純に色名を表す英単語を入力するか、微妙なニュアンスの色を使う場合は、16進数の色コードを決めます。
英単語表記にしたい場合は、以下のURLを参考にしてください。
http://blog.livedoor.jp/html_color/archives/50716737.html
16進数でやるなら、以下のURLを参考にしてください。
http://html-color-codes.info/japanese/
次に、typography.cssを開き、最後の行に以下のように追記してください。
div#main-container #footer {
background-color: #ddd;
}
#dddのところを、色名の英単語か16進数のコードにします。#dddは、明るいグレーを意味します。
最後に、ローカルで編集して保存したtypograpy.cssを、
/【concrete5がインストールされているディレクトリ】/themes/greek_yogurt/
にアップロードして保存します。
ブラウザを再読み込みして、変化しているか確認してください。
ヘッダー左上のロゴを画像にして中央揃えにするのは、これが終わってからにしましょう。
でこ
Re: フッターのリンクについて
ご返信ありがとうございます。
実は5年ほど前に1冊、ホームページ作成の本を買い、ホームページ作成に挑戦したことがあります。
その時に四苦八苦した覚えがあり、しかしコンクリート5のデモ動画を見て、これならもっと簡単にできそうだと思い挑戦してみました。
デモ動画ほど簡単ではなかったですが、、、
なので少ーーしの知識だけはあるので大変お手数ですがよろしければお教えいただけますでしょうか?
それと追加でヘッダーの左上にサイトの名前があるのですが、これを画像に変えて中央に持ってきたいと思います。この方法もよろしければお願いできますでしょうか?
5年ほど前に制作しようとした時はwindousのメモ帳を使ってHTMLとCSSを書きました。今回もファイルをメモ帳で書き換えていいのでしょうか?
以上よろしくお願い致します。