Bloosh Company

カテゴリー : Development

投稿が新しい順 | 投稿が古い順

2021年10月25日

Development > フロントエンド

svgをインライン読み込みなしで自由に色を変更する方法!

svg画像をCSSで制御して色を変えたりするためには、インラインで読み込みしなければいけません。 こうなる。 そうするとHTMLファイルがすごいことになります。少なくとも人間にとっては読みにくくなって...

2021年10月22日

Development > WordPress

WordPressでRetinaディスプレイ対応(プラグインなし)

プラグインを使わずにWordPressの画像をRetinaディスプレイに対応させるには。 コーダーさん向けの内容です。ACF(Advanced Custom Fields)でも使えるよ。 労力を使いま...

2021年10月20日

Development > フロントエンド

Safariでremが効かない

文字サイズや要素間の隙間がパソコンの画面ではちょうどよくても、スマホで見ると大きすぎたり空きすぎたりするんで、サイズ指定にremを使ったりします。 (モバイルファーストだろというのは置いといて)   ...

2021年10月19日

Development > WordPress

WordPressの画像情報を取得する方法!

画像IDを利用して、WordPressに保存した画像情報を取得します。 WordPressのメディアに画像を保存すると、このように画像情報を入力できます。 これらを取得するには、画像IDを利用します。...

2021年10月19日

Development > WordPress

WordPressギャラリー機能について

この記事は、以前ご紹介したlightgallery.jsの記事から分けました。 WordPressのギャラリー機能を使うことが全くないので、今後、スライダーの構築事例は普通の画像になるでしょう。 とい...

2021年10月3日

Development > WordPress

Welcartの配送方法を全商品更新する方法!

Welcart構築時、とりあえず適当な配送方法を設定して進めてしまいますよね。 その後、配送方法も決定して、配送設定から変更しても、登録済みの商品には反映されません。全商品、編集画面を開いて修正しない...

2021年9月23日

Development > WordPress > フロントエンド

新しくなったlightgallery.js v2 基本の使い方

前に紹介したlightgallery.jsが新しくなりました。   lightgallery.jsの記事まとめ   大きな変更点として、商用サイトで使う場合は有料になりました。 個人で使う場合はこれま...

2021年8月7日

Development > WordPress

ACFとswiper.jsで無限に画像を追加する

前回に引き続き、ACF画像便利シリーズです。今回はswiper.jsを使います。 前回と同じく、ACFでフィールド作成し、画像の追加まで済ませてください。   swiper.jsにはCDNも...

2021年8月7日

Development > WordPress

ACFとlightgallery.jsで無限に画像を追加する

2021.10.19 編集。 lightgallery.jsは、Ver1とVer2があり、商用利用する場合はVer2は有料です。 今回の話はVer1です。 lightgalleryに関する記事一覧はこ...

2021年7月26日

Development > WordPress

Welcartにメッセージカードオプションを追加する!

Welcartのオーダーオプションを利用して、メッセージカードオプションを追加する方法です。 ①管理画面からオプションを追加 まずは管理画面のWelcart Shop → カートページ設定 → カスタ...