2回–Diviの子テーマの概要

Twice Diviの子テーマは、ブログを念頭に置いて設計されました。 これは、写真、旅行、個人など、あらゆるタイプのブログでうまく機能するシンプルなテーマです。 この記事では、Twiceを詳しく見て、ニーズに合ったDiviの子テーマであるかどうかを判断できるようにします。

TwiceDiviの子テーマのインストール

インストールは簡単ですが、必要なプラグインが自動的にインストールされるわけではありません。 幸いなことに、それはあなたにそれをステップスルーし、それは難しいことではありません。 Diviをアクティブにした状態で、他のWordPressテーマと同様に、TwiceDivi子テーマをアップロードしてアクティブにします。

Twiceをアクティブにすると、2つのプラグインをインストールする必要があるというメッセージが表示されます。 [プラグインのインストールを開始]をクリックします。

プラグインを選択してインストールします。 これを行うには、[プラグイン]の横のボックスをクリックしてすべてのプラグインを選択し、[一括操作]ドロップダウンから[インストール]を選択して、[適用]をクリックします。

次に、プラグインリストに移動し、一括アクティベーションを実行して、プラグインをアクティベートします。

[デモデータのインポート]が[外観]メニューのオプションになりました。 この画面を開き、[デモデータのインポート]をクリックします。 確かかどうか尋ねられます。 [はい]をクリックしてこの画面を表示し、終了するのを待ちます。 これで、Webサイトはデモのようになります。

2回のDivi子テーマページ

2回は8つのメインページを追加します。 それぞれを見てみましょう。

TwiceDiviチャイルドテーマホームページ

Twice Diviの子テーマのホームページには、グローバルヘッダー、投稿スライダー、ブログモジュールなどが表示されます。 各セクションを見てみましょう。

ヒーローセクション

ヒーローセクションでは、全画面の注目の画像とオーバーレイのタイトルを使用して、投稿を全幅の投稿スライダーに表示します。 ヘッダーにあるような薄緑色のハイライトがサイト全体に表示されます。

著者のお気に入りのブログ

著者のお気に入りのブログは、3列のテキストモジュールで作成されます。 モジュールは、背景画像とスタイル付きタイトルを前景に表示します。 それらは、選択したブログ投稿にリンクするために使用されます。 これらは、チュートリアルや投稿などを強調するのに最適な方法です。かすかな線でブログセクションから分離しています。

ブログセクション

Twice Diviの子テーマのブログセクションには、サイドバー付きの単一の列に最新のブログ投稿が表示されます。 メタテキス​​ト、その他のエントリボタン、検索ボタン、箇条書き、およびサイドバーの境界線とリンクのホバーアニメーションは緑色で表示されます。

人気の投稿

人気の投稿には、トラフィックが最も多い6つの投稿が表示されます。 サムネイル、タイトル、メタ、抜粋として注目の画像が含まれています。 これは、TwiceDivi子テーマをインストールするときに推奨されるWordPressPopularPostsプラグインを使用して作成されています。

これはプラグインで作成され、コード付きのテキストモジュール内に配置されます。 コードは、投稿の数、投稿の種類、サムネイルの高さ、幅などを指定します。これはすでに設定されていますが、簡単にカスタマイズできます。

プラグインのパラメータは、設定画面で変更できます。 リンクが新しいウィンドウで開いている場合は、サムネイルとデータを変更し、プラグインのスタイルシートを有効にします。

人気のある投稿の統計を表示することもできます。 ビューとコメントの数を参照してください。 今日、24時間、7日、30日、またはカスタム範囲の統計を表示します。 これは、Webサイトで何がトレンドになっているのかを知るのに役立ちます。

私たちに関しては

About Usは、2列の単一行を表示します。 1列目は大きな画像を示し、2列目は紹介、引用付きの詳細な説明、および署名を示しています。

ブログとカテゴリのページ

ブログとカテゴリのページでは、全幅の画像、タイトル、パンくずリストを含むセクションを含むページを紹介しています。 カテゴリページとブログページは同じように機能します。 最新の投稿が表示され、メタテキス​​トの緑色のスタイル、検索ボックス、サイドバーのホバーアニメーション、その他の投稿を読むためのリンクが含まれています。

