Code Island

  • Code

object-fit で画像を枠内に収める

サムネイル画像やイメージスライダーなど、ボックスのサイズや縦横比が決まっていて、画像を合わせたい時。background-size: co...

2019-04-02

  • Wordpress

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

Wordpressで更新日時順に投稿を表示させるには。アクションフック pre_get_posts を使ってメインクエリを変更しよう。

2019-02-28

  • Tools

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

Font Awesomeの旧バージョン Version 4 の使い方です。Wordpressテーマに合わせて旧バージョンを使いたいときなどに。

2019-01-17

  • Code

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

ソースコードを美しく掲載するhighlight.jsの使い方。フォントも変えてさらに洗練されたデザインに。

  • Wordpress

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

Wordpress子テーマでテンプレートディレクトリのURIを取得する方法。親テーマと子テーマそれぞれのディレクトリURIを取得する関数がありますので、使い分けましょう。

2019-01-15

  • Code

resizeイベント不要。最短コードでレスポンシブなスライダーを自作

jQueryでレスポンシブなスライダーを簡単に実装する方法。CSS: flexboxを活用して超シンプルなコードに仕上げました。

2018-12-17

  • Code

プラグイン不要。jQueryとCSSアニメでスライダー自作

コピペOK! 簡単なjQueryのコードで本格的なイメージスライダーを実装する方法をご紹介。アニメーションはCSSで実行するので超軽量処理になっています。

2018-12-11

  • Wordpress

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

Wordpressで「Warning: count():...」が出た時の解決方法は2パターン 。(1)サーバーのPHPバージョンを切り替える。(2)該当するPHPファイルを修正する。どちらも簡単です。

2018-12-10

  • Tools

無料で使えるWebフォント「Google Fonts」の使い方

Google FontsをWebフォントに使用するには、(1)フォントを選ぶ(2)コードを貼り付ける、の2ステップ! 簡単な使い方をご紹介します。ダウンロードしてデバイスで使用する方法も。

2018-12-04