ロゴの変更
ploneサイトを作成すると、初期状態では左上にploneのロゴが表示されます。最初にサイトのカスタマイズとして、自分が作成したロゴと入れ替えます。ついでに、お気に入り用アイコン favicon.ico もカスタマイズします。
ploneサイトを作成すると、このようなロゴが左上に表示されます。このロゴを自分が作成したファイルと入れ替えます。
目次
ロゴを作成する[create]
まずはロゴを作成します。ロゴの作成は自分で一から作ったり、ツールを使ったりして、自分の気に入ったものを作成してください。(無責任)
ちなみに、私は Gimp for Windows を使用して作成しています。
ロゴ&バナー無料自動作成 などのサイトを利用するのも手だと思います。
それから TypeNow.net に面白いフォントがありますので、ここから好みのフォントを持ってくるのもよいと思います。
とりあえず、ここで作成したファイルは logo.png という名前の画像ファイルということにしておきます。
ロゴファイルをアップロードする[upload]
次に作成したファイルをZopeサーバにアップロードします。
アップロードする場所は、ploneサイトの直下ではありません。
- ploneの下の
portal_skinsの下のcustomフォルダに移動します。
初期状態では、このフォルダには何もアイテムは存在しません。
- このフォルダに
Imageを追加します。
先ほど作成したファイルを参照して指定し、追加します。Titleには適当な名前を指定してください。(必須ではありません)
- これで、ロゴファイルがアップロードされました。
ロゴを設定する[setting]
これだけでは、ロゴファイルは変更されません。次にPloneサイトに対して、ロゴファイル名が logo.jpg から logo.png に設定を変更する必要があります。
base_propertiesを開くPlone サイトの色やフォント、ロゴに関する設定は
portal_skins/plone_stylesの下のbase_propertiesというアイテムに設定されています。このアイテムを選択して開きます。
この画面が
base_propertiesの中身になります。3行目にlogoNameという項目が存在し値がlogo.jpgに設定されているのがわかります。
しかし、この画面を見てのとおり、入力フィールド等がないため、値の変更ができません。また、アイテムの種類を表すアイコンも、変更できないことを表すために鍵のマーク(
)が付いてます。なぜ、値の変更ができないかというと、この
base_propertiesというアイテムはWindowsやLinuxのファイルシステム上のファイルとして存在しているからです。実際のファイルは以下の場所にあります。CMFPlone/skins/plone_styles/base_properties.props
base_propertiesをカスタマイズするこのアイテムを変更するための仕組みが Plone には用意されています。そのためには変更したいアイテムで
Customizeボタンをクリックします。
すると、
base_propertiesの内容がportal_skins/customの下にフォルダのプロパティという形でコピーされます。
これで、カスタマイズができるようになったので、
logoNameの値をlogo.pngに変更して保存します。
このように、Ploneサイトをカスタマイズするには、以下のような手順になります。
- 設定の元となっているアイテムを
portal_skinsの下から探す。 - アイテムを参照して
Customizeボタンを押してcustomフォルダにコピーを作成する。 - コピーしたアイテムを修正する。
お気に入り用アイコンをアップロードする[favicon]
ロゴファイルをカスタマイズしたので、ついでにお気に入り用アイコン favicon.ico ファイルもカスタマイズします。
Ploneサイトの初期設定では、お気に入りアイコンとして Plone のアイコンが使用されています。これを自分のサイト用アイコンに入れ替えます。
この手順はロゴファイルのアップロードとほぼ同様です。あらかじめ favicon.ico というファイルを用意し、Ploneサイトの下の portal_skins/custom フォルダにImageアイテムとして追加します。
あとは、Web browserでお気に入りのアイコンが変更になっていることを確認します。browserがキャッシュを読み込んで表示する場合があるので、browserの再起動やキャッシュの消去が必要な場合があります。
ロゴの切り替え
一つ質問させていただいてよろしいでしょうか?
日本語のページ,英語のページの切り替えでロゴを変更したいのですが,
その方法をご教授いただけませんでしょうか?
#日本語・英語のページでそれぞれ違うログを使いたいということです