WordPressでウェブサイトを作成する上での最大の難しさの1つは、最適なテーマを選択することです。テーマを絶えず切り替えて5年後、私はと呼ばれる最高のWordPressテーマを見つけました GeneratePress この記事でそれについてすべて話したいと思います。
私のサイトを美しく見せるための長い旅の中で、私は使いやすく、多くのカスタマイズが可能な無料のテーマを見つけようとしていました。残念ながら、ほとんどの無料テーマはより良い有料バージョンを提供します。
O GeneratePress また、これは、ワードプレスダッシュボードから直接ダウンロードできる無料バージョンがありますが、この記事では、このテーマのプレミアムバージョンに完全に焦点を当てたいと思います。これは完全に投資する価値があります。
無料のテーマに加えて、私は500$ドル以上を費やしてテーマを購入し、しばらくの間使用し、結果と設定に不満を持っていました。問題なく私のすべてのニーズを満たした唯一のテーマは GeneratePress.
GeneratePressが最高の有料ワードプレステーマであるのはなぜですか？
エヴァント市場で見られる最もまともなWordPressテーマは、通常、約60ドルの費用がかかります。私はすでにBimber、Rehub、Socializeのような最高で最高の評価を受けたものを購入しましたが、それらはすべて私を怒らせたいくつかの問題を私に与えました。
テーマのサポートは膨大で、アクティブなサイトのベースは100,000を超えているため、フォーラムは常に活動しており、問題を解決し、サイトを希望どおりにカスタマイズするための質問と回答が満載です。
テーマはまた、可能な限り軽量に設計されており、重量は30kbps未満であり、サイトの読み込みが速くなり、読み込み指標で高いスコアが得られます。安全で、外部スクリプトに依存せず、ワードプレスのテーマに慣れていない人にとっては非常に使いやすいです。
アストラと同じ提案を持つ他の同様のテーマがあります。比較をご覧になりたい場合は、英語でこの記事をご覧ください。 Astra Pro x GeneratePress.
この記事の日付の時点で、 GeneratePress プロモーションの費用は49,95$オフです。その主な利点は、ライセンスにより、1つだけではなく複数のサイトで使用できることです。この素晴らしいテーマを購入してすべてのWebサイトで使用したり、友達と共有したりすることもできます。
プレミアムテーマ GeneratePress 使用しないモジュールを非アクティブ化およびアクティブ化する完全な機能を備えたプラグインを介して機能し、テーマをさらに軽量化します。以下に、すべてのワードプレスモジュール、それらの利点と機能を示します。
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の使用方法
数え切れないほどの可能性にもかかわらず、私の焦点は、トピックをクリーンでわかりやすく、読むのに最適にすることです。そこで、私はすべてのサイドバーを取り出し、記事のテキスト以外の主題に対する読者の注意を引くために、ヘッダーとフッターのみに焦点を合わせました。
ヘッダーでは、 ページヘッダー 記事の背景画像、タイトル、カテゴリ、および訪問者用の電子メールキャプチャボックスを配置します。いつでも変更でき、すべての記事のヘッダーにあるリンクやその他のボタンを追加および削除できます。
この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 関数.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' );また、次のフィルターを使用する必要がありました 関数.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の[カテゴリの編集]ページのリンクにあります。
最後に、functions.phpのコードを使用して、 動画にタグを追加する に関連するいくつかのcssの問題を修正します ビデオの位置:
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サイトにアクセスし、詳細を確認してテーマを購入してください。