Passen Sie Ihr WordPress-Theme mit diesen hilfreichen Tools an

Tools zum Anpassen Ihres WordPress-Themes

Sie haben vier Sekunden Zeit – genau die Zeit, die Sie benötigen, um einen bleibenden ersten Eindruck bei Ihren Webbesuchern zu hinterlassen -, um diese nächste Frage zu beantworten. Was würden Sie möglicherweise tun, um Ihr Online-Geschäft von den unzähligen anderen Unternehmen zu unterscheiden? Tick ​​tock … drei, zwei, eins. Die Zeit ist um.


Sie haben wahrscheinlich unter anderem folgende Antworten gefunden:

  • Haben Sie die tollsten Produkte
  • Erzählen Sie eine großartige persönliche Geschichte, warum Sie das tun, was Sie tun
  • Bauen Sie eine beeindruckende Online-Präsenz auf
  • Sprechen Sie mit jemandem bei finally famous, inc, einem völlig fiktiven Unternehmen

Abgesehen von der Fiktion, lassen Sie uns auf Nummer drei unserer Liste zurückgreifen. Aufbau einer beeindruckenden Online-Präsenz. Leichter gesagt als getan, der Aufbau einer Online-Präsenz, mit der Sie sich von der Masse abheben können, beinhaltet einige Faktoren, die mit einer großartigen Website zusammenhängen.

Eine großartige Website, die Sie sagen? Das stimmt; Ihre Website ist unter anderem das Gesicht Ihres Online-Geschäfts – Ihre einzige Chance, einen guten ersten Eindruck auf Ihre potenziellen Kunden zu hinterlassen. In der heutigen Veröffentlichung werden wir 20 Tools vorstellen, mit denen Sie Ihr WordPress-Thema an Ihre Geschäftsanforderungen anpassen und Kunden in Schleppnetzen anlocken können. Vor der Liste der Tools sind hier einige Wahrheiten zur Anpassung von WordPress-Designs aufgeführt, die Sie berücksichtigen müssen, wenn Sie Änderungen an Ihren Designs vornehmen.

So passen Sie WordPress-Themes an

Wenn Sie noch nie ein WordPress-Thema angepasst haben, glauben Sie vielleicht, dass es ein so komplizierter Prozess ist, der das Gehirn eines Raketenwissenschaftlers und die Widerstandsfähigkeit eines Neurochirurgen erfordert. Nichts ist weiter von der Wahrheit entfernt. Dank einer Vielzahl von Premium-WordPress-Themen, die über erweiterte Themenoptionen verfügen, ist es einfacher als je zuvor, das Aussehen und die Funktionen Ihres WordPress zu ändern. Viele Themen, wie Total, enthalten integrierte Seitenersteller und Anpassungsoptionen, mit denen Sie eine einzigartige Website ohne Code erstellen können.

Trotz einer Vielzahl von Optionen sind einige Funktionen und Stile einfach nicht integriert, sodass Sie sie manuell hinzufügen müssen. Der Versuch, jemanden mit wenig Zeit oder Erfahrung dazu zu bringen, Code manuell zu schreiben, löst jedoch nicht die besten Gefühle aus. Was genau sind Ihre Optionen für das Anpassen von WordPress-Themen??

Wenn Sie nach dem perfekten WordPress-Thema suchen, können Sie ein Premium-Thema (z. B. Total), ein kostenloses Thema oder ein Themen-Framework verwenden, je nach Ihren geschäftlichen Anforderungen und persönlichen Vorlieben. Mit einem kostenlosen Thema legen Sie Ihre Kreditkarte nicht ab, aber die Unzulänglichkeit der Funktionen und Optionen lässt Sie wünschen, Sie hätten es getan. Natürlich können Sie jederzeit Plugins für alle Funktionen unter der Sonne erhalten, aber wir alle wissen, wie das geht.

Mit Premium-WordPress-Themes erhalten Sie die Funktionen, das Aussehen, die Updates und die großartige Unterstützung zu einem Preis. Es genügt zu sagen, dass Ihr Premium-Thema Ihrer Wahl möglicherweise nicht alle Funktionen und Optionen bietet, die Sie benötigen, um auf den ersten Platz zurückzukehren. Ein kommerzielles Themen-Framework bietet Ihnen Flexibilität, die besten Webstandards, sauberen Code, Support usw. Wenn Sie jedoch nicht wissen, was Sie tun oder was ein untergeordnetes Thema ist, stecken Sie fest und werden nicht viel erreichen im Bereich der Themenanpassung oder sogar Entwicklung.

