Grüße. In diesem Tutorial möchte ich Ihnen beibringen, wie Sie das Design von Zitaten in WordPress ändern können. Lassen Sie uns zunächst herausfinden, welche Zitate im Text enthalten sind.
Angebotskonzept in WordPress
Um einen wichtigen Textabschnitt in einem Artikel hervorzuheben, hat WordPress so etwas Cooles wie Anführungszeichen (nicht die, über die analysiert wurde). Auf der Symbolleiste sieht diese Schaltfläche wie folgt aus.
Jeder weiß, wie man es benutzt - die linke Maustaste umkreist den Text, den wir hervorheben möchten, und drückt diese Taste. Eigentlich sehen Sie diesen Text jetzt in der Gestaltung von Zitaten.
Alle Vorlagen sind unterschiedlich und dementsprechend ist auch die Gestaltung der Zitate unterschiedlich. In manchen Fällen ist es überhaupt nicht schön, und das möchten Sie ändern. Dann werde ich lernen, wie man es repariert.
Wir beginnen mit der Arbeit.
Ich warne Sie, dass wir mit einer Sprache wie CSS arbeiten werden. Die Hauptsache ist, das ganze Prinzip dessen zu verstehen, was passiert, und dann wird es nicht schwierig sein.
Wir finden die Datei und den gewünschten Stil.
Sie müssen die style.css-Datei im aktiven Design finden. Dazu gehen wir zum Aussehen und dann zum Editor, wir finden style.css. Der nächste Schritt besteht darin, den Stil für zu finden Blockzitat. Wir betrachten die Abfolge aller Aktionen im Bild.
Der Pfad zur style.css-Datei selbst
Suchanfrage. Die Suche wird geöffnet, indem Sie STRG + F drücken und dann die Abfrage einfügen.
Gefundene Codezeilen, sie werden benötigt.
Wir ändern das Design.
Sie müssen verstehen, was genau Sie sehen möchten. Ich rate Ihnen, keine Bilder und dergleichen zu erfinden. Das Maximum, das getan werden kann
Hintergrund ändern.
Schriftgröße und Gestaltung.
Ein Rahmen (durchgehend, intermittierend, Punkte) kann auf einer Seite oder auf beiden sein.
Keine Bilder und ähnliches, sonst wird es sein, Sie brauchen keine unnötigen Probleme. Ich biete Ihnen ein Standardset an.
Schlaganfall habe ich nur auf der linken Seite gemacht, wenn Sie möchten, können Sie es von allen Seiten oder von zwei Seiten machen.
Schatten blockieren.
Einzüge, damit nicht der gesamte Block am Text des Artikels haftet.
Schriftgröße und ihr Eigentum.
Schriftstil habe ich kursiv gemacht.
Schriftfarbe.
Textschatten.
Der Stil der schließenden Klammer.
Die CSS-Sprache ist sehr einfach und intuitiv, Sie können die Zeilen lesen und alles selbst verstehen. Sie können hinzufügen, im Gegenteil, entfernen, aber ich wiederhole, fügen Sie keine Bilder ein, da es sich um eine Anpassung handelt. Wenn du Wissen hast, dann bewerbe dich, oder frage in den Kommentaren.
Der zweite Weg ist mit einem Plugin zum Formatieren von Zitaten in einem WordPress-Blog
Von all der Fülle hat mir eine gefallen, diese WP-NOTE ist einfach und nicht schwer. Es wird über das Admin-Panel installiert, indem nach Plugins gesucht wird.
Lassen Sie uns nun lernen, wie man es benutzt.
Es hat 5 Gestaltungsmöglichkeiten für unterschiedliche Situationen. Zuerst werde ich Ihnen sagen, wie man es schreibt. Beim Schreiben eines Artikels muss der Text, der hervorgehoben werden soll, in spezielle Tags eingeschlossen werden, ich werde es mit einem Beispiel [ note ] zeigen, siehe Screenshot.
Natürlich zeige ich alle Tags und ihre Transkripte.
Verwendung für die Gesundheit. Ich verwende dieses Plugin nicht, Blockquote beantwortet alles für mich und es ist ein nettes und leichtes Plugin.
Zwei Elemente werden verwendet, um Anführungszeichen in HTML zu erstellen: block-Element <Ыockquote>
und Inline-Element . Schild <Ыockquote>
Wird verwendet, um lange Anführungszeichen anzuzeigen, die einen ganzen Absatz einnehmen, und sie vom linken und rechten Rand eingerückt anzuzeigen. Mit diesem Tag können Sie Text kompakt in der Mitte der Seite platzieren. Es kann andere Textformatierungselemente enthalten.
Element Wird für kurze Zitate verwendet, die Teil des aktuellen Absatzes sind. Im Allgemeinen umschließen Browser den Inhalt eines Elements in Anführungszeichen. Normalerweise enthält ein Zitat keine Zeilenumbrüche, und das Zitat wird als Element auf Textebene betrachtet.
Beide Elemente können ein Attribut haben ZITIEREN, dessen Wert die URL des zitierten Fragments ist.
Beispiel: lange und kurze Anführungszeichen
Versuch es selber "
kann leicht mit einem senkrechten Lot ermittelt werden.
Wie A. A. Milne sagte, manche Menschen sprechen mit Tieren.
Zenith ist für einen Beobachter der höchste Punkt am Himmel. in vertikaler Richtung, was bekanntlich kann leicht mit einem senkrechten Lot ermittelt werden.
Wie A. A. Milne sagte: Manche Menschen sprechen mit Tieren.
Schild
Eine Abkürzung ist eine schriftlich übernommene Abkürzung von Wörtern oder ein Wort, das sich aus mehreren Teilen anderer Wörter zusammensetzt (Universität, Forschungsinstitut, Präsidium etc.). Wenn Sie Akronyme oder Abkürzungen im Text verwenden, verwenden Sie das Tag . Über das Attribut „title“ können Sie einen Tooltip mit der Dekodierung der Abkürzung setzen. Gleichzeitig indizieren Suchroboter genau die Vollversion des Transkripts, die im Attribut „title“ definiert ist. Um Abkürzungen vom normalen Text zu unterscheiden, sind sie mit einer gepunkteten Linie unterstrichen.
Beispiel: Abkürzung
Versuch es selber "
Die NASA führt einige unglaubliche Weltraumexperimente durch.
Ex. Stephen Hawking ist theoretischer Physiker und Kosmologe.
NАSА!} beherbergt einige unglaubliche Weltraumexperimente.
Ex. Stephen Hawking ist theoretischer Physiker und Kosmologe.
Schild
Schild verwendet, um Kontaktinformationen, Adressen und Telefonnummern anzugeben. Es kann eine Postanschrift sowie eine E-Mail-Adresse oder Telefonnummer enthalten. Die meisten Browser zeigen den Inhalt des Elements an kursive Schrift.
Beispiel: Adresse
Versuch es selber "
HTML-Tutorial Belyi Maksim Maksimowitsch Nordwestliches Institut für Technologie Teplogorsk State University of Technology and Design [E-Mail geschützt]
Stichworte und
Schild Wird verwendet, wenn auf eine Primärquelle wie ein Buch, eine Website oder eine wissenschaftliche Arbeit verwiesen wird, um die Quelle anzugeben, auf die verwiesen wird. Wird häufig in der Bibliografie verwendet, wenn das Urheberrecht zugeschrieben oder der Name des Eigentümers einer Ressource erwähnt wird. Browser zeigen Elementinhalte an kursive Schrift.
Schild verwendet, um die Definition eines neuen Begriffs anzuzeigen. Die Erklärung eines neuen Begriffs (eines wissenschaftlichen Konzepts oder eines eng gefassten Namens) im Text wird als „Definition“ bezeichnet. Element kann verwendet werden, wenn ein neuer Begriff zum ersten Mal im Text vorkommt und seine Definition sofort gegeben ist. Der Browser zeigt diesen Text kursiv an.
Beispiel: Quellen und Definitionen
Versuch es selber "
„Red Dragon“ von Stephen Hopkins anschauen.
Der Impuls des Körpers ist eine Vektorgröße, die Richtung seines Vektors ist dieselbe mit Geschwindigkeitsrichtung
Allein im ersten Monat wurden mehr als zehntausend Tickets verkauft einen Film schauen roter Drache Stephen Hopkins.
Körper Schwung eine Vektorgröße ist, ist die Richtung ihres Vektors dieselbe mit Geschwindigkeitsrichtung
Schild
Schild steuert die Richtung des angezeigten Textes. Es hat ein erforderliches dir-Attribut, das die Werte ltr (von links nach rechts) und rtl (von rechts nach links) annimmt.
Beispiel: Textrichtung
Versuch es selber "
Wenn Ihr Browser den bidirektionalen Algorithmus (bdo) unterstützt, nächste Zeile wird von rechts nach links geschrieben (rtl)
Dieser Text wird von rechts nach links geschrieben.
Aufgaben
Letzte Aufgabe
In dieser Lektion haben Sie einige logischere Formatierungselemente kennengelernt, die nicht das Aussehen des Textes bestimmen, sondern seinen Typ, und je nachdem, welcher Browser die eine oder andere Art der externen Formatierung anwendet. Alle oben besprochenen Elemente sind Container und erfordern ein schließendes Tag. Einige dieser Elemente verändern möglicherweise überhaupt nicht das Erscheinungsbild des Textes, daher lag der Fokus hier eher darauf, wie sie die Bedeutung des Textes definieren, als darauf, wie sie ihn formatieren.
Es ist an der Zeit, das Gelernte zu wiederholen und vier einfache Aufgaben zu erledigen:
Kurzes Zitat
Entscheide dich selbst "
Fügen Sie mithilfe des booleschen HTML-Werts Anführungszeichen um das Wort ein: "Theory".
Kurzes Zitat
Die Theorie sagt neue Phänomene und neue Gesetze voraus.
Kurzes Zitat
Theorie sagt neue Phänomene und neue Gesetze voraus.
langes zitat
Entscheide dich selbst "
Fügen Sie den folgenden Text in ein Element ein, das es zu einem links eingerückten Zitat macht. Geben Sie die URL der Ressource an, von der dieses Zitat stammt: "http://www.world.org".
langes zitat
Ein Merkmal der Geschwindigkeit und Bewegungsrichtung ist eine physikalische Größe - Geschwindigkeit.
Elementdefinition wurde geändert
und . Der Artikel erklärt, was das für Entwickler bedeutet.
Definitionsänderungen
Element
stellt Inhalte dar, die ein Zitat aus einer anderen Quelle sind, möglicherweise, einschließlich einer Erwähnung dieser Quelle, die sollte sein innerhalb von Elementen platziert