web-dev-qa-db-ja.com

フッターに画像を追加する方法？

だから私は私が書いていないいくつかのコードを調べています。このコードはここにあります。

<nav id="footer-nav" class="span8 last">
  <a href="#"><button class="footerButton">Menu</button></a>
    <!--div class="menu-button">Menu</div-->
     <?php wp_nav_menu( array('menu' => 'Footer Menu') ); ?>
</nav><!-- id="footer-nav" -->

このコードから私が解釈しているのは、wpダッシュボードのどこかにフッターメニューがあるということですが、それは表示されません。

私は見つけるためにfunctions.phpにも行ったことがあります。

<?php wp_nav_menu(array('theme_location' => 'footer')); ?>

functions.phpにそのようなコードはありません。それで、フッターメニューがなくて、このコードがただそこに座って何もしないと仮定するのは安全ですか？

長期的に私はこの画像の隣にPNG画像を追加する必要があるのでfooter.phpファイルをよりよく理解しようとしています：

<div class="span2 bbb last">
             <a title="John Eaton Homes, Inc. BBB Business Review" href="http://www.bbb.org/indianapolis/business-reviews/home-builders/john-eaton-homes-inc-in-indianapolis-in-40000093/#bbbonlineclick"><img alt="John Eaton Homes, Inc. BBB Business Review" style="border: 0;" src="http://seal-indy.bbb.org/seals/black-seal-120-70-john-eaton-homes-inc-40000093.png" /></a>

これが完全なfooter.phpです。

<?php if ( !is_front_page() ): ?>
        <div class="main-wrapper clearfix footer-more">
                <img class="divider" src="<?php bloginfo('template_directory');?>/images/divider.png" alt="" />
                <h1>Discover more from John Eaton Homes...</h1>
                <?php include dirname(__FILE__) . "/featured-links.php"; ?>
        </div>
<?php endif; ?>
</div> <!--main wrapper-->
        <footer id="main-footer">

        <div class="main-wrapper clearfix">


        <div class="span3">
                <a href="/"><img class="footer-logo" src="<?php the_field('logo','options'); ?>" alt="John Eaton Homes" /></a>
        </div>

                        <nav id="footer-nav" class="span8 last">
                                <a href="#"><button class="footerButton">Menu</button></a>
                                <!--div class="menu-button">Menu</div-->
                                        <?php wp_nav_menu( array('menu' => 'Footer Menu') ); ?>
                         </nav><!-- id="footer-nav" -->

             <div class="span2 bbb last">
             <a title="John Eaton Homes, Inc. BBB Business Review" href="http://www.bbb.org/indianapolis/business-reviews/home-builders/john-eaton-homes-inc-in-indianapolis-in-40000093/#bbbonlineclick"><img alt="John Eaton Homes, Inc. BBB Business Review" style="border: 0;" src="http://seal-indy.bbb.org/seals/black-seal-120-70-john-eaton-homes-inc-40000093.png" /></a>
             </div>

         </div>
        </footer><!-- id="main-footer" -->
<?php wp_footer(); ?>
</body>
</html>

私はこれを追加しようとしました：

<img src=“images/bagi-logo.png"/>

しかし、それはそれが要求されている最後のspan2 bbbのイメージクラスの隣には現れません。横に配置すると、フッターロゴ画像の下に表示されます。

functionsimagesfooter
1
Daniel

いくつかの異なるポインタのような音が便利かもしれません。

  • あなたはあなたのウェブサイトのためにカスタム開発されたテーマに取り組んでいますか？そうでない場合は、親テーマが更新を受け取るたびに変更内容が上書きされないように、子テーマを作成する必要があります。
  • 追加しようとしている画像は、WordPressのメディアライブラリを介してアップロードするか、テーマファイルに保存する必要があります。あなたの情報源"images/bagi-logo.png"は"http://yoursite.com/images/bagi-logo.png"でファイルを探しています。テーマの一部として含める場合は、代わりに次のような場所に配置する必要があります。"http://yoursite.com/wp-content/themes/yourthemename/images/bagi-logo.png"。
  • wp_nav_menuによって呼び出されるメニューには、いくつかの異なる方法でアクセスできます。一つはwp-adminにログインしてAppearance> Menusに行くことです。そこから、その特定のメニューが作成されたかどうかを確認できます。 HTML出力が発生している場合は、WPのどこかにメニューが保存されています。この種のデータは、テーマファイルではなくデータベースに保存されます。
  • クラスの音から、"span3"はおそらくフロートしています。つまり、そのdivの外側に何かを配置すると、それが必要な領域の下にプッシュされます。その部分のトラブルシューティングについては、CSSを調べてください。画像を"span3" divの内側に配置するか、すべてのスパン番号を調整して、スパン番号を含む最後のdivを追加して画像を囲む必要があります。
2
WebElaine