Januar 29, 2022

Top 3 Methoden, um Ihre alte Website in eine WordPress-Website zu konvertieren

 Emma Jhonson
Emma Jhonson

Folgen

Aug 20 * 7 Minuten Lesezeit

Möchten Sie Ihre alte Website von HTML nach WordPress konvertieren? Wenn Sie zu einer Trendtechnologie springen, müssen Sie in vollständige Informationen eintauchen und alle erforderlichen Details sammeln, bevor Sie sich entscheiden.

Der Markt von WordPress wächst dynamisch mit jedem Tag. Ab 2021 sind mehr als 455 Millionen Websites auf WordPress aktiv, und die Anzahl der Websites wird in den kommenden Jahren voraussichtlich zunehmen.

Bildquelle

Wichtige Statistiken zu WordPress

  • WordPress ist das benutzerfreundlichste Open-Source-Content-Management-System mit 1,1 Millionen neuen Downloads alle sechs Monate und mehr als 2 Millionen pro Jahr.
  • Es treibt 62% aller CMS-Websites an, wie Joomla oder Shopify.
  • Es bietet mehr als 54.000 Plugins, 11.000 Themes und verschiedene Layouts für die individuelle Website-Entwicklung.
  • WooCommerce ist das am häufigsten verwendete E-Commerce-Plugin von WordPress und trägt 7% zum gesamten Online-Umsatz bei.

Warum WordPress für die Website-Entwicklung wählen?

Der Schmerz, Ihre Website in WordPress zu importieren, ist wertlos, wenn Sie die Bedeutung dieses Content-Management-Systems nicht verstehen. Bevor Sie zu WordPress springen, lassen Sie uns ein wenig erklären, warum Sie für Ihre Webentwicklung über WordPress nachdenken sollten:

  • WordPress-Websites sind SEO-freundlich und helfen Benutzern, ihre solide digitale Präsenz auf Googles SERP zu steigern.
  • Wenn Sie Ihr Unternehmen über Websites projizieren, suchen Sie nach Zugänglichkeit, Anpassung und Erweiterung für die Benutzerbindung. Mit WordPress wird es einfach, die Websites zu erweitern und zu aktualisieren, um wertvolle Erkenntnisse zu teilen.
  • Die Integration der maßgeschneiderten Funktionen in Ihre Websites wird mit 54.000 gebrauchsfertigen Plugins einfach. Es wird helfen, Ihr Website-Projekt dynamischer und reaktionsschneller zu machen.
  • WordPress ist ein Open-Source-Content-Management-System. Es verfügt über eine große Online-Community von Experten, die dieses CMS fortschrittlicher und zugänglicher machen. Es macht die Wartung der Website produktiver.

Schrittweise Konvertierung von HTML in WordPress

Während Sie sich der Konvertierung von HTML in WordPress zuwenden, müssen Sie das HTML-Design in ein WordPress-Theme ändern. Als Neuling in der IT-Welt fühlen Sie sich möglicherweise umständlich, Ihre Website zu konvertieren. Suchen Sie daher nach den besten WordPress-Website-Entwicklungsdiensten für eine nahtlose Konvertierung. Es wird helfen, eine Website in WordPress zu klonen.

Wenn Sie jedoch die vorhandene Website durch WordPress ersetzen möchten, befolgen Sie Schritt für Schritt einen umsetzungsbereiten Plan:

 html zu wordpress konvertieren

html zu wordpress konvertieren

Jetzt ist es an der Zeit, Ihr technisches Fachwissen und Ihre Kenntnisse in HTML, CSS und PHP unter Beweis zu stellen. Bei dieser manuellen Konvertierung müssen Sie Kopieren und Einfügen durchführen:

Schritt 1: Erstellen Sie einen neuen Themenordner und Dateien

Erstellen Sie einen neuen Themenordner auf Ihrem Desktop und benennen Sie ihn. Gehen Sie zum Code-Editor und erstellen Sie fünf Textdateien:

  • Stil.css
  • Index.php
  • Kopfzeile.php
  • Seitenleiste.php
  • Fußzeile.php

Schritt 2: Ersetzen Sie vorhandenes CSS durch WordPress Style Sheet

Ein weiterer wesentlicher Schritt zum Konvertieren einer Website in WordPress ist das Kopieren und Einfügen. Stellen Sie sicher, dass Sie die vollständige CSS-Codierung von der Website in ein WordPress-Stylesheet kopieren. Es bedeutet, dass Sie einen Stil erstellen müssen.CSS-Datei und füllen Sie die folgenden Details aus:

  • Themenname: Spiegelt den Namen Ihres Themas wider
  • Themen-URL: Website-Adresse
  • Autor: Ihr Name
  • Autor-URL: Bezeichnet einen Link zu Ihrer Homepage, auf der Sie arbeiten
  • Beschreibung (optional): Beschreiben Sie Ihr Thema
  • Version: Es geht um Ihr Thema. Sie können 1.0 setzen, da es nicht veröffentlicht wird.
  • Lizenz, Lizenz-URL, Tags: Diese Details sind wichtig, wenn Sie Ihr Thema an das WordPress-Themenverzeichnis senden.

