QA@IT

サーバー上のWordPressのStinger8の子テーマのfunctions.phpでbootstrapが設定

7666 PV

xserverに、WordPressをインストールしてブログを書いています。

そこに、Stinger8のテーマをインストールしましたが、
テーマに変更を加えたいので、Stinger8の子テーマの圧縮ファイルを、
http://wp-fun.com/dl/
ここからDownloadしました。

それをWordPressの管理画面から、外観→テーマと進み、

新規追加ボタンをクリックして、
先程ダウンロードしたzipファィルをアップロードし、
Stinger8子テーマを認識させることまではできました。
※style.cssやfunctions.phpなどは、自動的にアップされています。

その後、Bootstrapサイトから、css, fonts, jsのファイルのDownloadを行い、
その圧縮ファイルを、server上の stinger8-childのディレクトリにアップロードしました。
同じ階層に、Stinger8のフォルダもあります。

以下がフォルダー構成です。
stinger8
stinger8-child/bootstrap-3.3.7-dist/css
stinger8-child/bootstrap-3.3.7-dist/fonts
stinger8-child/bootstrap-3.3.7-dist/js

その後、wordpressの管理画面より、外観→テーマの編集に進み、右側のメニューの中から、functions.phpをクリック

そこに以下のようなコードを入れました。

/**
* Bootstrapのスクリプトとスタイルをエンキュー
*/
function mybootstrap_enqueue_styles() {
   wp_register_style('bootstrap', get_template_directory_uri() . '/bootstrap-3.3.7-dist/css/bootstrap.min.css' );
   $dependencies = array('bootstrap');
   wp_enqueue_style( 'parent-style', get_stylesheet_uri(), $dependencies );
}

function mybootstrap_enqueue_scripts() {
   $dependencies = array('jquery');
   wp_enqueue_script('parent-style', get_template_directory_uri() . '/bootstrap-3.3.7-dist/js/bootstrap.min.js', $dependencies, '3.3.7', true ); 
}

add_action( 'wp_enqueue_scripts', 'mybootstrap_enqueue_styles' );
add_action( 'wp_enqueue_scripts', 'mybootstrap_enqueue_scripts' );

しかし、サンプルの記事を書いて、そこに
<p class="text-center">text-center</p>
と書いても、真ん中に寄せられず、

<table>タグで、
<table class="table"><tr class="success">というように、入力してもBootstrapのcssの設定が反映できません。

どこが良くないのかが良くわりませんので、誰か、おわかりのかた、ご教授お願いします。

ウォッチ

この質問への回答やコメントをメールでお知らせします。