質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Q&A

解決済

1回答

407閲覧

STINGER PLUS2にフッターウィジェットを追加

mokemoke

総合スコア52

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

0グッド

0クリップ

投稿2019/02/05 09:39

WordPressで無料テーマ「STINGER PLUS2」をカスタマイズしながらサイトを作っております。

フッターに問い合わせ先の企業情報を2つ横並びで載せたいと思い、以下のサイトの情報を参考に
フッターウィジェットを2つ追加してみました。

 ※参考URL:https://www.nishi2002.com/16509.html

サイトの情報に従い、function.php、footer.php、style.cssに追記を行い、試してみましたが
フッターウィジェットが横並びで表示されません。

とりあえず追加した部分を載せますので、アドバイス等を頂けると助かります。

よろしくお願い致します。

PHP

1ロップしてコードを入力して下さい。※タイトルは反映されません', 2 'before_widget' => '<div class="pc-kizi-top-box">', 3 'after_widget' => '</div>', 4 'before_title' => '<p class="st-widgets-title">', 5 'after_title' => '</p>', 6 ) ); 7 8 } 9} 10 11/* ここから */ 12/* フッターウィジェットの作成 */ 13add_action('init', 'my_register_sidebar'); 14function my_register_sidebar() { 15 register_sidebars(1, 16 array( 17 'name'=>'フッターウィジェット1', 18 'before_widget' => '<ul><li>', 19 'after_widget' => '</li></ul>', 20 )); 21 register_sidebars(1, 22 array( 23 'name'=>'フッターウィジェット2', 24 'before_widget' => '<ul><li>', 25 'after_widget' => '</li></ul>', 26 )); 27} 28/* ここまで追加 */ 29//sidebar-23まで 30add_action( 'widgets_init', 'st_register_sidebars' ); 31 32if ( !function_exists( 'st_get_mtime' ) ) { 33 function st_get_mtime( $format ) { 34 $mtime = (int) get_the_modified_time( 'Ymd' ); 35 $ptime = (int) get_the_time( 'Ymd' ); 36 37 if ( $ptime > $mtime ) { 38 return get_the_time( $format ); 39 } elseif ( $ptime === $mtime ) { 40 return null; 41

PHP

1</div><!-- /contentw --> 2<footer> 3<div id="footer"> 4<div id="footer-in"> 5 6/* ここから */ 7<div class="footer-block"> 8<div class="footer-block-in"> 9<?php dynamic_sidebar('フッターウィジェット1'); ?> 10</div> 11<div class="footer-block-in"> 12<?php dynamic_sidebar('フッターウィジェット2'); ?> 13</div> 14</div> 15/* ここまで追加 */ 16 17<?php get_template_part( 'st-footer-link' ); //フッターリンク ?> 18 19<?php if ( is_active_sidebar( 11 ) ) { //フッターウィジェットがある場合 ?> 20 <div class="footer-wbox clearfix"> 21 22```  23 24```CSS 25 26 .footer-r { 27 float:right; 28 width:60%; 29 box-sizing:border-box; 30 } 31 32 /* ここから */ 33 /* 追加フッター */ 34 .footer-block-in { 35 width: 23%; 36 padding: 10px 1%; 37 float: left; 38 } 39 40 .footer-block-in > ul { 41 padding: 5px; 42 list-style-type: none; 43 margin-bottom:20px; 44 } 45 46 .footer-block-in > ul ul { 47 text-align: left; 48 padding: 10px 12px; 49 margin-left: 5px; 50 } 51 52 .footer-block:after{ 53 content: ""; 54 clear: both; 55 display: block; 56 } 57 58 @media (max-width: 770px) { 59 .footer-block-in { 60 width: 98%; 61 padding: 10px 1%; 62 float: none; 63 } 64 } 65 /* ここまで追加 */ 66 67 /*-------------------------------- 68 ページャー 69 ---------------------------------*/ 70 71 .st-pagelink .page-numbers { 72 padding:5px 8px; 73 } 74 75

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

昨日は上手く横並びになりませんでしたが、今日確認しましたところ
横並びで表示されていることを確認しました。

修正個所が上手く更新されていなかったかもしれません。

お騒がせして申し訳ございませんでした。

投稿2019/02/06 06:36

mokemoke

総合スコア52

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問