Schritt 3: Trennen Sie vorhandenes HTML

In WordPress verwenden Entwickler PHP, um Datenbankinformationen zu extrahieren. Aus diesem Grund müssen sie HTML in verschiedene Teile unterteilen und es dem CMS ermöglichen, diese Teile zusammenzubinden, um vollständige Details widerzuspiegeln.

Zum Index klicken.HTML-Datei und öffnen Sie sie. Kopieren Sie nun den Code aus WordPress und fügen Sie ihn in die folgenden Abschnitte ein:

Header.php: Es deckt den Bereich zwischen dem oberen Rand Ihres HTML-Codes und dem Hauptinhalt in Bezug auf „<main> oder <div class=“main“> .“ Kopieren und Einfügen <?php wp_head();?> kurz nach </Kopf>.

Seitenleiste.php: Kopieren Sie den Inhalt unter dem Abschnitt <und> in die WordPress-Datei.

Fußzeile.php: Footer Abschnitt beschreibt die Informationen vom Ende der Seitenleiste bis zum Ende der Datei. Danach einfügen <?php wp_footer();?> vor </Körper>.

Schließen Sie den „Index.html“ -Datei und speichern Sie die erforderlichen Daten im Themenordner.

Schließen Sie alle Dateien außer Header.php und Index.PHP.

Schritt 4: Ändern Sie die Kopfzeile.php und Index.php für WordPress

Ändern Sie den Header.php und Index.php, um sie mit dem WordPress-Format kompatibel zu machen.

Für Header.php

Beginnen Sie mit der Suche nach einem ähnlichen Link zu „<link rel=“ stylesheet“ href=“ style.css“>“ im Abschnitt <head>.

Ersetzen Sie den Link durch:

< link rel=“stylesheet“ href=“<?php echo get_template_directory_uri(); ?>/Stil.css“ Typ =“text / css“ Medien =“alle“ />.

Speichern und schließen Sie die Header-Datei.

Für Index.php

Ihr Index.php kann leer sein, also fügen Sie die unten genannten Informationen ein:

Bildquelle

<?php get_header(); ?>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Hinweis: Halten Sie den Abstand zwischen der Kopfzeile und der Seitenleiste ein, um die Schleife hinzuzufügen.

Schritt 5: Screenshot aufnehmen und hochladen

Ein letzter und wesentlicher Schritt besteht darin, einen Screenshot Ihres Themas zu erstellen. Stellen Sie vor dem Hochladen sicher, dass es sich um 880 × 660 Pixel handelt.

Zur Verdeutlichung ist der Screenshot für den Backend-Prozess von WordPress. Sie können eine Vorschau Ihrer Site mithilfe des Screenshots anzeigen. Speichern Sie die Datei also als Screenshot.png und fügen Sie es in Ihren Themenordner ein.

Laden Sie das Thema mit den folgenden Schritten in WordPress hoch:

  • Erstellen Sie eine ZIP-Datei.
  • Gehe zu WordPress. Wählen Sie das gewünschte Erscheinungsbild und die gewünschten Themen aus, und klicken Sie oben auf Neu hinzufügen.
  • Laden Sie das Thema hoch und laden Sie dann die ZIP-Datei hoch.
  • Registerkarte „Jetzt installieren.“
  • Aktivieren Sie das Thema

Methode 2: Verwendung von WordPress Child Theme

 WordPress Child Theme zum Konvertieren der alten Website

WordPress Child Theme zum Konvertieren der alten Website

Manuelle Konvertierung scheint technisch und ein wenig kompliziert. Aber Sie können alles mit WordPress Child Theme verwalten. Es benötigt ein übergeordnetes Thema, ermöglicht es Ihnen jedoch, die erforderlichen Änderungen vorzunehmen.

Schritt 1: Wählen Sie ein Thema

Bildquelle

Wählen Sie ein Thema aus dem WordPress-Themenverzeichnis, das Ihrem vorhandenen Design ähnelt.

Installieren Sie es, aber aktivieren Sie es nicht.

Schritt 2: Erstellen Sie einen neuen Ordner

Erstellen Sie einen neuen Themenordner, wie Sie ihn in der vorherigen Methode erstellt haben. Stellen Sie sicher, dass Sie den Ordner als übergeordnetes Thema benennen und das Adjektiv „Kind“ am Ende ohne Leerzeichen hinzufügen.

Schritt 3: Bereiten Sie ein Stylesheet vor

