WordPressでサイトを作成する際の最も大きな難しさの一つは、最適なテーマを選ぶことです。5年間、テーマを常に変更してきた結果、GeneratePressという最高のWordPressテーマを見つけました。このアーティクルでそれについてすべて話したいと思います。
私のサイトを美しく見せるための長い旅の中で、私は使いやすく、多くのカスタマイズが可能な無料のテーマを見つけようとしていました。残念ながら、ほとんどの無料テーマはより良い有料バージョンを提供します。
GeneratePressもこれを行います。無料版はWordPressのダッシュボードから直接ダウンロードできますが、この記事ではこのテーマのプレミアム版に完全に焦点を当てたいと思います。投資する価値があります。
無料のテーマに加えて、私は500$ドル以上を使ってテーマを購入し、しばらく使った後に結果や設定に不満を持ちました。私のすべてのニーズを満たし、問題を引き起こさなかった唯一のテーマはGeneratePressです。
GeneratePressが最高の有料ワードプレステーマであるのはなぜですか？
エヴァント市場で見られる最もまともなWordPressテーマは、通常、約60ドルの費用がかかります。私はすでにBimber、Rehub、Socializeのような最高で最高の評価を受けたものを購入しましたが、それらはすべて私を怒らせたいくつかの問題を私に与えました。
テーマのサポートは膨大で、アクティブなサイトのベースは100,000を超えているため、フォーラムは常に活動しており、問題を解決し、サイトを希望どおりにカスタマイズするための質問と回答が満載です。
テーマはまた、可能な限り軽量に設計されており、重量は30kbps未満であり、サイトの読み込みが速くなり、読み込み指標で高いスコアが得られます。安全で、外部スクリプトに依存せず、ワードプレスのテーマに慣れていない人にとっては非常に使いやすいです。
Astraと同じ提案を持つ他のテーマもあります。比較を見たい場合は、こちらの記事をご覧ください。Astra Pro x GeneratePressについて説明しています。
この記事の時点で、GeneratePressは通常49.95$ドルで、主な利点はライセンスが単一のサイトではなく複数のサイトで使用できることです。この素晴らしいテーマをすべてのサイトで購入して使用でき、友達と共有することもできます。
GeneratePressのプレミアムテーマは、使用しないモジュールを無効化または有効化できるプラグインを介して機能し、テーマをさらに軽量化します。以下では、WordPressのすべてのモジュール、その利点と機能を見ていきます。
GeneratePressは、によって作成された無料のWordPressテーマです。 トム・ウスボーン スピードと使いやすさに焦点を当てています。 GP-Premiumと呼ばれるプラグインを使用すると、テーマを完全にカスタマイズして、あらゆるタイプのWebサイトに無数の可能性をもたらすことができます。
GeneratePressの利点と機能
最高のワードプレステーマを使用すると、サイトを明るくするために使用しないすべての機能を無効にし、カスタマイズ時に何千ものオプションが表示されないようにすることができます。すべてがアクティブであっても、サイトは非常に軽量になります。以下の機能を参照してください。
レイアウト制御 –いつでも、色、タイポグラフィ、ナビゲーションバー、およびサイトレイアウトをアクティブ化および非アクティブ化できます。レイアウト制御には多くの可能性があります。プラグインを使用すると、ワンクリックでカスタマイズするデフォルトのレイアウトを選択することもできます。
ページとヘッダーの作成 – GeneratePressを使用すると、セクションとページレイアウトを作成できます。さらにオプション ページヘッダー このサイトのような完全で柔軟なヘッダーを作成できます。不要なプラグインに別れを告げます。
要素 と WooCommerce – GeneratePressのもう1つの利点は、ElementsおよびWooCommercoプラグインのサポートであり、さまざまなことが可能になります。生成プレスはプラグインの99%と互換性があり、ほとんどの場合、他のプラグインとのレイアウトの融合を提供する準備ができています。
ナビゲーションバー –従来のナビゲーションバーに加えて、2番目のナビゲーションバーをスライドアウトスタイルで配置できます。色、サイズ、フォントタイプ、位置、ロゴなどに加えて、メニューを設定することを選択できます。
フック –この関数を使用すると、ヘッダーやフッターなどのグローバルページの特定の場所にコードを追加できます。 Google Analytics、AdSense、ADXコード、およびWebサイトで通常使用するその他のタグを追加するのに最適です。
サイドバーとフッター – GeneratePressを使用すると、ウィジェットであるサイドバーのサイズを構成したり、サイドバーをアクティブ化および非アクティブ化したり、フッターを完全にカスタマイズしたりできます。
グーテンベルク – Generate Pressテーマは、Gutenberg Editorと完全に互換性があり、ページに表示される方法で表示されます。 GeneratePressのアップデートごとに多数の機能が追加されています。
これらは、私がこれまでに出会った中で最高のWordPressテーマの機能のほんの一部でした。このテーマでこのテーマを使ってすべてを行うことができ、制限なしに好きなようにカスタマイズしたり、巨大なコーディング体験をしたりすることができます。
GeneraPressは現在700以上の5つ星のワードプレスレビューを受けています。
ここをクリックしてGeneratePressWebサイトにアクセスし、詳細を確認してテーマを購入してください。
私のカスタマイズ–GeneratePressの使用方法
数え切れないほどの可能性にもかかわらず、私の焦点は、トピックをクリーンでわかりやすく、読むのに最適にすることです。そこで、私はすべてのサイドバーを取り出し、記事のテキスト以外の主題に対する読者の注意を引くために、ヘッダーとフッターのみに焦点を合わせました。
ヘッダーでは、Page Headersを使用して、記事の背景画像、タイトル、カテゴリー、訪問者用のメールキャプチャボックスを配置しています。好きな時に変更でき、すべての記事のヘッダーにリンクや他のボタンを追加または削除することができます。
このPageHeaderを作成するために、次のコードを使用しました。
<h1> <span class="titulo-artigo">{{post_title}}</span></h1>
<span class="titulo-artigo2">{{post_terms.category}}</span>
<span class="titulo-artigo3">ESCRITO POR <strong>{{post_author}}</strong> // [autor-imagem]</span>
<span class="titulo-artigo4"><a href="https://skdesu.com/pjosb" >MATRÍCULAS ABERTAS - PJO - CLIQUE AQUI</a></span>
<style> .container.grid-container {margin-top: -50px;} .titulo-artigo { margin: 0;
padding: 0; background-color: #c90202; padding:5px; text-transform: uppercase;} .titulo-artigo2 { background-color: #9e0101; padding:5px; text-transform: uppercase; font-size: 18px;} .titulo-artigo3 { background-color: #8e0601; padding:5px; text-transform: uppercase; font-size: 14px;} .titulo-artigo4 { background-color: #8e0601; padding:5px; text-transform: uppercase; font-size: 14px;} @media(max-width: 768px) {.page-header-content-container {max-height:200px; padding-top: 100px;} } .semana-japonesa { background-color: #000000; padding:5px; text-transform: uppercase; font-size: 22px; border: 2px; border-color: #bf0000; border-style: solid;} </style>
FORMULARIO DE E-MAIL AQUIブログとアーカイブでは、375×175のサイズのサムネイル、記事のタイトル、および記事が属するカテゴリを使用して、3列の記事グリッドを表示できるオプションを使用しています。
以下では、Generate Pressを希望どおりにカスタマイズするために使用するいくつかのコードを共有します。これは、いくつかの問題の解決にも役立つ可能性があります。
次のコードを使用して、1200pxのコンテナで画像を中央に配置しました。
.wp-block-image img {
width: 100%;
}
.myphoto {
padding-bottom:20px!important;
}これにより、記事に挿入したすべての中央揃えの画像がきれいに表示され、問題がなくなります。また、次のコードを使用して、すべての画像にdivを追加しました。functions.phpの中で：
function breezer_addDivToImage( $content ) {
// A regular expression of what to look for.
$pattern = '/(<img([^>]*)>)/i';
// What to replace it with. $1 refers to the content in the first 'capture group', in parentheses above
$replacement = '<div class="myphoto">$1</div>';
// run preg_replace() on the $content
$content = preg_replace( $pattern, $replacement, $content );
// return the processed content
return $content;
}
add_filter( 'the_content', 'breezer_addDivToImage' );以下のフィルターもfunctions.phpで使用する必要がありました。これは、GeneratePressのブログとアーカイブの記事リストの画像がJetpackのPhotonにサムネイルをホスティングするためです。
add_filter( 'jetpack_photon_override_image_downsize', '__return_true' );私はまた、WordPressのホームページから特定のカテゴリの記事を表示しないために次のコードを使用しました。どのテーマでも機能します：
function excludeCat($query) {
if ( $query->is_home ) {
$query->set('cat', '-675');
}
return $query;
}
add_filter('pre_get_posts', 'excludeCat');675は、削除するカテゴリのIDです。これは、wp-adminの[カテゴリの編集]ページのリンクにあります。
最後に、私は 動画にタグを追加する のを可能にし、動画の位置 に関するいくつかのCSSの問題を修正するコードを functions.php にも使用しました。
function alx_embed_html( $html ) {
return '<div class="video-container">' . $html . '</div>';
}
add_filter( 'embed_oembed_html', 'alx_embed_html', 10, 3 );
add_filter( 'video_embed_html', 'alx_embed_html' );ワードプレスカテゴリのさまざまな色 –また、H2メニューと小見出しに異なる色を表示するように、サイトカテゴリごとにカスタマイズしました。サイトで同じことをしたい場合は、変更を加えるために以下のCSSシートを残しておきます。
body.nome-da-categoria .secondary-navigation {background-color: #690077;}
body.nome-da-categoria .main-navigation .main-nav ul li[class*="current-menu-"] > a {background-color: #8900bf;}
body.nome-da-categoria ::-webkit-scrollbar-thumb {background: #8900bf;}
body.category-nome-da-categoria .secondary-navigation {background-color: #690077;}
body.category-nome-da-categoria .main-navigation .main-nav ul li[class*="current-menu-"] > a {background-color: #8900bf;}
body.nome-da-categoria .inside-article a {color:#8900bf;}GeneratePressテーマに問題はありません。私が提示したこれらのコードはオプションであり、地球上で最高のワードプレステーマを購入する場合に役立ちます。
最高のワードプレスのテーマについてのこの記事を楽しんでいただければ幸いです。また、当社のWebサイトからテーマを購入することを決定した場合は感謝します。記事が気に入ったら、コメントを残して、最高のワードプレスのテーマを友達と共有してください。
ここをクリックしてGeneratePressWebサイトにアクセスし、詳細を確認してテーマを購入してください。