気になる

アフェリエイト旅行

自動車

家庭菜園

« ポテサラ (じゃがいも、カボチャ、さつまいも → or マカロニ) | トップページ | iphoneで.tifファイルが縦に潰れて表示される »

2018/12/06

Bootstrap4をWordpressで使えるUnderstrap

エラー1:IE上で表示させてみるとレイアウト表示崩れ
エラー2:gulpが「認識されていません」メッセージに見舞われ

━━━━━━━━━━━━━━━━━━━━━━━━━━━

エラー1:IE上で表示させてみるとレイアウト表示崩れ

───────────────────────────

Understrapを使ってみようかと思って、Wordpress上から「Understrap」と検索して
最新版(0.8.8)をインストしたら、IE上で表示させてみるとレイアウト表示崩れに遭遇。
・°・(ノД`)・°・

情報を検索してもヒットしてこないので、最新バージョンの不具合と判断して
GitHub上で「Clone or download」ボタンの左斜め上にある「releases」部分を
クリックして、過去バージョン一覧ページから2つ前の0.8.5をSource code(zip)で
ダウンロードして、

Wordpressにインストしたunderstrapフォルダ中身を全て差し替えたら
IE上で表示崩れが見事に直りました。f(^^;)

あとは・・
後日に出される0.8.8以上のバージョンが出たら、更新作業ですかね。。。

Wordpress画面で「新しいバージョンが利用できます 今すぐ更新」と表示が
されていますが・・

「テーマの詳細」をクリックして見ると当たり前のように

「新バージョンの UnderStrap が利用できます。バージョン 0.8.8 の
詳細を表示するか、更新してください。」と出ているのでしばし見送りです。

----------------------------------------------------------

不思議なのは、
IE上で管理画面内(ログイン状態)で見るぶんには崩れてない。
ログアウトして見ると崩れている。。。

Chrome上で管理画面内(ログイン状態)で見るぶんには崩れてない。
ログアウトして見るぶんには崩れてない。
そして、F12でモバイルサイズのテストをしても見るぶんには崩れてない。

Firefoxも同様に見るぶんには崩れてない。


なかなか・・気がつきにくいバグですよね。

どなたか、GitHub を使い倒している方が issues として 書き込みしてくれると
きっと多分 早期対策バージョンが出るかと思うのですが。。。
いかんせん、私はGitHubの使い方がまるで分からない。とても残念。

━━━━━━━━━━━━━━━━━━━━━━━━━━━

エラー2:gulpが「認識されていません」メッセージに見舞われ

───────────────────────────
understrap-child-masterフォルダ内でGulpを使えるようにするようにやったこと。
  1. コマンドプロンプトで、 使用フォルダに移動
    cd C:\xampp\htdocs\wordpress\wp-content\themes\understrap-child-master

    インスト
    npm install

    gulp起動
    ×gulp watch
    ○npm gulp watch


    ※つまずいたこと。
    本家は「gulp watch」で起動するって書いてたけど、それだと「'gulp' は、内部コマンドまたは外部コマンド、操作可能なプログラムまたはバッチ ファイルとして認識されていません。」とエラーを吐かれ。
    私の場合はその手前に「npm」が必要だったらしい。f(^^;)
やっと・・scssファイル編集の恩恵がえられるようになりました。
  1. watch中に
  2. scssファイルを開いて
    C:\xampp\htdocs\wordpress\wp-content\themes\understrap-child-master\sass\theme フォルダ配下の「_child_theme_variables.scss」ファイル
  3. 自分好みに編集+保存。
    例:$primary: #7C008C;部分を
    $primary: red;とかに。
  4. minファイルが出来上がって
  5. 編集内容が反映される。ヨカッタ

« ポテサラ (じゃがいも、カボチャ、さつまいも → or マカロニ) | トップページ | iphoneで.tifファイルが縦に潰れて表示される »

お勉強」カテゴリの記事

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/114130/67456419

この記事へのトラックバック一覧です: Bootstrap4をWordpressで使えるUnderstrap:

« ポテサラ (じゃがいも、カボチャ、さつまいも → or マカロニ) | トップページ | iphoneで.tifファイルが縦に潰れて表示される »

google検索

  • Google


    このブログを検索
    ウェブ全体から検索

カテゴリー

ニュース

  • 日経平均(長期)

    株価ミニチャートのブログパーツ
  • 経済指標(発表と内容)へのリンク
    http://jp.investing.com/economic-calendar/
  • 経済指標
  • . . .
  • 日経平均チャート
    by 株価チャート「ストチャ」
  • 株指標
2018年12月
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31