コピペでできるCSSのFlexboxとGridとその違い
レスポンシブなレイアウトにはメディアクエリが欠かせないわけですが、CSS FlexboxやGridを使うことで、メディアクエリなしでもレスポンシブなレイアウトが可能です。 「FloatやFlexboxはレイアウトに使う手 …
Facebook広告の基本と使い所
Facebookは、GoogleやYahoo!!と同じように、独自の広告配信システムを提供しています。 日本でのFacebookの月間アクティブユーザーは 2,600万人（2019年7月時点）、Instagramは3,3 …
常時SSL化の重要性と注意すべきポイント
以前からショッピングサイトのカートや、問い合わせフォームはSSL化されていることが多かったですが、個人情報を入力するフォームの有無に関わらずサイト全体をSSL化することを常時SSL化といい、Webの標準になりつつあります …
BtoBのサービスLPでシングルページとマルチページのそれぞれの使い所とメリット
WEBマーケティングでは、広告の運用とセットでランディングページ (LP)がよく使われます。 その広告のクリック後、遷移先にコーポレートサイトではなくランディングページ (LP)を設置することで、特定のユーザが求めている …
デザインのプロとアマチュアの違い
もちろんスピードだけではないとは思いますが、デザインのプロとアマチュアの違い、結構同感です。 今回は、商業デザイン寄りの話ですがデザインのプロとアマチュアの違いについてご紹介します。 目次質が高くスピードが早い木を見て森 …
よくある質問ページに使えそうなjQueryのアコーディオンUI
アコーディオンは、通販サイトでよく見かけるFAQのページで、質問の数や項目が多い場合このUIを活用して、ユーザーが探している情報を多くスクロールすることなく、整理することができます。 今回は、よくある質問ページに使えそう …
WordPressにショートコードを追加してサイドバーのウィジェットにタグクラウドをアコーディオンで表示させる方法
記事投稿に比例して、タグの数がなかなか増えてしまうことがあります。 当サイトではSANGOのテーマで、サイドバーのエリアにタグクラウドを表示させていますが、記事投稿に比例してタグの数も増え結構なスペースをとってしまい、見 …
SANGOのカード型デザインで同じタグを持つ記事を表示するWordPressのソース
SANGOのテーマには、標準で関連記事を任意で表示させる機能があり、関連性のある記事の表示はユーザーライクな機能です。 この関連記事だけでなく、同じようなデザインでその記事で付与したタグの記事を表示させる機能を作ってみま …
プラグイン無しでWordPressのページで権限別に管理バーを表示させる方法
管理バーは、管理画面からログインすることで、各ページの最上部に黒い帯のような形状で表示されadminバーとも呼びます。 この管理バーは、WordPressのデフォルトのテーマや、有料で配布されているテーマの場合は管理バー …
WordPressにショートコードを追加して使用するカード型のデザイン
シンプルながらも機能性に優れたマテリアルデザインは好きな表現方法の一つです。 2014年6月にGoogleが発表したマテリアルデザインは、影などをつけることで現実世界のように触れられる感覚を再現します。 このマテリアルデ …
