【Simplicity】フッタースライドインメニューの「次へ」「前へ」を消す

よろしければシェアお願いします!

Simplicityのフッタースライドインを導入した。
回遊率やPVの上昇は見られなかったが、使い慣れると楽。スマホでサイトを見たとき、カテゴリー使うために最下部までスクロールするのはストレス。実際数字としてのデータは取れないが、スライドインメニューは有効な気がする。

能書きはさておいて、「次へ」「前へ」は不要な気しかしない。削除してしまおう。

方法

buttons-footer-mobile.php 22行目付近


  <?php //前後の記事を取得 $prevpost = get_adjacent_post(false, '', true); //前の記事 $nextpost = get_adjacent_post(false, '', false); //次の記事 if ( is_single() )://投稿ページのとき ?>
    <?php if ( $prevpost )://前の記事があるとし ?>
    <a id="footer-button-prev" href="<?php echo get_permalink($prevpost->ID); ?>" title="<?php echo get_the_title($prevpost->ID); ?>">


<div class="menu-icon"><span class="fa fa-arrow-left"></span></div>


<div class="menu-caption menu-caption-prev"></div>







    </a>
    <?php endif ?>
    <?php if ( $nextpost )://次の記事があるとき ?>
    <a id="footer-button-next" href="<?php echo get_permalink($nextpost->ID); ?>" title="<?php echo get_the_title($nextpost->ID); ?>">
      






<div class="menu-icon"><span class="fa fa-arrow-right"></span></div>


<div class="menu-caption menu-caption-next"></div>







    </a>
    <?php endif ?>
  <?php endif;//is_single ?>

をさっぱり削除すると下記のように「次へ」「前へ」部分が消え去る


<div id="footer-mobile-buttons">
  <a id="footer-button-menu" href="#navi">
    
<div class="menu-icon"><span class="fa fa-bars"></span></div>


<div class="menu-caption menu-caption-menu"></div>

  </a>
  <a id="footer-button-home" href="<?php echo site_url() ?>">
    
<div class="menu-icon"><span class="fa fa-home"></span></div>


<div class="menu-caption menu-caption-home"></div>

  </a>
  <a id="footer-button-search" href="#">
    
<div class="menu-icon"><span class="fa fa-search"></span></div>


<div class="menu-caption menu-caption-search"></div>

  </a>
  <a id="footer-button-go-to-top" href="#">
    
<div class="menu-icon"><span class="fa fa-arrow-up"></span></div>


<div class="menu-caption menu-caption-top"></div>

  </a>
  <a id="footer-button-sidebar" href="#sidebar">
    
<div class="menu-icon"><span class="fa fa-outdent"></span></div>


<div class="menu-caption menu-caption-sidebar"></div>

  </a>
</div>

ついでにCSSも修正

footer-mobile-buttons.css

#footer-mobile-buttons
で背景色と高さを調節。

#footer-mobile-buttons

で文字色調節

#footer-mobile-buttons a .menu-icon

でアイコン大きさ

#footer-mobile-buttons a .menu-caption

で文字の大きさ

完成

高さを低くして文字大きさ色を変えました。

*PHPファイルをいじるのでバックアップは必ず。
個人用メモなので、調べてから。失敗しても自己責任でお願いします。

スポンサーリンク

よろしければシェアお願いします!