とあるエンジニアの作業ブログ

CI Web製作 運用

【Stinger8】gulp-phtml-simple-compでheader.phpをうまく圧縮する

投稿日:2019年1月21日 更新日:

Stinger8のテーマファイルをgulpのgulp-phtml-simple-compを使ってphp圧縮にかけたら、バージョンベクタの圧縮がうまくいかなかったので自分用のメモ。
参考gulp-phtml-simple-comp

あなたの奥さんもらいます
無料サンプル
マンキツ
無料サンプル
蜘蛛ですが、なにか?
無料サンプル
監禁婚〜カンキンコン〜
無料サンプル

うまくいかなかった箇所

そのままphp圧縮したら、
【圧縮前】

がうまく圧縮されず、htmlタグから先が丸っと消えてしまい、そのあとの処理がうまく動かなくなってしまいました。

【圧縮後】

修正方法

結局header.phpをちょろっと修正するだけじゃダメそうだったので、gulp-replaceを使って圧縮直後に置換することにしました。

ちょっと危険なやり方ですが止む無し。。。

-CI, Web製作, 運用
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。

関連記事

【WordPress】画像URLをショートコード化する

imgタグなどでsrc属性を指定する際の、画像uriをショートコード化して環境差異を無くします。 目次 作業の目的 メディア設定の変更 functions.phpにuploadsディレクトリを返すショ …

STINGER8で初めての投稿の準備をする

WordPressのテーマ、STINGER8を利用した場合の、初めての投稿の準備をします。 目次 前提 アウトプットイメージの確認 投稿の基本形を考える ソースコードをブログ上に表示させるための準備 …

CSSで背景(background-color)を斜めにする

本サイトの紹介ページのように、CSSだけで背景を斜めにします。 目次 やりたいこと HTMLとCSS ポイント やりたいこと 以下のように右斜め上を支点として回転させ、二つのイメージが同色で重なること …

GulpでWordPressのCI 〜設計編〜

WordPressのテーマファイルをローカルで開発してgithubにpush、そのままサーバーまでデプロイするCIを実現しようと考えています。自分の環境とか踏まえてまずはどうやって実現するか設計しまし …

Stinger8のサイドバーにプロフィールを表示する

Stinger8のサイドバーにプロフィールを表示します。 目次 前提 作業手順 ウィジェットにHTMLを記述 CSSで見た目を整える 前提 WordPressがインストールされている Stinger8 …