Überraschenderweise ist die Verwendung eines untergeordneten Themas die beste Möglichkeit, Ihr WordPress-Thema anzupassen. Wir haben hier in der Vergangenheit untergeordnete WordPress-Themen behandelt, daher werde ich nicht auf die Details eingehen. Sie sollten jedoch niemals die Dateien eines Themas direkt anpassen, um zu verhindern, dass bei jeder Aktualisierung des Themas alle Änderungen verloren gehen. Stattdessen sollten Sie ein untergeordnetes Thema verwenden. Mit untergeordneten Themen können Sie die Site Ihrer Träume basierend auf dem übergeordneten Thema erstellen, ohne das Risiko einzugehen, dass Ihre Anpassung beim Aktualisieren verloren geht.

Mithilfe der Stylesheet-Datei Ihres untergeordneten Themas (style.css) können Sie das Erscheinungsbild Ihrer gesamten Website mit wenigen Codezeilen ändern. Mit einer speziellen PHP-Datei namens functions.php können Sie Features hinzufügen oder Ihre Site strukturell ändern. Sie können noch einen Schritt weiter gehen und Vorlagendateien für Ihr untergeordnetes Thema erstellen, wodurch Sie die absolute Kontrolle über das Design und die Struktur Ihres Themas haben.

Sobald Ihr untergeordnetes Thema eingerichtet ist, können Sie Ihr Thema nach Belieben drehen und raten, was Sie können. Sie können das CSS bis zu einem gewissen Grad direkt in Ihrem WordPress-Administrator-Dashboard bearbeiten. Die Änderungen, die Sie auf diese Weise vornehmen können, sind jedoch begrenzt, sodass zusätzliche Tools erforderlich sind.

Tools zum Anpassen Ihres WordPress-Themes

Die Tools, die wir in diesem Abschnitt behandeln, reichen von Code-Editoren, FTP-Clients, Code-Inspektoren, Bildmanipulatoren und wahrscheinlich allem anderen, was Webentwicklern, Webdesignern und technisch versierten Website-Besitzern vorbehalten ist. Wenn Sie der perfekte Anfänger sind, werden Sie auch ein paar Juwelen finden, aber es liegt in Ihrem Interesse, sich mit HTML, CSS und PHP vertraut zu machen – dem Material, aus dem WordPress besteht. Hier ist die Liste der Tools, die Sie benötigen, um Ihr WordPress-Thema erfolgreich anzupassen.

TemplateToaster

TemplateToaster

Eine der einfachsten Optionen ist die Verwendung eines benutzerdefinierten Theme-Erstellungswerkzeugs wie z TemplateToaster Theme Builder. Software. Wenn es auf Ihrem Computer installiert ist, haben Sie alles, was Sie möglicherweise benötigen, um Ihr eigenes Thema zu entwerfen.

Verwenden Sie den integrierten visuellen Builder per Drag & Drop, um Ihre eigene Vorlage zu erstellen. Es gibt unzählige Optionen für Spalten, Überschriften, benutzerdefinierte Menüs, Galerien, Widget-Bereiche und mehr. Alles ohne Codierung erforderlich. Sie können sogar Inhalte hinzufügen, während Sie Ihre Layouts erstellen, um später Zeit zu sparen, wenn Sie das Thema auf Ihre Live-Site hochladen. Außerdem reagiert alles vollständig (Sie müssen sich also nicht um die Gestaltung Ihres Website-Designs für verschiedene Geräte kümmern) und ist RTL- und mehrsprachig. Wenn Sie mit dem Erstellen Ihres benutzerdefinierten Designs mit TemplateToaster fertig sind, müssen Sie es nur noch exportieren!

Chrome Developer Tools

Sie haben Ihr WordPress-Theme installiert und können loslegen, aber woher wissen Sie genau, welches Element Sie anpassen müssen? Wenn Sie Ihr Thema vom Frontend aus betrachten, können Sie nicht erkennen, welches Element welches ist. Das Backend ist nicht besser, aber dank Chrome Developer Tools, Sie können Änderungen an der Struktur und dem CSS Ihres Themas in der Vorschau anzeigen, damit Sie sehen können, wie sie aussehen, bevor Sie sie codieren. Sie können jedes Element visuell mit einem Point-and-Click-Ansatz untersuchen, der Ihnen die Arbeit erleichtert. In Google Chrome können Sie Entwicklertools öffnen, indem Sie mit der rechten Maustaste auf Ihre Website klicken und “Element überprüfen” auswählen..

