html・css 簡単！スマホやタブレット閲覧時の右余白を解消する方法
パソコン用サイトをパソコンで見たら問題なかったんですが、スマホやタブレットで見ると、右に余白がでていました。 フッターとか横一面に色を変えたりすると、その余白が気になるんですよね。 しかも、スマホ用のサイトは作る予算がないということなので、...
プログラミング
html・css 
html・css ヘッダー固定してページ内リンク時のヘッダー高さずれを解消する方法
ヘッダー固定してページ内リンクすると、ヘッダーの高さ分ずれてリンク先へ遷移します。 jQueryで直す時、最初うまくいかなかったのでメモしておきます。 CSSでずれを回避する方法 cssで調整するなら、下記のような書き方でずれが直ります。 ...
WordPress 『Advanced Custom Fields』とカスタムタクソノミーで一覧を表示させる方法
以前、WordPressのプラグイン『Advanced Custom Fields』を使って一覧を表示させる方法でWordPressのカスタム投稿フィールドプラグイン『Advanced Custom Fields』を使って一覧を表示させまし...
html・css simplePagination.jsで指定ページにリンクする方法
simplePagination.jsは、簡単にページネーションを表示させることができるのですが、そのままだと指定ページが表示されず、1ページ目が表示されます。 今回、ページ指定して表示させたかったので、下記ブログを参考にさせていただきまし...
html・css FlexSliderを使って高さを保ったまま幅いっぱいにスライダーさせる
レスポンシブにも対応して画面いっぱいスライダーさせることは今までもやってきたんですが、高さを保ったまま幅いっぱいに画像をスライドするのにてこずったのでメモしておきます。 今回使ったのはFlexSlider 高さを保ったままで横幅いっぱいに画...
WordPress WordPressのプラグイン『Advanced Custom Fields』を使って一覧を表示させる方法
WordPressのカスタム投稿フィールドプラグイン『Advanced Custom Fields』を使って一覧を表示させてみました。 『Advanced Custom Fields』はインストールさせている前提で話を進めます。 funct...
カラーミー カラーミーショップで在庫が0だけど商品は表示させて購入はさせたくない場合の条件文
カラーミーショップでECサイトを運営している場合、在庫が0の商品を非表示にすれば購入できないようになります。 ですが一時的な在庫切れなので、商品を非表示にせず表示させたい場合もあります。 そんな時、商品は表示したいけど購入できないようにした...
html・css サイズ変更も簡単にできる！Instagramの投稿をサイトに埋め込む方法
Instagramの投稿をサイトに埋め込む方法をメモしておきます。 2016年1月24日現在の方法です。 まず埋め込みたいInstagramの投稿の右したにある「・・・」マークをクリックします。 ポップアップ表示される「埋め込み」をクリック...
html・css Windows10にSassをインストールしてみました
Windows10にSassをインストールしてみました。 WindowsにはRubyがインストールされていないので、Sassインストールの前にRubyをインストールする必要があります。 ついでにCompassもインストールしました。 インス...
html・css イラレデータがあれば簡単！SVGロゴを表示する
SVGってpngやjpg画像と違ってベクター形式なので綺麗に表示されるという情報は以前から知っていたのですが、実際の業務で使ってきませんでした。 しかし、2016年1月12日をもってIE8のサポート終了されることもあり、思い切ってSVGロゴ...