-
文房具
持ってるだけでやる気アップ!おしゃれな消しゴム【6選】
いつも何気なく使っている文房具。文房具を変えると、気分が高まって勉強や仕事も楽しくなりますよね。 そこで、今回はおすすめの外国製のおしゃれな消しゴムを集めてみました。 【LAMY 消しゴム plus ラミー プラス Z78】 LAMYは、ドイツの人気ブランドで... -
CSS
【コピペOK】CSSで作る動きのあるボタンのサンプル集
CSSアニメーションを使ったボタンのアイデア&サンプル集です。コピペ後、配色をお好みの色に変更して、ご利用ください。 【基本のCSS】 まずは基本となるCSSになります。全てのボタンで共通となりますので、まずはこちらをコピーしてください。 基本2につ... -
Javascript/jQuery
slickで「responsive」の設定が効かない
色々な使い方ができる slick 、とても便利でよく使わせてもらっています。 slickのオプションの「responsive」ですが、何故か設定が効かない状況がありましたので、備忘録です。 下記のように対応することで、正常に動作するようになりました。 【変更前の... -
WEB制作
GA4の解析タグの場所が分りにくいのでメモ
GA4(Google Analytics 4)の解析タグがの場所が分りにくいのでメモです。 IDはあちこちに表示されるのですが、単純に解析タグはどこにあるか毎回わかりにくいなと思います。 WordPressなどのテーマによっては、IDだけで設定完了できる場合がありますが、... -
CSS
CSSでリンクを無効にする
レスポンシブサイトなど、どうしてもCSS側でリンクを無効にしたい時ってありますよね。 そういうときは、CSSのプロパティの「 pointer-events 」を使うと便利です。 【リンクを無効にする】 [crayon-678b39934085e950051484/] 【リンクを有効にする】 逆に... -
サウンドデバイス
小型ワイヤレススピーカーSONY【SRS-XB01】レビュー
Bluetooth接続のワイヤレススピーカーを探していたところ、SONYのワイヤレススピーカー「SRS-XB01」が良さそうででしたので、購入しました。 ちょっとスマホからいい音で聞きたいときは、すごく便利なスピーカーでした。 ?? 【音質について】 かなり小型で... -
CSS
【CSS】box-sizing で横幅がはみ出るのを防ぐ
CSSで、要素に padding(余白)、borderを指定した場合、その分が幅に反映される仕様です。 例えば、下記のような style を指定している、要素があるとします。 [crayon-678b39934170d309854124/] そうすると、上記要素「.box 」の横幅は、width+padding... -
WordPress
【WPテーマ】 Cocoon設定が凄すぎる!おすすめの設定項目
大人気のWordPressテーマCocoon、インストールすると「Cocoon 設定」という独自のメニューが表示されます。 この独自の設定が凄すぎたので紹介します。 【設定は、Cocoon 設定に集約されている】 他の有料テーマにもよくあるテーマ独自の機能ですが、WordP... -
WordPressテンプレートタグ
WordPress サイトURLを取得するテンプレートタグ
WordPressでサイトURLを取得するためのテンプレートタグです。 home_url(); テンプレート内で内部ページへのリンクを設定するときなどに便利なタグです。 【使用例】 [crayon-678b399342789278220382/] -
WordPressテンプレートタグ
WordPress 使用しているテーマのディレクトリを取得するタグ
WordPressで現在有効化しているテーマのディレクトリを取得するテンプレートタグです。 get_template_directory_uri(); 【使用例】 ※テンプレート以降のパスは適宜変更してください。 テーマディレクトリにアップしている画像を表示 [crayon-678b399343403...