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

News

follow us in feedly
Toggle

DigiPress サポート

【CSS】汎用性を重視したCSSアニメーションボタン30種類

【CSS】汎用性を重視したCSSアニメーションボタン30種類

WordPressテーマを制作する際、テーマごとでCSSボタン用の装飾(特にマウスオーバー時のエフェクト)をデザインするのですが、ユーザーがボタン用のセレクタのみで利用できるよう、一定の汎用性を考慮した条件下でデザインしています。 例えば、提供中のWordPressテー…
Luminousのオフキャンバスメニューを右側から表示させるカスタマイズ方法

Luminousのオフキャンバスメニューを右側から表示させるカスタマイズ方法

提供中のWordPressテーマ「Luminous」では、サイトのグローバルメニューにあたるオフキャンバスメニューは、ヘッダーバー左端のハンバーガーアイコンをクリックすると左側からスライド表示する仕様ですが、これを右側から表示するよう変更するカスタマイズ方法について解説…
【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」シリーズの全テーマをアップデート致しました。 今回のアップデートでは、シングルページ専用のウィジェットエリアとして既に搭載されている「記事タイトル直下」ウィジェットエリアと「記事下部」ウィジェットエリアに加え、新たに…
Return Top