dtrwd showcase

3カラム右2サイドバー

【flex-pack-normal】
(gradation-heading)
WordPressテーマ 新発売
新開発のgridレイアウトで、カラム数は1カラム、2カラム、3カラム
さらにgridレイアウトで、2つのサイドバーを上下”縦”並びも、左右”横”並びも簡単に

ここのボックスデザインパックは、ボックスデザイン3(general:boxes-suspend)とテキストブロックとの横並び

モバイルファースト、スマートフォン縦画面ではどんなflex-packもほぼ同じビジュアル
ただ、デスクトップでは遊び心でflexbox横並びの画像側にはsticky_note_2stickyを設定してスクロール追随

3カラム右2サイドバー

3カラム 右2サイドバー

3カラム左シェアバー

【flex-pack-reverse】
(heapup-heading)
WordPressテーマ 新発売
新開発のgridレイアウトで、カラム数は1カラム、2カラム、3カラム
そしてシェアバーを独立させてサイドバーのように配置してposition:stickyを設定

ここのボックスデザインパックは、ボックスデザイン2(general:boxes-extend)
stay_current_portraitスマートフォン縦画面では上記と同じように、見出し・段落・moreボタンの下にボックスデザイン2・3と縦並びに

3カラム左シェアバー

3カラム 左シェアバー

ZOZOTOWN型スタイル

【flex-pack-normal】
(mesh-heading)
WordPressテーマ 新発売
新開発gridレイアウトは、サイト一括だけでなく、カテゴリー、固定ページ、個別投稿も変更可能
1カラム、2カラム、3カラムでサイドバーも左に右に左右に、シェアボタンバーもstickyで左や右でスクロール追随もあり
画期的なカテゴリートップのスタイル5種
標準型、Yahooニュース型、ZOZOTOWN型、メルカリ型、Instagram型、さらにtheブログのレガシー型
カラーセットも31種類で、レイアウト・スタイル・カラーが瞬時に着せ替え可能!

ここのボックスデザインパックは、ボックスデザイン2(general:boxes-extend)かつアイコン上乗せ、テキストブロックとの横並び

ZOZOTOWN型スタイル

ZOZOTOWN型スタイル
counter_3psychology_altstar_border

メルカリ型スタイル

【flex-pack-normal】
(heapup-heading + shift + warp)
WordPressテーマ 新発売
新開発gridレイアウトは、サイト一括だけでなく、カテゴリー、固定ページ、個別投稿も変更可能
1カラム、2カラム、3カラムでサイドバーも左に右に左右に、シェアボタンバーもstickyで左や右でスクロール追随もあり
画期的なカテゴリートップのスタイル5種
標準型、Yahooニュース型、ZOZOTOWN型、メルカリ型、Instagram型、さらにtheブログのレガシー型
カラーセットも31種類で、レイアウト・スタイル・カラーが瞬時に着せ替え可能!

ここのボックスデザインパックは、ボックスデザイン2(general:boxes-extend)かつアイコン上乗せ、テキストブロックとの横並び

メルカリ型スタイル

メルカリ型スタイル
counter_4thumb_up

 


 

circle(正円) 1:1画像

元画像が1:1のアスペクト比であれば、正円の呪文「border-radius:999.9rem;」をとなえるだけ

1x1画像

circle(正円) 4:3画像

元画像が4:3のアスペクト比であれば、正円の呪文(border-radius:999.9rem;)ではhalf-circle-side、左右半円になるだけ
しかも画像はレスポンシブなので、サイズ決め打ちもできない
さぁ どうする?

4x3画像

circle(正円) 16:9画像

元画像が16:9のアスペクト比も、画像を歪めず中央部分を残して周りをトリミングするのは難儀の極み
解決策は「aspect-ratio: 1 / 1;」と「object-fit:cover;」および「width:100%;」

16x9画像

 

square(正方形) 1:1画像

アスペクト比 4:3の表示 元画像は1:1

1x1画像

square(正方形) 4:3画像

アスペクト比 4:3の表示 元画像は4:3

4x3画像

square(正方形) 16:9画像

アスペクト比 4:3の表示 元画像は16:9

16x9画像


SEOテンプレート×WordPressテーマサプライズ!

SEOテンプレート×WordPressテーマ 販売サイト

SEOテンプレート×WordPressテーマ 販売サイト

販売サイトは、クレジットカード購入がメインの対応です(Amazon、Microsoftなども採用しているStripeを採用)

Stripeのクレジットカード決済はJCB・VIZA・mastercard・AMEXなど 銀行振込も

銀行振込も加わりました(安全性・信頼性のため Stripe の口座を利用しています)
オンラインからでもATMからでも振り込むとすぐに、マイページでダウンロードできるようになります
また「認証キー」は購入履歴でご確認できます

アバター

author-primary による

Algorism Inc. 株式会社アルゴリズム 代表取締役。SEO塾運営。このサイトは2023年新発売のWordPressテーマのショーケース