2016-07-12 3 views
0

Ich habe den folgenden HTML-Code, der versucht, auf meiner WordPress-Seite zu platzieren.Wie konvertiert man einen HTML-Inhalt in WordPress

html:

<div class="hovereffect"> 
     <img src="<?php echo get_template_directory_uri() ?>phone.jpg" > 
     <div class="overlay"> 
      <h2>Hover effect 9</h2> 
      <a class="info" href="#">link here</a> 
     </div> 
    </div> 

Im Moment ist alles in der Stelle außer dem Bild, das nicht zeigt. Wie kann ich diesen Code WordPress so verwenden, dass er das Bild anzeigen kann?

+0

Und welche Fehler sind in der PHP Fehlerprotokoll – RiggsFolly

Antwort

1

Ich glaube, du vergisst zu sagen, wo es die Bilder bekommen sollte. Und Sie vergessen auch ein Semikolon nach dem get_template_directory_uri() ;.

Dies ist ein Beispiel, aber hier ich sage, welcher Ordner aus dem Bild zu bekommen:

<img src="<?php echo get_template_directory_uri(); ?>/assets/images/your_image.jpg"> 
+0

Da dies die erste Antwort war, die das Semikolon zeigt, und den Rest des Pfades, wenn nötig, werde ich dies als nützlich markieren. – Lee

+0

Danke, Lee :) – RasmusGlenvig

0

Sie tun können, aber es ist keine gute Praxis diesen Code einzufügen, wie es in Wordpress ist editor,

Upload dieses Bild in den Medien und bekommt Link dieses Bild Seite bearbeiten, wählen sie im Textmodus von oben rechts im Editor und Einfügen von Code dieser also

<div class="hovereffect"> 
     <img src="http://example.com/wp-content/uploads/2016/07/img.png" > 
     <div class="overlay"> 
     <h2>Hover effect 9</h2> 
     <a class="info" href="#">link here</a> 
     </div> 
    </div> 

Hier ist eine gute Übung, erstellen Sie eine Vorlage für diese Seite und schreiben Sie dort Ihren Code. Bild ersetzen mit Feature-Bild Überschrift mit Seitentitel. Detail mit Seiteninhalt Link mit Seitenpermalink.

+0

Wenn die Ressource Teil des Themas ist, ist es am besten, die get_template_directory_uri(); Wenn es Teil des Inhalts ist und von einem WordPress-Benutzer geändert werden kann, verwenden Sie die Medien-Uploads. Eine Alternative besteht darin, ein Options-Framework zu verwenden, um es dem Benutzer zu ermöglichen, statische Ressourcen zu ändern. – RasmusGlenvig

+0

Woher wissen Sie, dass dies im Editor eingegeben wurde ...? – Lee

0

Nicht genug Ruf, um einen Kommentar zu hinterlassen, so werde ich dies als Antwort stattdessen verlassen.

Angenommen, phone.jpg ist die Wurzel Ihres Themas, Sie vergessen das/(Schrägstrich) vor phone.jpg.

Es sollte

<img src="<?php echo get_template_directory_uri(); ?>/phone.jpg" > 
0

PHP wird nicht innerhalb einer Seite analysiert werden lassen. Laden Sie einfach das Bild in die WordPress Medienbibliothek hoch und verlinken Sie es direkt.

Verwandte Themen