Springe zum Hauptinhalt

Was kann man eigentlich mit Yellow Pencil machen?

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

In unseren vorherigen Tutorials haben wir Sie vorgestellt Yellow Pencil und machte die dreht seine Schnittstelle. Von der Zeit, denke ich (wenn du das plugin gekauft hast), dass Sie bereits einige kleine Versuche unternommen haben und konkret wissen möchten, was Sie mit diesem Tool tun können.

In diesem Tutorial stellen wir Ihnen alles vor (oder preque) Dass Sie mit gelbem Bleistift tun können.

Was kann man mit Yellow Pencil machen?

Sobald Sie sich mit der Benutzeroberfläche vertraut gemacht haben, können Sie loslegen. Hier ist ein Beispiel der vielen Anpassungstools, die dieses Plugin bietet. Diese helfen Ihnen beim Aufbau einer professionellen Website.

ändern Typography

Typografie des gelben Bleistifts bearbeiten

Die Auswahl einer geeigneten Schriftart für Ihre Website ist eine wichtige Aufgabe. Yellow Pencil bietet eine Vielzahl von Optionen, mit denen Sie Ihren Text so personalisieren können, dass er zu Ihrem Website-Design passt und die Aufmerksamkeit Ihres Lesers auf sich zieht.

Klicken Sie auf einen Textabschnitt, den Sie bearbeiten möchten, und wählen Sie dann im Bearbeitungsfeld "Text" aus. Dadurch werden Anpassungsoptionen für die Typografie angezeigt. Wählen Sie aus über 600 verfügbaren Schriftarten, ändern Sie die Schriftgröße, ändern Sie die Zeilenhöhe, die Einstellungen für den Buchstaben- und Wortabstand und viele weitere Optionen. Sie können die Farbe Ihres Textes auch ändern, indem Sie eine der von Yellow Pencil angebotenen Farbpaletten auswählen oder Ihre eigene Farbauswahl treffen.

Border

So fügen Sie einen Rahmen hinzu

Durch Hinzufügen eines Rahmens zu bestimmten Elementen auf einer Seite können wichtige Informationen hervorgehoben und effektive Grafiken erstellt werden. Nachdem Sie das Bild oder den Text ausgewählt haben, zu dem Sie einen Rahmen hinzufügen möchten, wählen Sie " Grenze (Rand) im Bearbeitungsfeld. Es stehen vier Stile zur Auswahl.

Nachdem Sie das Bild oder den Text ausgewählt haben, zu dem Sie einen Rahmen hinzufügen möchten, wählen Sie " Grenze »Im Bearbeitungsfeld. Wie wir gerade gesagt haben, stehen vier Stile zur Auswahl: fest, gepunktet, " Strich Oder maskiert. Sie können auch die Breite des Rahmens ändern, um ihn dünner oder ausgeprägter zu machen, und die Farbe ändern.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Ein beeindruckendes Merkmal ist, dass Sie jede Seite der Ränder separat anpassen können. Dies bedeutet, dass jede der vier Seiten eine andere Farbe, einen anderen Stil und eine andere Dicke haben kann, was zu einem einzigartigen und auffälligen Aussehen führt.

Ändern Sie den Hintergrund

Ändern Sie das Hintergrundbild

Ein auffälliger Hintergrund kann einen Effekt ergeben Pop ". Mit dem gelben Stift können Sie den Hintergrund jedes Elements auf Ihrer Site ändern.

Verwenden Sie Animationen

Verwenden Sie Animationen auf gelbem Stift

Die Verwendung von Animationen ist eine weitere Möglichkeit, Ihre Inhalte zu verbessern. Unter "Animation" im Bearbeitungsfeld können Sie einen Animationseffekt für ein bestimmtes Element hinzufügen.

Wählen Sie eine von 50 Animationen aus, zoomen oder ausblenden, springen, drehen und mehr. Sie können die Dauer und Verzögerung sowie mehrere Animationen steuern, die gleichzeitig ausgeführt werden, wenn Sie möchten. Dies verleiht Ihrer Website Originalität und Aufmerksamkeit für die wichtigen Aspekte Ihrer Seite. Sie können auch eigene Animationen erstellen, indem Sie den Animationsmanager in der Symbolleiste auswählen.

Klicken Sie dazu auf das ausgewählte Element und wählen Sie im Bearbeitungsfeld "Kontext".

Hier können Sie die Hintergrundfarbe ändern oder eines der Yellow Pencil-Modelle auswählen. Sie haben auch die Möglichkeit, Ihre eigenen personalisierten Bilder hochzuladen. Nachdem Sie ein Bild als Hintergrund ausgewählt haben, können Sie die Hintergrundgröße und -position anpassen. Wenn Sie ein Bild hinzugefügt haben, müssen Sie auswählen, ob es statisch ist oder mit dem Rest der Seite scrollt .

Ändern Sie die Größe und positionieren Sie jedes Element neu

Das Ändern der Größe und das Neupositionieren sind mit Yellow Pencil ganz einfach.

Klicken Sie zum Ändern der Größe direkt auf ein Element, sodass ein hervorgehobener Rand angezeigt wird. Ziehen Sie dann einfach die horizontalen und vertikalen Linien des blauen Felds, um die Größe zu ändern.

Passen Sie die Größe eines Artikels an

Um ein Objekt neu zu positionieren, klicken Sie darauf und halten Sie die Maustaste gedrückt (linke Maustaste). Ziehen Sie das Objekt an die Stelle, an der es angezeigt werden soll.

Verschieben eines gelben Bleistiftelements

Der Nachteil dieser Funktion ist, dass sie Probleme mit der Anzeige auf Mobiltelefonen verursachen kann. Verwenden Sie das in der Symbolleiste verfügbare Responsive-Tool, um zu sehen, wie Ihre Webseite auf Mobilgeräten aussehen wird. Möglicherweise müssen Sie Ihr Design entsprechend ändern.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Yellow Pencil-Preis

Gelber Stift Preis

Das Yellow Pencil WordPress-Plugin ist auf CodeCanyon für 25 $ verfügbar. Dies schließt die 6-Supportmonate ein. Sie haben jedoch die Möglichkeit, zusätzliche 7,88-Gebühren zu zahlen, um den Support auf maximal 12-Monate zu verlängern.

Wenn Sie Fragen haben, zögern Sie nicht, uns zu fragen.

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
5 Aktien
Aktie4
tweet
Registrieren1