MFIとは？jQueryを使ってレスポンシブのページで画像を差し替える方法
Googleが2018年にデスクトップのページではなく、モバイルのページをページ評価の基準とするモバイルファーストインデックス（Mobile First Index、MFI）を発表しました。 どんなキーワードで検索された …
Noto Sansで不要なフォントを削除してサイトのスピードを上げる方法
とあるLPの改修で最適化した時の備忘録です。 そのLPは、読み込みが終わるのに2秒程度とちょっと重い印象で、ソースを見て負荷が大きい画像を圧縮して修正してもまだ重く、今回はPageSpeed Insightsでスコアを計 …
プラグイン無しでcocoonの改造／自動でh2の見出しタグにCSSで番号をつける
当サイトで使用しているWordPressのテーマ：SANGOは、イケてるデザインですが、有名な無料テーマ：cocoonも高速で、かつイケてるデザインです。 cocoonをベースにサイトを色々と改造したので、今回は記事ペー …
プラグイン無しでcocoonの改造／関連記事の表示に合うレスポンシブのタブ
当サイトで使用しているWordPressのテーマ：SANGOは、イケてるデザインですが、有名な無料テーマ：cocoonも高速で、かつイケてるデザインです。 cocoonをベースにサイトを色々と改造したので、今回はトップペ …
オウンドメディアとコンテンツの在り方
2019年は、大手企業が運営するオウンドメディアの更新停止や閉鎖が相次ぎ、オウンドメディアブームが下火になった年とも言われています。 その理由は、競合が増えたために高い企画力が求められ、記事本数をKPIにした間違った量産 …
キャッチコピーを作る時の9つの方法とヒント
40-40-20の法則は、ダイレクトマーケティングで著名なエド・バーネット氏が提唱たものです。 40-40-20の法則では、ダイレクトマーケティングで検討しなくてはならない3つの要素、ターゲット・オファリング・クリエイテ …
コピペでできるlightbox2を使ったギャラリーの表示
拡大画像を表示するJavaScriptライブラリ「jQuery lightBox」はギャラリー表示するプラグインで便利です。 今回は、コピペでできるlightbox2を使ったギャラリーの表示についてご紹介します。 目次ボ …
HTMLとCSSのコピペでできるレスポンシブのグリッドレイアウト
グリッドレイアウトは、要素やブロックを一定の間隔と規則で並べることで、整えられた印象のを与えます。 言わばデザインの基本になるもので、WEBのレイアウトを組む上で第一歩にふさわしいものと言っても過言ではないと思います。 …
何が目的のデザイン？ベネフィットとクリエイティブ・ブリーフ
今回の広告やクリエイティブは、何が目的ですか？ 12年前のBtoCのデザイナー駆け出し時代の自分であれば、どんなクリエイティブでも「会社の売上を上げる為」と真っ先に答えたと思います。 「売上を上げる、利益を上げる」という …
プラグイン無しでSANGOのカード型デザインで関連記事を表示させるWordPressのソース
プラグインではもちろん設定しましたがサイトに負担になるので、プラグインなしで設置し直してみます。 目次SANGOのカードデザイン関連記事を出力するコピペのソースページテンプレートのダウンロード関連記事出力のサンプル SA …
