フッターを変更

フッターの表示を変更する方法について説明します。

takanori

ここでは、下記のようなploneサイトのフッターの表示を変更する方法について説明します。

footer

目次

フッターの定義[define]

まず最初に、フッターがどこに定義されているかを探す必要があります。 フッターの定義を探すために、main_template というPage Templateを参照します。 Zopeの管理画面で、portal_skins/plone_template を選択します。

select portal_skins/plone_template

次に、ploneのページの全体の構成が記述してある、mainn_template を選択して参照します。

select main_template

main_template を参照すると、一番下の方に以下のように記述してある部分があります。: 

      <metal:block i18n:domain="plone">
        <div id="portal-footer" metal:use-macro="here/footer/macros/portal_footer">
          Footer
        </div>

        <div id="portal-colophon" metal:use-macro="here/colophon/macros/colophon">
          The colophon area - contains details about the production of
          the site. Typically "powered by" buttons, standards, tools used.
        </div>
      </metal:block>

この記述を読むと、フッター部分は footer と colophon の2ヶ所で定義されていることがわかります。(use-macro の部分です。)

定義されている部分がわかったので、以下でそれぞれの部分を編集します。

フッターの変更[footer]

まずは、上の部分 footer の定義を変更します。 footer も plone_templates に定義してあります。 Customize ボタンをクリックして、custom フォルダにコピーを作成します。

customize footer

このサイトでは以下のように変更しました。: 

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
      i18n:domain="plone">
    <body>

    <div id="portal-footer" metal:define-macro="portal_footer">
      Copyright &copy; 2005 -
      <span tal:define="now modules/DateTime/DateTime" tal:content="now/year" />
      by
      <a href="http://takanory.net">takanori</a>
    </div>

    </body>
    </html>

colophonの変更[colophon]

続いて動揺に下の部分 colophon の定義を変更します。 colophon も plone_templates に定義してあります。 Customize ボタンをクリックして、custom フォルダにコピーを作成します。

このサイトでは以下のように変更しました。: 

    <html xmlns="http://www.w3.org/1999/xhtml"
          xml:lang="en" lang="en"
          i18n:domain="plone">

    <head><title></title></head>
    <body>

    <div id="portal-colophon" metal:define-macro="colophon">
      Powered by
      <a href="http://vinelinux.org">Vine Linux</a> /
      <a href="http://zope.org">Zope</a> /
      <a href="http://plone.org">Plone</a>
    </div>

    </body>
    </html>

上記の変更により、以下のようにフッターが変更できました。

customized footer