• Popular
  • Category
  • Tags
  • アーカイブ

News

follow us in feedly
Toggle

DigiPress サポート

【CSS】画像に色を重ね合わせてテキスト部分を切り抜く汎用的な方法は?

【CSS】画像に色を重ね合わせてテキスト部分を切り抜く汎用的な方法は?

例えば、サイトのヘッダー画像やギャラリー形式のアーカイブページなどでは、画像の上にサイトタイトルや投稿タイトルとなる文字列を重ねて表示するデザインを施す場合、画像とテキストが同化して見難くならないよう、テキストが白文字ならば画像はbrightnessで明るさを落としたり…
【CSS】clip-pathを利用してテキストをアニメーションで表示する方法

【CSS】clip-pathを利用してテキストをアニメーションで表示する方法

CSSのclip-pathというプロパティを利用すると、任意のHTML要素を指定したパスの形状に切り抜いて表示させることができます。 よく利用されるケースでは、画像をパスで繋がれた図形の部分だけ切り抜いて表示するというパターンです。 clip-pathで画像を切り抜いた…
slick.jsにYouTube, Vimeo, video要素の動画を含めて自動再生するスライダーを生成する方法

slick.jsにYouTube, Vimeo, video要素の動画を含めて自動再生するスライダーを生成する方法

現在、もっともポピュラーでカスタマイズ性が高く実装が簡単な、レスポンシブ対応のスライドショーjQueryモジュールである「slick.js」。 弊社にて提供中のWordPressテーマ「DigiPress」シリーズの次期テーマには、トップページのスライダーに動画を含める…
【Update】記事中間ウィジェットエリアとインフィード広告オプションを追加

【Update】記事中間ウィジェットエリアとインフィード広告オプションを追加

提供中のWordPressテーマ「DigiPress」シリーズの全テーマをアップデート致しました。 今回のアップデートでは、シングルページ専用のウィジェットエリアとして既に搭載されている「記事タイトル直下」ウィジェットエリアと「記事下部」ウィジェットエリアに加え、新たに…
記事一覧の中にインフィード広告を表示する方法

記事一覧の中にインフィード広告を表示する方法

Google AdSenseの「ネイティブ インフィード広告」を利用すると、トップページや、カテゴリーページなどの各アーカイブページで表示される記事一覧の中に、テーマのアーカイブデザインに自然に溶け込む形で広告を挿入して表示することができます。 DigiPressでは、…
CSSのみ!クリックでメニューが回転して開閉する3Dアニメーションサンプル

CSSのみ!クリックでメニューが回転して開閉する3Dアニメーションサンプル

今後制作予定のWordPressテーマのグローバルメニューのプロトタイプとして作成した、ハンバーガーアイコンをクリックすると、隠れていたメニューが奥から回転しながら起き上がって表示されるイメージのコンポーネントのサンプルをご紹介します。 ちなみに、レスポンシブ表示にも対…
Return Top