レスポンシブWordPressテーマ

目次

• 選ばれる3つの理由
• SEO対策/ソーシャル連携
• 検証済品質チェックツール
• その他の主な特徴

選ばれる3つの理由

1. レスポンシブなのにPC表示もOK！

レスポンシブWebデザインで様々なスマートデバイスに最適化して表示されるのはもちろん、ユーザーがPC表示に切り替えることも可能です。テーマの標準機能なのでプラグインや設定作業は不要です。

2. カスタマイザーで簡単カスタマイズ！

WordPress 管理画面のカスタマイザーで、設定内容をプレビューしながらカスタマイズすることができます。
ロゴ画像のアップロード、テーマカラーやスライドショーなどをプレビューしながら簡単に設定できます。

3. 最新版 Bootstrap 4 対応！

世界中で幅広く利用されているCSSフレームワークの最新版 Bootstrap 4 を採用しています。
実績と信頼のあるフレームワークをベースにすることで、品質、保守性、拡張性を確保することができます。
http://getbootstrap.com/

SEO対策/ソーシャル連携

• title、h1、metaタグなどを綿密に設計したSEO対策を施しています。
• Googleモバイルフレンドリーテストでスマホ対応判定済です。
• Microdata対応パンくずリストで、Googleリッチスニペットに対応しています。
• シェアボタンを自動表示！はてなブックマークにも対応しています。
• FacebookなどのOGPに対応！プラグインなしで自動的に設定します。
• Twitterカードに対応！Twitter Cards を自動的に設定します（要URL承認作業）。
• 品質への圧倒的なこだわり

検証済品質チェックツール

• HTML5 W3C Markup Validation Service クリア
• Google モバイルフレンドリーテスト クリア
• Google 構造化データテストツール クリア
• WordPress 公式テーマ向け Theme Check クリア
• Facebook Open Graph Object Debugger クリア
• 動作確認済プラグイン
  • Contact Form 7、MW WP Form、XML Sitemap、All in One SEO Pack、Google AdSense
    （プラグインの動作を保証するものではありません）

その他の主な特徴

• 投稿ページのレイアウトをカスタマイズできます（1カラム/2カラム）。
• 豊富なウィジェットエリアがあります。
  • トップページ上部：トップページ専用ウィジェットでオリジナリティーのあるトップページにできます。
  • 投稿ページ上下：コンテンツの前後なので広告掲載などにも適しています。
  • サイドバー：検索フォームやカテゴリー一覧、タグクラウドなどに適しています。
  • フッター：全ページ共通フッターです。フッター用にメニューを作成して設置できます。
• ページャー（ページ送り）に対応しています。
• アイキャッチ画像を設定することができます。
• 画像やYouTube動画の埋め込みコードは自動的にレスポンシブになります。
• カテゴリーにもアイキャッチ画像を設定することができます。
• アカウントを設定できるSNS：Facebook、Twitter、Google+、Tumblr、Instagram、YouTube、Flickr、Pinterest
• Facebook Page Plugin 対応オリジナルウィジェットで、ページURLを入力するだけで表示されます。
• 国産テーマなので、日本語テキストも美しく表示されます。

YouTubeもレスポンシブ

普通の埋め込みコードを使うだけでレスポンシブになります。

アイコンフォント対応

アイコンフォント対応！classを指定するだけで、簡単にアイコンが表示されます。

アイコン

ブログカード対応

URLを貼るだけ！WordPress4.4から実装されたブログカードも、LIQUID PRESS ならレスポンシブに対応しています。

マークアップ: HTML タグとフォーマット

Bootstrap4対応

Bootstrap4のclass名を指定するだけで要素をデザインできます。

Primary Secondary Success Info Warning Danger Link

<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button>

Large button Small button

<button type="button" class="btn btn-primary btn-lg">Large button</button>
<button type="button" class="btn btn-primary btn-sm">Small button</button>