Notizblock++

Das Anpassen Ihres WordPress-Themas beinhaltet (oder beinhaltet) das Schreiben von viel Code. Dazu benötigen Sie einen leistungsstarken Texteditor, mit dem Sie den Überblick behalten. Notizblock++ ist die beste Wahl, da es einfach zu bedienen ist, gut aussieht und viele großartige Funktionen bietet, mit denen das Schreiben von Code viel Spaß macht.

Erhabener Text

Notepad ++ funktioniert mit Windows, aber wenn Sie einen einzigartigen Texteditor für Ihren Mac benötigen, Erhabener Text ist eine gute Wahl (das verwenden wir hier bei WPExplorer, wenn wir alle unsere Themen codieren). Es verfügt über einen ablenkungsfreien Modus, Unterstützung für geteilte Bearbeitung und ermöglicht es Ihnen, alles anzupassen, während Sie sofort zwischen Projekten wechseln.

Lokaler Server (WAMP, XAMPP, MAMP, LAMP)

Die beste und einfachste Umgebung zum Anpassen (oder Entwickeln) von WordPress-Themen ist ein lokaler Server. Das Anmelden und Hochladen auf einen Live-Server entfällt und Sie sparen Zeit und Mühe. Dies bedeutet auch, dass Sie die vollständige Kontrolle über Ihren Server haben, um ihn an Ihre unterschiedlichen Anforderungen anzupassen. Sie müssen keinen Hosting-Speicherplatz kaufen oder Domains registrieren / Sub-Domains erstellen, um Themen anzupassen oder zu entwickeln. Dies ist ideal für Ihren Geldbeutel. Es gibt keine Ausfallzeiten oder Nutzungsbeschränkungen sowie all die anderen Dinge, die Sie mit Ihrem aktuellen WordPress-Host hassen.

Um Ihren eigenen lokalen Server zu erstellen, benötigen Sie Programme wie WAMP und XAMPP für Windows, MAMP für Mac OS X oder LAMP für Linux. Ich benutze WAMP und es war bisher so gut. Möchten Sie lernen, wie Sie WordPress installieren? Kasse unser Führer!

Adobe Photoshop

Warten Sie, ich bin kein Grafikdesigner. Ich möchte nur meine WordPress-Themes anpassen. Kannst du mir sagen, warum ich brauche? Adobe Photoshop? Hier ist ein schönes kleines Zitat für Ihr Vergnügen:

[Photoshop] ist die Defacto-Standardsoftware zum Bearbeiten von Bildern. Ich verwende es zum Bearbeiten von Logos, zum Ändern der Farben auf Hintergrundverläufen und zum Optimieren [fast] aller Bildelemente auf einer Website. – Chris Cree, Web-versiertes Marketing.

Sehen Sie jetzt, warum Sie Adobe Photoshop benötigen, um Ihre WordPress-Designs anzupassen? Es gibt so viele andere Dinge, die Sie mit Photoshop tun können, einschließlich Erstellen von Modellen, Auswählen von Webfarben, Speichern von Bildern für das Web usw. Photoshop kostet ungefähr 20 US-Dollar pro Monat, was in meiner Welt ein bisschen teuer ist, sich aber lohnt.

GIMP

Wenn Sie gerade erst anfangen und ein knappes Budget haben, möchten Sie wahrscheinlich nicht 20 US-Dollar pro Monat für Photoshop ausgeben. Tritt ein GIMP und Ihr Tag und 240 $ pro Jahr werden gespart. Obwohl die Einrichtung schwierig ist, ist GIMP eine würdige Alternative zu Adobe Photoshop.

GenerateWP

Wenn Sie mit dem Anpassen von Themen beginnen, benötigen Sie Codefragmente für verschiedene Komponenten wie Taxonomien, Seitenleisten, benutzerdefinierte Beitragstypen, Menüs, Shortcodes und Symbolleisten, um nur einige zu nennen. Während Sie wählen können, Stunden am Ende zu verbringen Googeln die Codes, GenerateWP bietet Ihnen die einfachste und schnellste Möglichkeit, benutzerdefinierten Code für Ihr Projekt mit den neuesten WordPress-APIs und Codierungsstandards zu erstellen. Generieren Sie auf Knopfdruck einen beliebigen Code.

WhatFont

