Tools

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

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

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

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

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

CSSで画像を枠内に収めたい、ボックス中央に配置したい時に。object-fitプロパティの使い方
2021.08.24
Wordpress

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

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

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

Font AwesomeがVersion 5になり、より洗練されたアイコンを使用できるようになりました。 一方で、旧バージョンのほうが使いやすかったとか、アイコンの種類も十分揃っていたし今まで通り使いたい、という人も。 Wor...
2020.05.05
Code

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

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

WordPress子テーマのディレクトリURIを取得する

子テーマでWordpressテーマをカスタマイズしているとき、テンプレートディレクトリのURIを取得するには2つの関数を使い分けます。 get_template_directory_uri() テンプレートディレクトリのURI...
Code

完全レスポンシブなjQueryスライダーを自作|flexbox活用でresizeイベント不要・超軽量!

jQueryで動く自作の画像スライダー(カルーセル)のコードを解説!resizeイベントを使わないレスポンシブ仕様、フリックも対応。
2021.08.24
Code

jQueryとCSSアニメでスライダーを簡単自作|フェードエフェクト編

プラグインを使わずにCSSとjQueryで簡単に自作できるスライダーのコードを解説!
2021.08.24
Wordpress

WordPressで「Warning: count()…」のエラーが出た時の対処方法

Wordpressで次のようなエラーメッセージが出た時の対処方法です。 Warning: count(): Parameter must be an array or an object that implements Counta...
タイトルとURLをコピーしました