Eine Feedburner-Box in HTML für WordPress anpassen

April 4

FeedBurner ist eine Reihe von Verwaltungstools für RSS-Feeds. Es kann benutzerdefinierte Feeds, Abonnenten, die Verfolgung und eine Reihe von Funktionen zur Integration von RSS (oder Really Simple Syndication) Feeds. Ein solches Tool ist die Abonnement-Box, die zu Ihrem WordPress-Blog auf Ihre Besucher per e-Mail abonnieren hinzugefügt werden können. In der Standardeinstellung FeedBurner geben ein kurzes Stück Code, das eine einfache Box mit einem Textfeld, das Menschen ermöglichen, ihre e-Mail-Adresse eingeben platziert. Mit ein wenig HTML und CSS bearbeiten kann dieses Feld in eine Reihe von Möglichkeiten angepasst werden.

Anweisungen

1 Gehen Sie zu FeedBurner.Google.com und Ihre mithilfe deine Login-Daten Google FeedBurner-Konto einloggen.

2 Klicken Sie auf das Futter für das gewünschten eine maßgeschneiderte Abo-Kiste. Klicken Sie auf "veröffentlichen," dann "E-Mail-Abonnements." Klicken Sie auf "Aktivieren", um diesen Dienst zu aktivieren. Kopieren Sie den HTML-Code, der auf dem nächsten Bildschirm angezeigt wird.

3 Melden Sie sich Ihrem WordPress-Admin-Bereich. Wählen Sie aus, wo die Box zu gehen. Wenn Sie es in der Seitenleiste wollen, "Erscheinung", "Widgets," gehen Sie, dann ziehen Sie eine "Text"-Widget in der Seitenleiste an dem Punkt, dass Sie gehen soll. Fügen Sie den Code in das Textfeld ein. Wenn das Abonnement das vor oder nach Ihrer Beiträge angezeigt werden soll, gehen Sie zu "Erscheinung", "Editor" und klicken Sie dann "single.php." Fügen Sie den Code entweder vor oder nach "<? Php the_content();? >" nach Bedarf.

4 Suchen Sie die "Style =" Abschnitt hinter dem Starttag < Form >. Sie sehen etwa so:

Style = "Border: 3px solid #ccc; Padding: 3px; Text-align: center;"

Anpassen des "Border"-Attributs. Ändern Sie 1px auf die Breite die Grenze sein soll; "solid" kann ersetzt werden mit "dotted", "dashed", "groove"Doppel"," Ridge,""eingerückt"oder"von außen"zum Erstellen von verschiedenen Rahmenarten. Der Teil "#ccc" steuert die Farbe--"ccc" in der hex-Code der gewünschten Farbe ändern.

5 Fügen Sie einen Hintergrund zum Feld. Um die Hintergrundfarbe zu ändern, fügen Sie die folgende Zeile unmittelbar vor dem Anführungszeichen Ende des Abschnitts "Stil":

Hintergrundfarbe: #ccc;

Ändern Sie nach wie vor "ccc" in der hex-Code der Farbe der Hintergrund sein soll. Um ein Bild im Hintergrund einzufügen, geben Sie stattdessen diesen Code:

Hintergrund-Bild: URL('http://urlofimage');

Ersetzen Sie "Urlofimage" durch den online Speicherort Ihres Bildes.

6 Passen Sie die Polsterung. Im obigen Beispiel wird dies auf 3px--was bedeutet, dass ein 3-Pixel-Abstand zwischen dem Rand der Box und der Inhalt darin festgelegt. Wenn Sie eine Lücke zwischen der Box und des Inhalts außerhalb erstellen möchten, fügen Sie diesen Code:

Marge: 3px;

Ändern Sie "3px" auf die Größe des gewünschten Abstandes.

7 Ändern Sie die Ausrichtung des Texts. Sie können den Text linksbündig, rechtsbündig, ausgerichtet oder zentriert.

8 Klicken Sie auf "Update-Datei", wenn Sie in den Theme-Editor arbeiten, oder "", speichern wenn Sie den Code in eine Sidebar Widget platzieren.