Das Ändern winziger Details (z. B. Schriftarten) in Ihrem Thema kann sich erheblich auf das Design und die Benutzererfahrung auswirken. Die Auswahl der perfekten Schriftart für Ihre WordPress-Site kann jedoch bei den Tausenden von Schriftarten eine Herausforderung darstellen. Keine Sorge, mit dem WhatFont-Tool können Sie die auf jeder Webseite verwendeten Schriftarten leicht herausfinden. Installieren Sie einfach die WhatFont-Browsererweiterung, führen Sie sie aus und bewegen Sie den Mauszeiger über einen beliebigen Textblock. Einfach wie 1, 2, 3.

CSSViewer

Das Tool „Inspect Element“ funktioniert hervorragend, ist aber genauso beeindruckend wie das CSSViewer? Das ist ein klares Nein. Während Sie das CSS nicht visuell bearbeiten können (wie in “Element überprüfen”), ist CSSViewer ein einfacher und intuitiver CSS-Viewer, mit dem das Anpassen von WordPress-Themen zum Kinderspiel wird. Sie müssen lediglich die Erweiterung installieren und den Mauszeiger über Elemente bewegen, um eine Reihe von CSS-Eigenschaften anzuzeigen.

Dummy-Inhalt

In den meisten Fällen erhalten Sie beim Erwerb eines WordPress-Themas genau das – eine leere Themenfläche ohne Inhalt. Sie können die Farbe und so weiter weiterhin anpassen, aber ohne Dummy-Inhalt ist es schwierig zu prüfen, ob etwas nicht stimmt. Aber woher bekomme ich coole Dummy-Inhalte? Wir haben Ihren Rücken bedeckt; Sie können Beispielinhalte von herunterladen Theme Unit Test auf dem Codex oder WordPress-Beispielinhalt auf WPCandy.

WPBakery (ehemals Visual Composer)

Der WPBakery Builder war zum Zeitpunkt des Schreibens ein Trendelement bei CodeCanyon und ein äußerst benutzerfreundlicher und reaktionsschneller Drag & Drop-Seitenersteller, der unter anderem über visuelle Editoren verfügt. Einfacher ausgedrückt können Sie mit Visual Composer jede erdenkliche WordPress-Seite erstellen. Klingt wie das Tool, das Sie beim Anpassen Ihres WordPress-Themas an Ihrer Seite haben möchten, richtig?

Mit einem ansprechenden Design, über 45 Inhaltselementen, Vorlagen, mehrsprachiger Unterstützung und Benutzerfreundlichkeit ist Visual Composer genau das, was Sie benötigen, um das WordPress-Thema Ihrer Träume zu erstellen. Es hat über 388.000 Verkäufe, eine beeindruckende Käuferbewertung von 4,65 / 5,00 und kostet nur 64 Dollar.

Theme Test Drive

Theme Test Drive ist ein gut bewertetes Plugin von Vladimir Prelovac, einem angesehenen Entwickler mit mehr als 25 Plugins. Das Plugin macht nichts Besonderes – Sie können einfach “… ein Thema als Administrator sicher testen, während Besucher das Standardthema [Thema] verwenden”.

Richtig, mit Theme Test Drive können Sie zwei Themes gleichzeitig auf Ihrer WordPress-Site ausführen. Natürlich sehen Ihre Leser nur einen, während Sie den anderen anpassen. Wenn Sie angemeldet sind, können Sie nur das Thema sehen, das Sie anpassen. So können Sie Änderungen transparent vornehmen, ohne dass die Benutzer jemals bemerken, dass Sie ein anderes Thema für sich selbst ausführen.

Bin ich ansprechbar?

Wenn Sie Ihr WordPress-Design mit neuen Funktionen und Stilen anpassen, möchten Sie sehen, wie das angepasste Design auf verschiedenen Geräten aussieht und funktioniert. Wenn Sie nicht wissen, wo Sie anfangen sollen, ist Am I Responsive Ihre Antwort. Sobald Sie auf der Am I Responsive-Website sind, fügen Sie einfach Ihre URL hinzu und klicken Sie auf GO! Knopf und das ist es.

Andere geeignete Alternativen umfassen Responsive Design Checker, oder das Mobile Responsive Design Testing von StudioPress. Sie möchten nicht, dass sich benutzerdefinierte Elemente überlappen oder aus der Linie fallen, wenn Sie die Bildschirmbreite ändern?

WordPress Theme Customizer

