タグ: モバイル

  • AMP & スマートフォン表示例

    スマートフォンではモバイルに特化して無駄なコードや情報を省き、軽量化、最適化されたモバイル専用テーマにて表示します。

    他の一般的なレスポンシブデザインにしか対応していないテーマと違い、PCからのアクセスとはテーマ自体が異なるため、単純なレスポンシブ表示では到底実現できない究極のモバイル要件にも対応しています。

    さらに、Googleが推進しているモバイル環境でのウェブサイトの表示速度を高速化するための取り組みである、AMP(Accelerated Mobile Pages)の仕様に完全に準拠した動作環境でサイトを表示できる、AMPモード機能とAMPテーマもDigiPressでは標準機能として搭載しています。

    モバイルテーマ/AMPモード表示比較

    トップページ

    [flexbox flexchildren=1]
    [flexitem]

    AMP無効(モバイルテーマ)


    [/flexitem]
    [flexitem]

    AMP有効


    [/flexitem]
    [/flexbox]

    サイドメニューオープン時

    [flexbox flexchildren=1]
    [flexitem]

    AMP無効(モバイルテーマ)


    [/flexitem]
    [flexitem]

    AMP有効


    [/flexitem]
    [/flexbox]

    シングルページ

    [flexbox flexchildren=1]
    [flexitem]

    AMP無効(モバイルテーマ)


    [/flexitem]
    [flexitem]

    AMP有効


    [/flexitem]
    [/flexbox]

    シングルページSNSシェアボタン

    [flexbox flexchildren=1]
    [flexitem]

    AMP無効(モバイルテーマ)


    [/flexitem]
    [flexitem]

    AMP有効


    [/flexitem]
    [/flexbox]

    寄稿者プロフィール

    [flexbox flexchildren=1]
    [flexitem]

    AMP無効(モバイルテーマ)


    [/flexitem]
    [flexitem]

    AMP有効


    [/flexitem]
    [/flexbox]

    サイトフッターエリア

    [flexbox flexchildren=1]
    [flexitem]

    AMP無効(モバイルテーマ)


    [/flexitem]
    [flexitem]

    AMP有効


    [/flexitem]
    [/flexbox]

  • スマートフォン表示例

    スマートフォンではモバイルに特化して無駄なコードや情報を省き、軽量化、最適化されたモバイル専用テーマにて表示します。

    他の一般的なテーマと違いPCからのアクセスとはテーマ自体が異なるため、単純なレスポンシブ表示では到底実現できない究極のモバイル要件にも対応しています。

    テーマ管理画面からモバイルテーマを無効にして、レスポンシブ表示(PCテーマと共通)にすることも可能です。

    iphone1
    iphone2
    iphone3
    iphone6
    iphone5