GeneratePressは速くて軽いので、韓国では特に 収益型ブログによく使用されます。このテーマを使用すると、初心者はシンプルなブログを運営でき、プロのユーザーは高速を維持しながら複雑なサイトを作成できます。
GeneratePress テーマでサイドバーを表示するように設定している場合、サイドバーの内容が少ないと、下の空白がぎこちなく表示されることがあります。この場合、サイドバーの高さを全高に設定すると、より自然にサイトを作成できます。
WordPress GeneratePress テーマサイドバーの高さを全高に設定する方法
ジェネレートプレステーマは、現存するテーマの中で最も速いテーマの一つとして評価されており、韓国では特にブログ運営に多く利用されています。このブログでも現在 GeneratePress テーマが適用されています。😄
しかし、GPテーマ ブロックの生成と一緒に使用すると、エレメントなしで高速化する複雑なサイトを作成できます。たとえば、複雑なアニメーション効果が適用されたBulldog.comサイトは、GenerateBlocksを使用して作成されました（参照).
エレメント（Elementor)は便利ですが、サイトの速度に影響を与える可能性があり、エレメント用のアドオンプラグインを追加インストールするとサイトの速度がさらに遅くなります。 Cafe24ナガビアなど一部の国内ホスティングでは、メモリなどのサーバーリソース不足でエラーが発生することもあります。
GeneratePress テーマサイドバーを設定する
GeneratePress テーマが適用された場合 WordPress 管理者ページ » 外観 » カスタム » レイアウト » サイドバーで、サイト全体、ブログ、単一の投稿に対してサイドバースタイルを指定できます。
通常、サイドバーを右側に表示します。上の図では 内容/サイドバー オプションを選択すると、右サイドバーがアクティブになります。
サイドバー設定ページでは、サイドバーの幅（幅）とウィジェットのパディングも設定できます。サイドバーの幅は比率（％）でのみ指定でき、固定幅を利用したい場合はCSSコードで調整できます。次の記事では、GPテーマサイドバーの幅を設定する方法を参照してください。
サイドバーが全高で表示されない場合
サイドバーを有効にすると、サイドバー領域にコンテンツが短いと、図のようにサイドバーがぎこちなく表示されることがあります。
上図の右サイドバーの高さを左のコンテンツ領域の高さと同じにしたい場合は、 CSS コードを使用することができます。
body.right-sidebar .site-content, #right-sidebar {
display: flex;
}
#right-sidebar .inside-right-sidebar {
display: flex;
flex-direction: column;
}
#right-sidebar .widget:last-child {
flex: 1;
}上記のコードは、 GeneratePress フォーラムの投稿から引用したものです。コード 外観 » カスタム » 追加 CSSに追加したり、 チャイルドテーマのスタイルシートファイル（style.css）に追加できます。
上記のコードを入力してサイトを更新すると、サイドバーが全高で表示されます。
適用されない場合は、キャッシュプラグインのキャッシュを削除し、ブラウザキャッシュを削除すると正しく表示されます。
コメントを残す