Dieses Tool hätte an erster Stelle auf dieser Liste stehen sollen, aber hey, wer zählt schon? Flusen beiseite, WordPress Theme Customizer ist ein benutzerfreundliches WordPress-Tool, mit dem Sie jedes Thema in einer Live-Vorschau anpassen können. Sie können alles von der Kopfzeile über Menüs, Farben bis hin zu Widgets und vieles mehr anpassen, abhängig von den in Ihrem Thema verfügbaren Optionen. Um den WordPress Theme Customizer zu verwenden, navigieren Sie einfach zu Aussehen Anpassen in Ihrem WordPress-Dashboard.

CSS-Held

Dies ist ein All-in-One-Webdesign-Tool, mit dem Sie Ihr WordPress-Thema einfach anpassen können. Zeigen und klicken Sie einfach, um Ränder, Auffüllungen, Farben, Hintergründe und Schriftarten zu bearbeiten und visuelle Effekte wie Schatten und Hover hinzuzufügen. Von CSSHero.org ist dieses Tool „… das endgültige WordPress-Plugin, mit dem Sie jede Eigenschaft Ihrer Themen mit einer einfachen und intuitiven Point-and-Click-Oberfläche einfach anpassen können.“

Evernote

Unabhängig davon, ob Sie Ihr eigenes Thema oder das eines Kunden anpassen, benötigen Sie ein Tool, mit dem Sie Notizen machen und Ihren Fortschritt verfolgen können. Sie können wählen, ob Sie in die alte Schule gehen und Notizen auf Papier machen möchten, die Sie später verlieren, oder auf die Evernote Halten Sie Ihre Notizen organisiert und synchronisieren Sie sie auf Ihren Geräten. Sie haben die Wahl. Der beste Teil? Evernote ist kostenlos!

FileZilla

Während und nach dem Anpassen Ihres WordPress-Themas müssen Sie Dateien auf Ihren Webserver hochladen. Sie können die Dateimanagerfunktion verwenden, die mit Ihrem Hosting-Konto geliefert wird, oder mit FileZilla, der Go-to-FTP-Client für viele Benutzer. Es ist kostenlos und unter anderem mit Windows und Mac OS X kompatibel.

FireFTP

Dies ist eine großartige Browser-Erweiterung für WordPress-Liebhaber mit einer Sache für Firefox. FireFTP funktioniert gut mit Firefox, sodass Sie Dateien direkt aus Ihrem bevorzugten Browser hochladen / herunterladen können, ohne jemals einen eigenständigen FTP-Client herunterladen zu müssen. Darüber hinaus ist FireFTP kostenlos, funktioniert wie angekündigt und ist nach den Zahlen ein sehr beliebtes Tool. Tatsächlich ist es das beste webbasierte FTP-Tool!

Basislager

Wenn Sie Themen für Ihren Lebensunterhalt anpassen, laufen offensichtlich Projekte gegeneinander. Wenn Sie Ihre Arbeit nicht nachverfolgen können, werden die Dinge irgendwann durcheinander geraten, was Sie definitiv nicht wollen. Basislager kostet zwischen 25 und 150 US-Dollar pro Monat und ist das beste Tool, um „Aufgaben zuzuweisen, Fälligkeitstermine zu überprüfen, an Projekten zusammenzuarbeiten, Dateien gemeinsam zu nutzen und Diskussionen zu führen“. Basecamp bietet eine kostenlose 60-Tage-Testversion an. Sie sollten also keine Angst haben, einen Testlauf durchzuführen. Sie werden nicht nach Ihrer Kreditkarte gefragt.

ActiveCollab

Wenn Basecamp nicht nach Ihrem Geschmack ist, ActiveCollab ist eine beeindruckende Alternative. Mit einer Vielzahl großartiger Funktionen und ab nur 25 US-Dollar pro Monat bietet ActiveCollab Ihnen alle Tools, die Sie benötigen, um über jedes Projekt auf dem Laufenden zu bleiben, nicht nur die Anpassung von Themen.

Zu dir hinüber…

Wenn Sie noch nicht mit dem Anpassen von WordPress-Themen begonnen haben, ist es besonders jetzt einfach, da Sie über mehr als 20 großartige Tools verfügen, mit denen Sie Ihre Arbeit einfacher und unterhaltsamer gestalten können. Wenn Sie mit dem Codieren nicht vertraut sind, empfehlen wir die Verwendung eines funktionsreichen Themas wie “Total”, um Anpassungen vorzunehmen. Welche anderen Tools verwenden Sie, wenn Sie WordPress-Themes anpassen? Wenn Ihnen dieser Beitrag gefallen hat, teilen Sie uns bitte auch Ihre Gedanken mit. Wir freuen uns immer über Ihr Feedback. Ad Astra.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map