投稿のレイアウトには、注目の画像、コンテンツの下のソーシャルメディアリンク、スタイル付きサイドバーが含まれます。

ギャラリー

Twice Diviの子テーマのギャラリーページはポートフォリオとして機能し、画像とテキスト、ライトボックスで開く画像、背景画像と連絡先ボタンを備えた全幅CTAを含む紹介を表示します。 画像の下部にある小さなオーバーレイの上にタイトルを表示するギャラリースタイルが好きです。

TwiceDiviチャイルドテーマ404ページ

Twiceの404ページには、メッセージとホームページへのボタンを含む全幅の画像が表示されます。 このページには、ヘッダーとフッターも含まれています。 明確にラベル付けされているため、訪問者は何が起こっているのかを知ることができます。

近日公開

Coming Soonは、メッセージ、カウントダウンタイマー、ソーシャルフォローリンクを含む全幅の背景画像を表示します。 このページにはヘッダーやフッターが表示されないため、Webサイトを公開する準備ができるまで、ホームページとして設定できます。

コンタクト

連絡先ページには、Webサイトへの連絡先を示す大きな画像が表示されます。 シンプルで使いやすいフォルムで、目立たないすっきりとしたデザインになっています。

2回のDivi子テーマライブラリのレイアウト

ヘッダー、フッター、ブログバナー、サイドバーなどの要素は、Diviライブラリにレイアウトとして作成されます。 それらは、テーマのファイルのコードとともにレイアウトに追加されます。 幸い、変更を加えるためにコードを掘り下げる必要はありません。 これらのファイルへのすべての変更は、ライブラリで行われます。 いくつかのレイアウトを見てみましょう。

TWICEヘッダー

グローバルヘッダーは、2つのレイヤーを作成するために2つの異なるレイアウトでDiviライブラリに作成されました。 レイヤー1には、ソーシャルメディアのアイコン、ロゴ、検索ボックスが表示されます。 レイヤー2はメニューを表示します。 どちらもスタイル付きの境界線で区切られています。

プライマリメニューとフッターメニューはデモと一致し、メニューダッシュボードで簡単に変更できます。 これがメインメニューです。 メニューは、Divi Builderで作成されたヘッダーで選択および表示されるため、この画面では割り当てられていません。

これは、ライブラリのDiviBuilderで作成されたメニューです。 カスタマイズするには、メニューモジュールに表示するメニューを選択し、Diviレイアウトと同じようにスタイルを設定します。

2回フッター

フッターには2つの領域があります。 1つ目は、テーマのファイル内のコードを使用して作成され、ギャラリーを表示します。 各画像はライトボックスで開きます。 下のセクションは、情報とソーシャルメディアのアイコンです。 これらもDiviBuilderで作成されるため、画像や情報を簡単に変更できます。

こちらがフッターギャラリーです。 これはDiviライブラリで作成され、テーマファイルのフッターに追加されます。

これが著作権とソーシャルメディアモジュールを表示する一番下の行です。 また、ライブラリのDiviBuilderを使用して作成されます。

TwiceDiviの子テーマを購入する場所

DiviMarketplaceでTwiceDiviの子テーマを49ドルで購入できます。 これには、無制限のWebサイトの使用と、1年間のサポートと更新が含まれます。 販売ページには、ライブデモへのリンク、その他のスクリーンショット、および子テーマの使用の詳細を説明するドキュメントも含まれています。

終わりの考え

これが、TwiceDiviの子テーマです。 ページはきれいで、ほとんどのブログが最も人気のあるカテゴリを強調するために必要なページです。 CSSと追加機能がテーマのテンプレートファイルに追加されます。 ヘッダー、フッターなどの多くは、Diviライブラリで作成され、テーマファイルに追加されます。 一部のファイルは、テーマビルダーにテンプレートを追加することでオーバーライドまたは追加できますが、その他のファイルはライブラリで変更できます。 コードはよくコメントされており、わかりやすいと思いました。

シンプルで効果的なDiviのブログの子テーマを探しているなら、Twiceは一見の価値があります。

我々はあなたから聞きたい。 Twice Diviの子テーマを試しましたか？ コメントであなたがそれについてどう思うか教えてください。

SpicyTruffel /shutterstock.com経由の注目の画像