Richten Sie ein Stylesheet wie bei der vorherigen Methode ein und fügen Sie ein Tag namens „template“ hinzu.“ Stellen Sie sicher, dass der Name des übergeordneten Themas enthalten ist, damit das Blatt ordnungsgemäß funktioniert.

Schritt 4: Erstellen Sie eine Funktion.php

Während Sie an einem untergeordneten Thema arbeiten, müssen Sie Funktionen erstellen.PHP-Datei und erben die übergeordneten Stile. Erstellen Sie dazu eine neue Datei und benennen Sie sie als Funktionen.php, das es mit < beginnen sollte?PHP. Fügen Sie nun die folgenden Codes in die Datei ein:

Bildquelle

Schritt 5: Aktivieren Sie das untergeordnete Thema

Aktivieren Sie schließlich das untergeordnete Thema. Stellen Sie sicher, dass Sie zuerst einen Screenshot erstellen, der in der WordPress-Backend-Verarbeitung angezeigt werden muss. Erstellen Sie eine ZIP-Datei und laden Sie sie hoch. Passen Sie nun das Design entsprechend an.

Methode 3: Plugin installieren, um Inhalte zu importieren

 konvertieren Sie die Website in WordPress über Plugins

konvertieren Sie die Website in WordPress über Plugins

Verbinden Sie sich mit einer WordPress-Website-Entwicklungsfirma, wenn Sie nicht wissen, wie Sie eine neue WordPress-Site erstellen, ohne die alte Site zu löschen. Oder wenden Sie die dritte Methode an und konvertieren Sie die Website über Plugins in WordPress.

Schritt 1: Installieren Sie ein Plugin

Gehen Sie zu Plugins in WordPress und suchen Sie nach HTML Import 2. Suchen Sie das gewünschte Plugin, installieren Sie es und aktivieren Sie es.

Schritt 2: Bereit zum Importieren

Laden Sie die Seiten, die Sie importieren möchten, auf denselben Server wie Ihre WordPress-Installation hoch. Um benötigte Dateien zu importieren, müssen Sie die folgenden Informationen in die erforderlichen Registerkarten eingeben:

  • Zu importierendes Verzeichnis: Geben Sie den Pfad der vorhandenen HTML-Code-Dateien ein.
  • Alte Site-URL: Geben Sie Ihre alte URL ein. Es wird als Umleitung verwendet.
  • Standarddatei: Teilen Sie Informationen des Index.HTML.
  • Einzuschließende Dateierweiterungen: Die Erweiterungen von Dateien, die importiert werden müssen.
  • Auszuschließende Verzeichnisse: Jede Datei, die Sie nicht importieren möchten.
  • Dateinamen beibehalten: Standardmäßig wird der Name der Datei als neue URL verwendet.

Wenn Sie mit den obigen Schritten fertig sind, navigieren Sie zur Registerkarte Inhalt und konfigurieren Sie das HTML-Tag. Fahren Sie nun mit den folgenden Registerkarten fort:

  • Informieren Sie Ihr Plugin über die gewünschten Titel in den HTML-Vorlagen.
  • Verwenden Sie ein benutzerdefiniertes Tag, um die benutzerdefinierten Daten zu importieren.
  • Definieren Sie Ihre Kategorien und Tags für den importierten Inhalt.
  • Importieren Sie auf der Registerkarte Tool die erforderlichen Tools aus HTML in WordPress.

Speichern Sie Ihre Einstellung und starten Sie den Import

Eine dynamischere und reaktionsschnellere Website zu erstellen, ist die ultimative Voraussetzung, um das Geschäft präzise zu entwickeln. Die Implementierung des Verständnisses und Lernens von Unternehmen in eine Website beleuchtet das Konzept des maßgeschneiderten Webdesigns.

Heute widmen wir dem benutzerdefinierten Webdesign mehr Aufmerksamkeit, um unsere Geschäftsanforderungen vollständig zu erfüllen. Wenn Sie auch eine angepasste Website entwerfen oder Ihre Anforderung in eine vorhandene Website projizieren müssen, sollten Sie am besten WordPress-Entwickler einstellen. Wenden Sie sich an ein Top-WordPress-Entwicklungsunternehmen und teilen Sie Ihre Anforderung mit, damit Ihre Website Ihre Standpunkte am besten zum Ausdruck bringt.

Abschließende Gedanken

Daher können Sie nach Ihrem Verständnis den besten Weg wählen, der Ihre alte Site durch eine neue WordPress-Site ersetzen kann. WordPress hilft Ihnen dabei, das gewünschte Webdesign und die gewünschten Funktionen auf Ihren Websites zu implementieren. Stellen Sie außerdem einen erfahrenen WordPress-Entwickler von der WordPress-Website-Design-Firma ein und greifen Sie auf die besten WordPress-Webentwicklungsdienste zu.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.