Funktion “Text umkehren”

  • Created : May, 23, 2016
  • Last Updated: Sep, 5, 2021

Easy Steps

Umkehrung der Textrichtung
  1. Öffnen Sie Ihr Widget zur Bearbeitung (oder erstellen Sie ein neues)
  2. Klicken Sie auf den Abschnitt Allgemein > Erweiterte Einstellungen link
  3. Wählen Sie die Textrichtung, die Sie verwenden möchten
  4. Überprüfen Sie die Textausrichtung, um sicherzustellen, dass die Ausrichtung für die gewählte Textrichtung geeignet ist
  5. Speichern Sie Ihr Widget und prüfen Sie es auf Ihrer Website
  6. Klicken Sie auf die Schaltfläche Speichern & Code abrufen, um Ihre Änderungen zu speichern - Ihr Widget wird nach der Installation automatisch aktualisiert
rss right to left widget

Über die FeedWind-Funktion für Text umkehren

Sie können umgekehrte Texte mit dem FeedWind RSS-Widget schreiben, das Textstile von links-nach-rechts und von rechts-nach-links bietet. Sie können umgekehrte Textsprachen in Ihrem RSS-Feed-Widget anzeigen, wie z.B. Arabisch oder Urdu. Viele Sprachen erfordern diese rechts-nach-links Textfunktion. Wikipedia hat eine Liste von Umkehrtext-Sprachen und weitere Informationen dazu.
 

Fortgeschrittene Benutzer (CSS erforderlich)

Grundsätzlich müssen Sie kein eigenes CSS für die umgekehrten Texte in Ihrem RSS-Feed-Widget erstellen. Wenn Sie jedoch ein fortgeschrittener Benutzer sind und einen spezielleren Feed mit rechts-nach-links und links-nach-rechts kombinierten Texten erstellen möchten, können Sie die Textrichtung für einzelne RSS-Feed-Komponenten mihilfe eines benutzerdefinierten CSS einstellen.

Umkehrung der Textrichtung mit CSS

Im FeedWind-Einstellungsbildschirm gibt es eine Option für umgekehrten Text. Wenn Sie also eine standardmäßige umgekehrte Textrichtung benutzen möchten, versuchen Sie dies zuerst. Im Folgenden finden Sie ein Tutorial für noch freiere Textrichtungsoptionen. Zum Beispiel, wenn Sie einen umgekehrten Text nur in bestimmten Teil haben wollen, oder wenn Sie umgekehrten Text nur für den Titel, aber nicht für den Inhalt haben wollen.

Um die Textrichtung mit CSS umzukehren, sind die folgenden Code-Elemente erforderlich:

unicode-bidi:bidi-override;

direction:rtl;

Das ‘rtl‘ steht für “right-to-left” und kann durch “ltr” (left-to-right) ersetzt werden. So können verschiedene Elemente bei Bedarf unterschiedliche Textrichtungen haben. Container-Titel, Feed-Titel und Feed-Inhalt können unabhängig voneinander umgedreht werden, ebenso wie ihre verschiedenen Zustände, z.B. bei Mouse-Hover, für nicht bescuchte/besuchte Links für aktive Links.

Dieser Code muss zu einem benutzerdefinierten CSS hinzugefügt werden. In unserem Tutorial über benutzerdefinierte CSS erfahren Sie, wie Sie dies tun.

Ein typisches benutzerdefiniertes CSS mit umgekehrtem Text sieht etwa so aus:


/* Container */
#fw-container{border-style:solid; border-color: #837a47; border-radius: 10px; border-width: 1px; margin:5,5,5,5; padding:5,5,5,5; font-family:arial narrow; font-size:16px; font-color:#blue; font-weight: light; background-color:#ece8d4;}
/*Header*/
#header{width:200px; height:25px; margin:5px; padding:5px; font-color:yellow; font-weight:bold; unicode-bidi:bidi-override; direction:rtl;}
.fw-feed-title a:link{color:brown; text-decoration:none; unicode-bidi:bidi-override; direction:rtl;}
.fw-feed-title a:visited{color:#red; text-decoration:none; unicode-bidi:bidi-override; direction:rtl;}
.fw-feed-title a:hover{color:#green; text-decoration:underline; unicode-bidi:bidi-override; direction:rtl;}
.fw-feed-title a:active{color:#blue; text-decoration:none; unicode-bidi:bidi-override; direction:rtl;}
/*Content*/
#content{margin:0;padding:5px;}
.feed_item{margin:10px;}
.fw-feed-item-title{margin:10px; padding:2px; color:#FFFFFF; font-weight:bold; unicode-bidi:bidi-override; direction:rtl;}
.fw-feed-item-title {color:red; text-decoration:none; unicode-bidi:bidi-override; direction:rtl;}
.fw-feed-item-title:visited{color:blue; text-decoration:none; unicode-bidi:bidi-override; direction:rtl;}
.fw-feed-item-title:hover{color: green ; text-decoration:underline; unicode-bidi:bidi-override; direction:rtl;}
.fw-feed-item-title:active{color:yellow; text-decoration:none; unicode-bidi:bidi-override; direction:rtl;}
.fw-feed-item-description{margin:5px; padding:3px; color:#808080; line-height:135%; unicode-bidi:bidi-override; direction:rtl;}
Die Ergebnisse sind wie diese Beispiele, die das obige benutzerdefinierte CSS für die Verwendung von “rechts-nach-links” Text in FeedWind verwenden. Die Feed-URL im FeedWind-Einstellungsbildschirm ist der einzige Unterschied.
 
Start your free trial. FeedWind is the easiest way to add dynamic content on your website.
Create Now