Warum scheint Wordpress-Vorlage HTML-Code zu negieren?

Ich habe Websites in HTML/CSS und mit Hilfe von WordPress manchmal erstellt. Apropos WordPress Vorlagen gibt es einige Konzepte, die ich nicht verstehe. Wp Vorlagen sind aus PHP-Dateien und haben ihre eigene Codierung wie stattWarum scheint Wordpress-Vorlage HTML-Code zu negieren?

<a href="#"><img src="/wp-content/minamaze/image/AJTFixPreisBanner.jpg"></a>

i folgende zu schreiben, ein Bild aufzunehmen:

<img src="<?php bloginfo('template_url'); ?>/images/AJTFixPreisBanner.jpg"align="middle" />

warum tun einfacher HTML-Code nicht funktioniert und warum für Beispiel funktioniert das folgende Tweak des Wp-Vorlagencodes nicht für mich (um das Bild zu zentrieren)?

<img align="middle" src="<?php bloginfo('template_url'); ?>/images/AJTFixPreisBanner.jpg" />

Offensichtlich im nicht so vertraut mit wp-Vorlagen-Codes, wie ich sein möchte, gibt es eine umfassende Literatur dieses Wissen (die Wordpress Codex Seite zu gewinnen, ist nicht umfassend genug imo und auf meiner Ebene

Quelle

2017-05-12 latrellvie

Um formatierte Code zu veröffentlichen, die Code-4 Leerzeichen einrücken, oder es markieren und verwenden Sie die '{}' Editor Symbolleiste auf die Schaltfläche oder 'ctl-k' - das Syntax-Hervorhebung bietet und vermeidet Probleme, wie Sie mit der Post hatte HTML-Markup falsch interpretieren. –

Entfernen Sie diesen wpcontent und geben Sie den Pfad aus Ihrem Themenverzeichnis ein. Wie image/img png oder /Image/img.png – Exprator

um, setzen Sie 'align =" center "', aber nach dem 'src' Attribut setzen Sie' align = "middle zurück " – chiliNUT

Vorausgesetzt, Ihr enthaltenden Element ist breit genug und das richtige display Attribut, sollte der Code unten arbeiten: eine center CSS-Klasse

<img src="<?php bloginfo('template_url'); ?>/images/AJTFixPreisBanner.jpg" style="text-align:center;" />

Wenn das funktioniert, warum nehmen sie es nicht noch einen Schritt weiter und schaffen?

<img src="<?php bloginfo('template_url'); ?>/images/AJTFixPreisBanner.jpg" class="center" />

Dann fügen Sie die folgende in der CSS-Datei (die meisten Themen benutzerdefinierte CSS in ihren Einstellungen erlauben)

.center { 
text-align:center; 
}

Quelle

2017-05-12 18:09:22 Daniel

Lassen Sie uns die URL der Website betrachten ist: http://www.example.com

Wenn Sie auf der Startseite Sie können diesen Code sicher einfach verwenden:

<img src="/wp-content/minamaze/image/AJTFixPreisBanner.jpg">

Die URL wird translat e bis:

http://www.example.com/wp-content/minamaze/image/AJTFixPreisBanner.jpg

Und es ist okay.

Aber wenn Sie diesen Code in einer inneren Seite sagen http://www.example.com/about/ dann die URL des Bildes übersetzen wird:

http://www.example.com/about/wp-content/minamaze/image/AJTFixPreisBanner.jpg

Und es wird diesmal nicht funktionieren, da diese URL ist falsch. Deshalb ist es empfehlenswert, Funktionen wie bloginfo, site_url usw. zu verwenden.

Quelle

2017-05-12 18:09:26

Ich konnte es lösen; Die Herausforderung wurde von align="middle" verursacht.

<center> 
    <img src="<?php bloginfo('template_url'); ?>/images/AJTFixPreisBanner.jpg" width="25%" margin="auto"/> 
</center>

Quelle

2017-05-12 18:14:02 latrellvie

Warum scheint Wordpress-Vorlage HTML-Code zu negieren?

Antwort

Verwandte Themen