-
プログラミング
swiperをnpmで読み込みこむときにハマりがちなポイント【webpack】
こんにちは！のせっちです。 jQuery非依存のスライダーとして有名なswiperをnpmで読み込む方法の解説です。 swiperをnpmで使うにはいくつか注意点があるので合わせて解説します。 必要な環境 必要な環境は下 […]-
のせっち
-
-
プログラミング
【webpack】slickをnpmで読み込む方法【cssも読み込む】
こんにちは！のせっちです。 jQueryスライダーとして有名なslickをnpmで読み込む方法の解説です。 必要な環境 必要な環境は下記です。 node.jswebpackなどのビルドツール nodeが入っているかどうか […]-
-
-
プログラミング
【Slick】ナビメニューを押すと指定のスライドへ飛ぶようにする方法
こんにちは！のせっちです。 今回は、Slickを使って、【ボタンを押して指定のスライドへ飛ばす】方法を解説します。 ナビメニューとスライダーを連動させる、、、難しそうに思えますが、案外簡単にできます！この後実際にコードを […]-
-
-
プログラミング
Slickを使って流れ続けるスライダーを作る【コピペOK】
こんにちは！のせっちです。 jQueryスライダーの定番、Slickを使って、流れ続けるスライダーを作成する方法をご紹介します。サンプルがありますので、コピペするだけで使用可能です。 その後簡単な解説を付けています。 早 […]-
-
-
プログラミング
【簡単】laravel-mixを使って爆速マークアップ環境を構築する方法【laravel外で使う】
こんにちは！のせっちです。 今回は、laravel-mixを使った、マークアップ環境の構築を解説します。当ブログでは、gulp x webpackを使ったマークアップ環境の構築方法を解説していますが、今回はlaravel […]-
-
-
プログラミング
【iPhone対応】上スクロールで出現、下スクロールで隠すヘッダーを作る【jQuery】
こんにちは！フリーランスエンジニアののせっちです。 下スクロール時はヘッダーを隠し、上スクロールで出現するヘッダーメニューの作り方のご紹介です。通常の作り方なら沢山のブログ記事がありますが、iPhone(iOS)対応の記 […]-
-
-
プログラミング
Selectタグの最初の項目だけ色を変える方法【2つの方法を紹介】
こんにちは！のせっちです。 ワードプレスコーディングを主に行なっております。 今回は、Selectタグの最初の項目だけ色を変える方法のご紹介です。JS(jQuery)を使う方法と、CSSのみで行う方法の2種類です。 最初 […]-
-
-
WordPress
get_template_part()に変数を渡して、内容変更できる共通パーツを作る【WordPress】
こんにちは！フリーランスエンジニアののせっちです。 ワードプレス開発をする際に、共通パーツを作って各テンプレートで呼び出したいことがあると思います。 その際は、<?php get_template_part(); […]-
-
-
WordPress
【2秒】アイキャッチ画像をbackground-imageで出力する【WordPress】
こんにちは！フリーランスエンジニアののせっちです。 ワードプレスのサムネイル（アイキャッチ）をbackground-imageで使う方法をご紹介します。コードをコピペするだけなのなら一瞬で終了します。 というわけで、早速 […]-
-
-
WordPress
【WordPress】親カテゴリと子カテゴリをリンク付きで表示する
こんにちは！フリーランスWebディレクター兼エンジニアののせっちです。 ワードプレスで、親カテゴリ、子カテゴリをそれぞれリンク付きで表示する方法です。 自分自身が調べていて、下記の問題にぶつかりました。 コピペで簡単に実 […]-
-
