Tools

【Windows10】特定の更新プログラムが再インストールされないようにする方法

Windowsの更新が原因でプリンターが反応しなくなる現象が発生中。問題の更新プログラムが自動インストールされないようにする方法を解説
Code

data-vocabulary.orgマークアップをschema.orgに置き換える

Google Search Console から、『サイト で「パンくずリスト」の問題が新たに検出されました』というタイトルのメールが届きました。 警告は、サイトの改善のための推奨項目です。警告によっては、検索結果での表示に影響がある場合が...
Code

【Pug】include, mixin, each, whileの使い方

Pugを使えばhtmlマークアップを高速化でき、メンテナンスもしやすくなります。 include文を使うと、他のpugファイルはもちろん、javascriptやcssといった他の形式のファイルも読み込めます。ファイルを分割管理して、メンテナ...
Code

【Pug】基本の書き方!コメントアウトやコードの挿入も

これさえ分かれば、とりあえずPugが書けます。基本的な書き方をまとめました。
Tools

初心者が簡単に【Pug】を導入する方法|Preprosでコンパイル

気軽にPugを使ってみたい人向け。コンパイラを活用して、まずはPugに触れてみよう。
Wordpress

XAMPPをバージョンアップしてWordPressを復元する方法

Wordpressの開発・テスト運用のため、XAMPPを使ってローカル環境を構築しています。 PHP5がWordpressのサポート対象外になるので、PHPを7.3にバージョンアップすることにしました。本当はとっくに済ませていなければいけな...
Code

【CSS】object-fitで画像の中央配置もトリミングも自由自在

CSSで画像を枠内に収めたい、ボックス中央に配置したい時に。object-fitプロパティの使い方。object-fitが効かないときのチェックポイントも。
Wordpress

【WordPress】投稿リストを更新順に並び替える

Wordpressのホームページで更新日時順に投稿を表示させる方法です。 pre_get_posts を使う アクションフック pre_get_posts を使ってメインクエリを変更します。(詳しい説明はCodexで。プラグイン API/ア...
Tools

Font Awesomeの旧バージョンを使いたい!

【2022.8.24追記】Font Awesome 5の時代に書いた記事なので、Version 6になった今、需要があるかどうかわかりませんが、記録として残しておきます。何かに応用できるかも? Font AwesomeのVersionが5に...
Code

highlight.jsでソースコードのハイライト表示をする

highlight.jsを使ってソースコードを美しく掲載しましょう! ここではポイントを3つに分けてご紹介します。 スタイルを選ぶhighlight.js の使い方フォントを変える スタイルを選ぶ highlight.jsのデモでハイライト...