Ploneのインストールができて、Diazoテーマを3つほどもらってきたのだけど、Schools Themeが良さそうなのでこいつを編集して元サイトに近いイメージになるように作ってみます。

 トップ画像のサイズは993*107px。トップイメージ、ロゴバックグラウンド、ploneロゴ、の順に重ねて表示されている。まず、トップイメージのロゴを 993*107pxになるように編集。bg-header.jpgという名前で、Themingメニューの使用中のthemeのimagesの下にアップ。bg-logo.pngをbg-logo.org.pngとリネーム。ロゴの非表示の方法がわからなかったので1×1ピクセルのみの透明画像を制作、logo.pngとして保存
ZMIの、/FrontierLine/portal_skins/customに移動。プルダウンメニューからimageを選ぶ。IDをlogo.png、タイトル無し、ファイルを選択。logo.png自体を消すとエラーになるので苦肉の策。

 しかし、http://133.242.169.139:8080/FrontierLine/@@manage-viewletsでビユーレットの表示非表示がある程度コントロールでき、ロゴを出すかどうかもこれで制御できたのだった。
 気を取り直してフッタ部分をいじる。
 まず、manage-viewletsでViewlet: plone.colophon (1)を隠す。
 ZMIの/FrontierLine/portal_view_customizationsに移動。zope.interface.Interfaceの下の、plone-footerを選んで編集。


<div i18n:domain="plone"
     id="portal-footer">
          <p>
Ryo Hirokawa Presents. All Right Reserved. Powerd by Plone & python.
          </p>
</div>

にする。

 トップ画像に重なっているスローガンの変更。画像との位置関係から、スローガンは無い方がいいので出さないようにする。
Site Setup -> Theming -> Advanced Settings tab. パラメータ式の中の、
slogan = string:Free Theme for Plone
を変更。日本語を使うなら、
slogan = python:path(‘context/slogan|string:’).decode(‘utf-8’, ‘ignore’
)
とした上で、Site Setup -> Zope Management Interface settings -> Properties tab add a new property slogan, type string, value your slogan and save.
今回はトップ画像のレイアウト上、スローガンは邪魔なので空欄に。つまりslogan = string:の後に何も入れないでおく。

 トップページについては、インストール時に書き込まれたページを削除し、新たにご案内のページを作ったら、表示→表示形式で、デフォルト表示アイテムを選択、でどれを出すか決める。

 左右のポートレットにメニューが出るのはいいのだが、トップ画像のすぐ下にグローバルナビが何行にもわたって出るのは見苦しい。
 ZMIで/FrontierLine/portal_view_customizations/zope.interface.interface-plone.global_sections
を編集。


  <ul id="portal-globalnav"
        tal:define="selected_tab python:view.selected_portal_tab"
        ><tal:tabs tal:repeat="tab portal_tabs"
        >&;t;li tal:define="tid tab/id"
             tal:attributes="id string:portaltab-${tid};
                            class python:selected_tab==tid and 'selected' or 'plain'"
            ><a href=""
               tal:content="tab/name"
               tal:attributes="href tab/url;
                               title tab/description|nothing;">
            Tab Name
            </a></li></tal:tabs></ul>

を削除するとグローバルナビが消える。

 元のhtmlファイルで使っていたCSSは、themingで選んだスタイルのstyles.cssに追加すると反映されるようになる。



Recently:


Comments


Name

Email

サイト

XHTML: 次のタグが使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

コメント

*