フッター クレジットが表示されるフッター行を変更する方法についてのアドバイスを探していました。
現在、フッター クレジット ラインの上でフッター 1、フッター 2、フッター 3、フッター 4 をアクティブにすることができ、これはすべて正常に表示されます。
私が今やろうとしているのは、フッター クレジット ラインを 2 つの列に分割することです。左側にはフッター クレジットがあり、右側にはどの支払い方法が受け入れられるかを示したいと思います。
子テーマを作成し、themes\store-front\inc\structure から footer.php ファイルをコピーしましたが、これを行う方法がわかりません。
可能であれば、フッター クレジットがある背景の色を変更する方法も知りたいです。現時点では、すべてが 1 div クラス内にあるように見えます。
私の現在の HTML コード (Firebug) は、現在持っているものを示しています。
<footer id="colophon" class="site-footer" role="contentinfo">
<div class="col-full">
<section class="footer-widgets col-4 fix">
<section class="block footer-widget-1">
<aside id="text-2" class="widget-1 widget-first widget-last widget-odd widget widget_text">
<h3>Get In Touch</h3>
<div class="textwidget">
My Site Ltd<br>
01234 567 8901<br>
info@mysite.com<br>
Email Us Today and we will respond within 24 hours!<br>
</div>
</aside>
</section>
<section class="block footer-widget-2">
<aside id="pages-2" class="widget-1 widget-first widget-last widget-odd widget widget_pages">
<h3>ABOUT MYSITE</h3>
<ul>
<li class="page_item page-item-101"><a href="http://localhost/mysite/about-us/">About Us</a></li>
<li class="page_item page-item-5"><a href="http://localhost/mysite/cart/">Cart</a></li>
<li class="page_item page-item-6"><a href="http://localhost/mysite/checkout/">Checkout</a></li>
<li class="page_item page-item-81 current_page_item"><a href="http://localhost/mysite/">Home</a></li>
<li class="page_item page-item-7"><a href="http://localhost/mysite/my-account/">My Account</a></li>
<li class="page_item page-item-4"><a href="http://localhost/mysite/shop/">Shop</a></li>
</ul>
</aside>
</section>
<section class="block footer-widget-3">
<aside id="text-5" class="widget-1 widget-first widget-last widget-odd widget widget_text">
<h3>WHERE CAN I SEE YOU</h3>
<div class="textwidget">JFKLSDJKFJDSJL</div>
</aside>
</section>
<section class="block footer-widget-4">
<aside id="text-6" class="widget-1 widget-first widget-last widget-odd widget widget_text">
<h3>SIGN UP FOR GREAT OFFERS</h3>
<div class="textwidget">Be the first in line to receive our great new offers directly into your inbox!</div>
</aside>
</section>
</section><!-- /.footer-widgets -->
<div class="site-info">
© My Site 2015
</div><!-- .site-info -->
</div><!-- .col-full -->
</footer>
現在持っているものを示すためにコードまたはデモを貼り付けるのを忘れたため、エラーが発生したことをお詫びします。