BootstrapのWordpressテーマでの使い方

Authors

• 

  Name

  Shou Arisaka nyapp.buzz/shou

  short bio

  Z世代の情報技術者。Next.jsで自作SNSを個人開発中。

テーマを変更したくない。 賢威テーマのheader.phpに追記する。

wordpressテーマディレクトリにFTPで追加する bootstrap.min.css

header.phpに追記して読み込ませる。 <link href="<?php echo get_template_directory_uri(); ?>/bootstrap.min.css" rel="stylesheet">

賢威に追加したい

賢威はわかる人にはわかるSEOテンプレート。この機能をぜひ残したまま使いたい。 だが競合問題などもある。

そこで現バージョンでの、最低限の書き換えの一例をメモしておく。

賢威クール版に導入する

最低限のセッティング

ファイルを編集する前に、ローカル環境に変更前ファイルを保存しておくこと。

base.css

以下を削除する

blockquote:before
blockquote:after

既存コードを以下に変更する

.site-title{
    /*text-align:center; yui*/
    text-align: left;
    margin: 0 auto;
    font-size: 2.25em;
}

.site-header-conts{
    width: 100%;
    padding: 10px 0 10px;
    /*padding: 60px 0 40px; yui*/
}

rwd.css

既存コードを以下に訂正

    .site-header-in{
        position: relative;
        padding-bottom: 0em;
        /*padding-bottom: 1em; yui*/
    }

    .site-header-conts{
        padding-bottom: 0px;
    }

以下を追加
.main-body-in{
    padding-top:0px;
}

※自分用メモなので期待しないでください。ローカルバッグアップは絶対してください。