フッターの設定方法 - hbm-HR

ヘッダ部分の画像、テキスト、検索ボックス等について要素毎に解説します。

管理画面 > [デザイン] > [(1) フッタ] のHTML記述欄にて各要素を調整して下さい。

『応募職種一覧へ』ボタンを変更する

HTMLを適宜編集してください。

<a href="遷移先URL" target="_blank">
  <img src="画像URL"alt="募集職種一覧へ">
</a>

ファイルアップローダーや貴社サーバーにて画像素材をアップロードしてくだい。
その後、imgタグの画像URL部分に設定してください。

altタグは適宜修正してください。画像が何らかの理由で表示されない場合に、設定したテキストが表示されます。

画像は幅:高さ= 1 : 1 の縦横比のものを使用してください。

企業名とリンク設定

フッタータイトルの設定

<p class="pc_block blog-footer-siteName">
  株式会社⚪︎⚪︎　採用特設サイト
</p>

適切な文言に置き換えてください。

フッタリンク設定

HTMLを適宜編集してください。
表示数の増減は、下記HTMLli～/liタグの塊を増やす、または減らすことで変更することが可能です。

また、列ごとに増減することも可能です。

列を増減する

blog-footer-nav-list-itemのクラス名が付いているliタグごとコピーして貼り付けることで、列を増やすことができます。削除をすれば減らすことができます。
最大5列まで設定可能です。

<li class="blog-footer-nav-list-item">
  <a class="blog-footer-nav-category" href="遷移先URL">リンクタイトル</a>
  <ul class="blog-footer-nav-category-list">
    <li class="blog-footer-nav-category-list-item">
      <a class="blog-footer-nav-category-list-link" href="遷移先URL" target="_blank">リンク１</a>
    </li>
    <li class="blog-footer-nav-category-list-item">
      <a class="blog-footer-nav-category-list-link" href="遷移先URL" target="_blank">リンク2</a>
    </li>
</ul>
</li>

リンクの数を増減する

blog-footer-nav-category-list-itemのクラス名が付いているliタグごとコピーして貼り付けることで、リンクのみ増やすことができます。削除をすれば減らすことができます。

<li class="blog-footer-nav-category-list-item">
  <a class="blog-footer-nav-category-list-link" href="遷移先URL" target="_blank">リンク</a>
</li>

SP版には、PC版のフッタで編集した内容がそのまま反映されます。

コピーライトを変更する

HTMLを適宜変更してください。

<a class="blog-footer__copy-link" href="#" target="_blank">株式会社⚪︎⚪︎</a>
<small class="blog-footer__copy-copyright">&copy; ⚪︎⚪︎ Co., Ltd.</small>