ワードプレス生bones vs lighthouse、PageSpeed Insights、GTmetrix
生bonesとlighthouse、PageSpeed Insights、GTmetrixの対決bonesは、機能をそぎ落として最低限必要な部分のみをもったブランクテーマ（スターターテーマ）ということで、さぞや無駄なく速いかと思いlight...
ワードプレス
ワードプレス SassScoutAppを使用した結果（続き）
scss変更後にファイルを比較してみる試しに_variables.scssファイルの$text-color: をいじってみると。ScoutAppのlog画面は下のようになり、scssの変更に伴ってcssのstyle.cssが変更されたみたい...
Sassbonesでとりあえずsassを利用できる状態に
ScoutAppをsetupしてみるScoutの起動と確認をなぞる通りにScoutAppを起動して、inputfolderとoutputfolderを設定。inputfolderを\wp-content\themes\theme-bones...
ワードプレスwordpress手動インストール
htmlホームページ用に契約しているレンタルサーバーのサブディレクトリにwordpressを手動インストールwordpressのダウンロードからwordpressをダウンロードするwordpress-5.2.1.zipの5.2.1はバージョ...
SassところでBonesのファイルは.scssなのになんでWinlessの説明が書いてある？
公式サイトのフォルダーは.scssの時winless使っていいのWinlessの入力ファイルは、.lessで、Bonesの説明では.scssが使われてるよね。どっち使えば」やりやすいの？ScssとLessって何が違う？ScssとSassも違...
自作Bonesについて詳しく解説しているサイト
Bonesについて詳しく解説しているサイト オリジナルテーマを作るための Bonesはスグに使えるレスポンシブテーマ！ 超倍速でWordPressオリジナルテーマ作成！骨だけ「Bones」の使い方をザックリと 八谷大岳の覚え書きブログ Wo...
SassSassの記法
Sassの記法hirasawaさんのブログ【Sassを覚えよう！Vol.4】Sassの基本的な記述方法を参考にSassの記法をなぞっていきます。bonesの理解が目標なので、Bonesのサイト で使用しているLESS or Sass Com...
SassScoutの起動と確認をなぞる
Scoutの起動と確認 【Sassを覚えよう！Vol.3】一番カンタンな環境構築（Scout編）の通りScountのサイトへ。現在は下記画面を表示するので、Scoutの画像をクリックするとDownload for Windowsボタンが表示...
SassCSS happylifeをもとにしてSassをなぞる
Sassの記憶がうっすらとよみがえるＳａｓｓを紹介しているサイトを探していると、CSS HappyLifeというブログがみつかりました。そういえばこの本も何年か前に本屋で並んでいたゾ．．．とうっすらとした記憶がよみがえってきて親しみがもてる...
自作Step 6~9: Download a LESS or Sass Compiler でのStyles変更をなぞるSaSSわからんけどわかったことにする。
Step 6: Download a LESS or Sass Compilerをなぞる現時点でのboneテーマを使ったサイトはこちら。boneテーマスタイルは、wp-content/themes/theme-bones-master/li...
Sassboneを試す。Step 5: Theme Basic Dataをなぞる
ステップ5：テーマ基本データをなぞるstyle.cssファイルはテーマディレクトリにあります。wp-content/themesフォルダ構成 wp-content/themesフォルダ│ index.php│ ├─theme-bones-m...
自作Bonesを試す
サーバーとドメインの準備 現在契約が残っていてデーターベースに余裕のあるレンタルサーバーを使用。xserver x10プランの残り使用。 ワードプレスインストール先ドメインは、サブドメイン作成して使用。使用中ドメインのサブドメインを利用。b...