Eine der größten Herausforderungen bei der Erstellung einer Website auf WordPress ist die Auswahl des besten Themes. Nach 5 Jahren des ständigen Wechsels von Themes habe ich das beste WordPress-Theme namens GeneratePress gefunden und möchte in diesem Artikel alles darüber sprechen.
Während meiner langen Reise, um meine Website schön zu gestalten, habe ich versucht, kostenlose Themes zu finden, die einfach zu verwenden sind und viele Anpassungen ermöglichen. Leider bieten die meisten kostenlosen Themes eine bessere kostenpflichtige Version.
GeneratePress macht das auch, es gibt eine kostenlose Version, die direkt über dein WordPress-Dashboard heruntergeladen werden kann, aber in diesem Artikel möchte ich den vollständigen Fokus auf die Premium-Version dieses Themas legen, die deine Investition auf jeden Fall wert ist.
Neben kostenlosen Themen habe ich bereits über 500$ Dollar ausgegeben, um Themen zu kaufen, diese eine Zeit lang zu nutzen und mit den Ergebnissen und Einstellungen unzufrieden zu sein. Das einzige Thema, das all meine Bedürfnisse erfüllt hat, ohne Probleme zu verursachen, war GeneratePress.
Warum ist GeneratePress das beste kostenpflichtige WordPress-Theme?
Die meisten anständigen WordPress-Themes, die auf dem evanto-Markt zu finden sind, kosten normalerweise etwa 60 US-Dollar. Ich habe die besten und bestbewerteten gekauft, wie Bimber, Rehub und Socialize, aber sie alle gaben mir ein Problem, das mich wütend machte.
Der Support für Themes ist riesig, die Basis der aktiven Sites übersteigt 100.000, so dass das Forum ständig aktiv ist, voller Fragen und Antworten, um Ihre Probleme zu lösen und die Site nach Ihren Wünschen anzupassen.
Das Theme ist auch so leicht wie möglich gestaltet, wiegt weniger als 30 kbps und sorgt dafür, dass Ihre Website schneller geladen wird und bei den Lademetriken gut abschneidet. Es ist sicher, ohne externe Skriptabhängigkeiten und sehr einfach zu verwenden für diejenigen, die keine Erfahrung mit WordPress-Themes haben.
Es gibt andere ähnliche Themen mit dem gleichen Ansatz wie Astra. Wenn Sie einen Vergleich sehen möchten, haben wir diesen Artikel auf Englisch, der über Astra Pro x GeneratePress spricht.
Bis zum Datum dieses Artikels kostet GeneratePress 49.95$ Dollar ohne Rabatt, sein Hauptvorteil ist, dass die Lizenz für mehrere Websites anstatt nur für eine verwendet werden kann. Sie können dieses wunderbare Thema auf all Ihren Websites kaufen und verwenden und es sogar mit Freunden teilen.
Das Premium-Theme von GeneratePress funktioniert über ein Plugin, mit dem Sie Module, die Sie nicht verwenden möchten, vollständig deaktivieren und aktivieren können, wodurch das Theme noch leichter wird. Unten werden wir alle WordPress-Module sowie deren Vorteile und Funktionen ansehen.
GeneratePress ist ein kostenloses WordPress-Theme erstellt von Tom Usborne mit Fokus auf Geschwindigkeit und Benutzerfreundlichkeit. Das Plugin namens GP-Premium ermöglicht die vollständige Anpassung des Themes und eröffnet unzählige Möglichkeiten für jede Art von Website.
Die Vorteile und Funktionen von GeneratePress
Das beste WordPress-Theme ermöglicht es Ihnen, alle Funktionen zu deaktivieren, die Sie nicht verwenden, um die Site leichter zu machen und beim Anpassen nicht Tausende von Optionen anzuzeigen. Auch wenn alles aktiv ist, wird Ihre Site superleicht sein. Siehe die folgenden Funktionen:
Layoutsteuerung – Sie können die Farben, Typografie, Navigationsleisten und das Layout der Website jederzeit ein- und ausschalten. Es gibt zahlreiche Möglichkeiten mit der Layoutsteuerung, das Plugin ermöglicht es Ihnen auch, ein Standardlayout auszuwählen, das mit einem Klick angepasst werden kann.
Erstellung von Seiten und Kopfzeilen – Mit GeneratePress können Sie Abschnitte und Seitenlayouts erstellen. Auch die Option Seitenüberschriften ermöglicht es Ihnen, vollständige und flexible Header wie diese Site zu erstellen. Verabschieden Sie sich von unnötigen Plugins.
Elemente und WooCommerce – Ein weiterer Vorteil von GeneratePress ist die Unterstützung der Plugins Elements und WooCommerco, die vieles ermöglichen. genere press ist mit Plugins 99% kompatibel und meistens darauf vorbereitet, eine Layoutzusammenführung mit anderen Plugins zu liefern.
Navigationsleisten – Zusätzlich zur herkömmlichen Navigationsleiste können Sie eine sekundäre und eine im Slideout-Stil platzieren. Sie können das Menü festlegen, neben Farben, Größe, Schriftart, Position, Logo usw.
Haken – Mit dieser Funktion können Sie Codes an bestimmten globalen Seitenpositionen wie Kopf- und Fußzeilen hinzufügen. Perfekt zum Hinzufügen von Google Analytics-Codes, Adsense, ADX und anderen Tags, die Sie häufig auf Ihrer Website verwenden.
Seitenleisten und Fußzeile – Mit GeneratePress können Sie die Größe der Seitenleisten im Widget konfigurieren, die Seitenleisten aktivieren und deaktivieren sowie die vollständige Anpassung der Fußzeile.
Gutenberg – Das Thema „Presse generieren“ ist vollständig mit Editor Gutenberg kompatibel und zeigt die Dinge so an, wie sie auf der Seite erscheinen. Mit jedem Update von GeneratePress kommen zahlreiche Funktionen hinzu.
Dies waren nur einige der Funktionen des besten WordPress-Themes, das ich bisher gesehen habe. Sie können mit diesem Thema alles mit diesem Thema machen, es beliebig anpassen, ohne Einschränkungen oder ein gigantisches Programmiererlebnis haben.
Derzeit hat GeneraPress über 700 5-Sterne-Bewertungen auf WordPress erhalten.
MEINE ANPASSUNGEN – Wie ich Generate Press verwende
Trotz der unzähligen Möglichkeiten liegt mein Fokus darauf, das Thema sauber und geradlinig zu halten, perfekt zum Lesen. Also entfernte ich alle Seitenleisten und konzentrierte mich nur auf die Kopf- und Fußzeile, um die Aufmerksamkeit des Lesers auf Themen jenseits des Artikeltextes zu lenken.
Im Kopf benutze ich die Page Headers, um das Hintergrundbild des Artikels, den Titel, die Kategorie und ein E-Mail-Feld für die Besucher einzufügen. Ich kann die Uhrzeit jederzeit ändern und Links oder andere Schaltflächen im Kopfbereich aller Artikel hinzufügen oder entfernen.
Um diesen PageHeader zu erstellen, habe ich den folgenden Code verwendet:
<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 AQUIIn Blogs und Archiven verwende ich die Option, die es ermöglicht, 3 Spalten von Artikelgittern mit Miniaturansichten in der Größe 375 × 175 anzuzeigen, den Titel des Artikels und die Kategorie, zu der der Artikel gehört.
Im Folgenden werde ich etwas Code teilen, den ich verwende, um Generate Press so anzupassen, wie ich es wollte. Vielleicht hilft Ihnen dies auch bei der Lösung einiger Probleme.
Ich habe die Bilder mit dem folgenden Code in einem 1200px-Container zentriert:
.wp-block-image img {
width: 100%;
}
.myphoto {
padding-bottom:20px!important;
}Das sorgt dafür, dass alle zentrierten Bilder, die ich im Artikel platziere, schön und problemlos aussehen. Ich habe auch eine div um alle Bilder im Artikel platziert, indem ich den folgenden Code in die functions.php eingefügt habe:
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' );Ich musste auch den folgenden Filter in der functions.php verwenden, damit die Bilder der Artikelliste (Blogs und Archive) von GeneratePress die Thumbnails im Photon von Jetpack hosten:
add_filter( 'jetpack_photon_override_image_downsize', '__return_true' );Ich habe auch den folgenden Code verwendet, um die Anzeige von Artikeln aus bestimmten Kategorien auf der Startseite von WordPress auszuschließen, es funktioniert mit jedem Theme:
function excludeCat($query) {
if ( $query->is_home ) {
$query->set('cat', '-675');
}
return $query;
}
add_filter('pre_get_posts', 'excludeCat');Die 675 ist die ID der Kategorie, die Sie löschen möchten. Sie finden den Link auf der Seite Kategorie bearbeiten in wp-admin.
Schließlich habe ich auch einen Code in der functions.php verwendet, der die Hinzufügung von Tags zu den Videos ermöglicht und einige CSS-Probleme hinsichtlich der Position des Videos behebt:
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' );Verschiedene Farben für WordPress-Kategorie – Ich habe auch für jede Site-Kategorie angepasst, um unterschiedliche Farben in den H2-Menüs und Unterüberschriften anzuzeigen. Ich überlasse das folgende CSS-Blatt, damit Sie Änderungen vornehmen können, wenn Sie dasselbe auf Ihrer Website tun möchten:
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;}Es gibt kein Problem mit dem GeneratePress-Theme, diese Codes, die ich vorgestellt habe, sind optional und können nützlich sein, wenn Sie sich entscheiden, das beste WordPress-Theme auf der ganzen Welt zu erwerben.
Ich hoffe, Ihnen hat dieser Artikel über das beste WordPress-Theme gefallen, und ich freue mich, wenn Sie sich entscheiden, das Thema über unsere Website zu kaufen. Wenn Ihnen der Artikel gefallen hat, hinterlassen Sie Ihre Kommentare und teilen Sie das beste WordPress-Theme mit Freunden.