a-blog cms用テーマ「logical_jp」のヘッダロゴのカスタマイズ #ablogcms

logical_jpテーマで、ヘッダのロゴを画像のみとしたい場合の対応
https://github.com/webbingstudio/cms-theme-logical_jp

1. テンプレートの修正

/include/header/header_title.htmlを以下のように修正

altにブログ名が入るようにする
ロゴ部分をh1要素に変更する

logical_jp_acms_header_title.html

<div id="headerTitle">
<!-- BEGIN_MODULE Blog_Field -->
<!-- BEGIN blogHeaderLogo@path:veil -->
  <h1 class="headerLogo"><img src="%{ARCHIVES_DIR}{blogHeaderLogo@path}" width="{blogHeaderLogo@x}" height="{blogHeaderLogo@y}" alt="%{BLOG_NAME}"></h1>
<!-- END blogHeaderLogo@path:veil -->
<!-- END_MODULE Blog_Field -->
<!-- /#headerTitle --></div>

2. ブログカスタムフィールドの修正

/admin/blog/field.htmlの145行目周辺に画像の高さ制限が指定（64px）されているので
ロゴ画像の高さに合わせて値を大きくする

logical_jp_acms_field.html

・・・
      <input type="hidden" name="field[]" value="blogHeaderLogo" />
      <input type="hidden" name="blogHeaderLogo:extension" value="image" />
      <input type="hidden" name="blogHeaderLogo@height" value="64" />
      <p style="margin: 1em 0 0; padding: .5em; background: #FFF; border: 1px solid #D66;">高さ64ピクセル以上の、正方形に近い画像を用意してください。</p>
    </td>
・・・

3. CSSの調整

/resources/css/base.css のロゴ部分のスタイルを任意調整する
ファイル末尾のスマホ用も忘れずに