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パターン 。（１）サーバーのPHPバージョンを切り替える。（２）該当するPHPファイルを修正する。どちらも簡単です。

2018-12-10
  • Tools

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

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

2018-12-04