-
クロスドメインのサイトでGTM（Googleタグマネージャ）を使ってカラーミーショップのコンバージョンを計測する
クロスドメインのサイトでGTM（Googleタグマネージャ）を使ってカラーミーショップのコンバージョンを計測します。具体的にはアナリティクスでの目標設定とeコマースの設定を行います。 ちなみにカラーミーショップではGTM（Googleタグマネージャ）は動作保証外となっておりまして、ご自身での動作確認が必要となります。今更アナリティクスのタグとか入れたくないですし、私の環境では問題なく動作し……
Warning: count(): Parameter must be an array or an object that implements Countable in /home/okudastd/oku-log.com/public_html/wp-content/themes/oku-log/page-top.php on line 58
-
片側だけはみ出たデザインのカルーセルスライダーをslickで実装する方法
メディアサイトなどで見かける片側だけはみ出ているカルーセルスライダー。 こちらをslick.jsで実装するサンプルを作成してみました。 See the Pen dyMobjq by OKD (@OKD) on CodePen. 実際は矢印部分をちゃんと作り込んだり、スライド枚数が少ない場合の処理、そしてレスポンシブ対応など作り込んでいきますが挙動のご参考まで……
Warning: count(): Parameter must be an array or an object that implements Countable in /home/okudastd/oku-log.com/public_html/wp-content/themes/oku-log/page-top.php on line 58
-
phpで共通パーツをincludeする際に相対パスで記述する方法（ついでにcurrentも付与）
headerやfooterを全ページに書くのは大変。 なので静的サイトの場合などは共通部分をパーツ化し、phpでincludeすれば管理の手間も減って楽ですね。 includeするファイルのパスは絶対パスで書けば一番確実ではあります。 ただ、テスト環境でディレクトリを切って構築する場合など本番環境とパスが変わる場合は書き換えるのは面倒ですよね。 そういう場合は相対パスで書いてしまう……
Warning: count(): Parameter must be an array or an object that implements Countable in /home/okudastd/oku-log.com/public_html/wp-content/themes/oku-log/page-top.php on line 58
-
「もっと見る」ボタンでコンテンツを指定の要素数ごとに表示する方法
ブログなどで最初は数件表示。 「もっと見る」ボタンを押したらページ遷移ではなく、同ページ内でコンテンツを追加表示したい場合の実装方法。 See the Pen もっと見るボタン by OKD (@OKD) on CodePen. サンプルでは最初6件表示。 「もっと見る」ボタンを押すごとに3件ずつ追加表示し、全部表示した段階でボタンをフェードアウトする仕様です。……
jQuery -
Advanced Custom Fieldsで画像を出力する際にサイズやalt情報を取得する方法
一時期imgタグにwidthやheightの表記は不要、指定するならCSSでしましょうといった風潮がありました。 ただ最近グーグルが発表したコアウェブバイタルの内、CLS（Cumulative Layout Shift）を改善するためにwidthやheightはimgタグに記載した方がいいという流れになっていると感じます。 ちなみにCLS（Cumulative Layout Shift）と……
Warning: count(): Parameter must be an array or an object that implements Countable in /home/okudastd/oku-log.com/public_html/wp-content/themes/oku-log/page-top.php on line 58
-
px・rem早見表（rootが16pxの場合）
pxとremの早見表。 奇数のフォントサイズは省いて掲載されているのはよく見るけど、デザイン的に奇数のフォントサイズが必要な場合もあるので自分用にメモ。 10pxから40pxまで。 px rem 10 0.625 11 0.6875 12 0.75 13 0.8125 ……
Warning: count(): Parameter must be an array or an object that implements Countable in /home/okudastd/oku-log.com/public_html/wp-content/themes/oku-log/page-top.php on line 58
-
Webサイト制作時に気をつけていること
Webサイト制作の際に、チェックリストを見ずに感覚で仕事を進めると大事なことを見落としがちなので改めて個人的なチェックリストを作成。 『企画・設計フェーズ』、『制作フェーズ』、『公開・運用フェーズ』の３つにざっくりと分けてます。 企画・設計フェーズ 主に最初のヒアリングから企画を起こすくらいまで。 クライアントのビジネスについて どのようなビジネスを行なっているのか。 ……
Warning: count(): Parameter must be an array or an object that implements Countable in /home/okudastd/oku-log.com/public_html/wp-content/themes/oku-log/page-top.php on line 58
-
今更ながらTwitterの良さに気付きました
Twitterは情報収集用で自分から発信することはほぼなかったんですが、最近発信するのも悪くないかなと思い始めました。 ブログに書くほどでもないけど、記録には残しておきたいってことがある場合に都合がいいんですよね。 ということでブログの更新案内とかもしますが、気になったことなんかもゆるくつぶやいてますんで良かったらフォローしてやってくださいませ。 なるべく有益な情報を発信したいとは思……
Warning: count(): Parameter must be an array or an object that implements Countable in /home/okudastd/oku-log.com/public_html/wp-content/themes/oku-log/page-top.php on line 58
-
法人名やサービス名を考える時に役立つネーミングのテクニック
法人名やサービス名を考えるためにいくつかのテクニックがあります。 今回法人名を考える機会があり、使ったテクニックなどをまとめました。 法律や商標に関することは専門の方にお任せするとして、今回ご紹介するのはネーミングのテクニックです。 条件 短く覚えやすいこと 検索をして同じ社名やサービスがないこと ドメインが取得できること 1.短く覚えやすいこと キャッチー……
Warning: count(): Parameter must be an array or an object that implements Countable in /home/okudastd/oku-log.com/public_html/wp-content/themes/oku-log/page-top.php on line 58