パーソナルツール
現在の場所: ホーム plone カスタマイズ ロゴの変更
書いた本
Plone 完全活用ガイド の Chapter 1, 2, 3, 11 を執筆しました。
plone のインストール、使い方から、機能・デザインのカスタマイズ、プロダクトの作り方まで、 plone のすべてがぎゅっと詰まっている書籍になっていると思います。
plone に興味がある人から、すでに使いこなしている方まで、ぜひ読んでみてください。
Plone 完全活用ガイドのサポートページ
ナビゲーション

 
文書操作

ロゴの変更

作成者 takanori 最終変更日時 2005年01月11日 17時09分

ploneサイトを作成すると、初期状態では左上にploneのロゴが表示されます。最初にサイトのカスタマイズとして、自分が作成したロゴと入れ替えます。ついでに、お気に入り用アイコン favicon.ico もカスタマイズします。

ploneサイトを作成すると、このようなロゴが左上に表示されます。このロゴを自分が作成したファイルと入れ替えます。

plone logo

目次

  • ロゴを作成する[create]
  • ロゴファイルをアップロードする[upload]
  • ロゴを設定する[setting]
  • お気に入り用アイコンをアップロードする[favicon]

ロゴを作成する[create]

まずはロゴを作成します。ロゴの作成は自分で一から作ったり、ツールを使ったりして、自分の気に入ったものを作成してください。(無責任)

ちなみに、私は Gimp for Windows を使用して作成しています。

ロゴ&バナー無料自動作成 などのサイトを利用するのも手だと思います。

それから TypeNow.net に面白いフォントがありますので、ここから好みのフォントを持ってくるのもよいと思います。

とりあえず、ここで作成したファイルは logo.png という名前の画像ファイルということにしておきます。

ロゴファイルをアップロードする[upload]

次に作成したファイルをZopeサーバにアップロードします。

アップロードする場所は、ploneサイトの直下ではありません。

  1. ploneの下の portal_skins の下の custom フォルダに移動します。

    Select custom folder

    初期状態では、このフォルダには何もアイテムは存在しません。

    no items in custom folder

  2. このフォルダに Image を追加します。

    Add Image

    先ほど作成したファイルを参照して指定し、追加します。Titleには適当な名前を指定してください。(必須ではありません)

    Add logo mage

  3. これで、ロゴファイルがアップロードされました。

    Logo image in custom folder

ロゴを設定する[setting]

これだけでは、ロゴファイルは変更されません。次にPloneサイトに対して、ロゴファイル名が logo.jpg から logo.png に設定を変更する必要があります。

  1. base_properties を開く

    Plone サイトの色やフォント、ロゴに関する設定は portal_skins/plone_styles の下の base_properties というアイテムに設定されています。このアイテムを選択して開きます。

    select base_properties

    この画面が base_properties の中身になります。3行目に logoName という項目が存在し値が logo.jpg に設定されているのがわかります。

    view base_properties

    しかし、この画面を見てのとおり、入力フィールド等がないため、値の変更ができません。また、アイテムの種類を表すアイコンも、変更できないことを表すために鍵のマーク(fsprops.gif )が付いてます。

    なぜ、値の変更ができないかというと、この base_properties というアイテムはWindowsやLinuxのファイルシステム上のファイルとして存在しているからです。実際のファイルは以下の場所にあります。

    • CMFPlone/skins/plone_styles/base_properties.props
  2. base_properties をカスタマイズする

    このアイテムを変更するための仕組みが Plone には用意されています。そのためには変更したいアイテムで Customize ボタンをクリックします。

    Customize base_properties

    すると、base_properties の内容が portal_skins/custom の下にフォルダのプロパティという形でコピーされます。

    base_properties in custom folder

    これで、カスタマイズができるようになったので、logoName の値を logo.png に変更して保存します。

このように、Ploneサイトをカスタマイズするには、以下のような手順になります。

  1. 設定の元となっているアイテムを portal_skins の下から探す。
  2. アイテムを参照して Customize ボタンを押して custom フォルダにコピーを作成する。
  3. コピーしたアイテムを修正する。

お気に入り用アイコンをアップロードする[favicon]

ロゴファイルをカスタマイズしたので、ついでにお気に入り用アイコン favicon.ico ファイルもカスタマイズします。

Ploneサイトの初期設定では、お気に入りアイコンとして Plone のアイコンが使用されています。これを自分のサイト用アイコンに入れ替えます。

plone default favicon.ico

この手順はロゴファイルのアップロードとほぼ同様です。あらかじめ favicon.ico というファイルを用意し、Ploneサイトの下の portal_skins/custom フォルダにImageアイテムとして追加します。

favicon.ico in custom filder

あとは、Web browserでお気に入りのアイコンが変更になっていることを確認します。browserがキャッシュを読み込んで表示する場合があるので、browserの再起動やキャッシュの消去が必要な場合があります。

customized favicon.ico

ロゴの切り替え

投稿者 無名ユーザ 投稿日時: 2008年01月28日 18時16分
このサイトをいつも重宝させていただいています.
一つ質問させていただいてよろしいでしょうか?
日本語のページ,英語のページの切り替えでロゴを変更したいのですが,
その方法をご教授いただけませんでしょうか?
#日本語・英語のページでそれぞれ違うログを使いたいということです

Powered by vine linux, python, zope, plone, coreblog