Kein Bild wird angezeigt bei Eigenbau-Seitentemplate

Leitifax

Hallo Leute,

Newbie braucht Hilfe. Ich habe mir für meine Willkommen-Seite eingebildet, ich müsste ein JPEG, das "Willkommen" anzeigt und darunter eine kleine Flash-Animation, bestehend aus verschiedenen Bildern, anzeigen. Die beiden Teile hab ich schon gebastelt. Jetzt wollte ich einfach die Links auf Bild und Flash-Animation wie von HTML gewohnt in das Seitenlayout einfügen. Und siehe da - nix war da... :-(

Das Seitenlayout sieht so aus:

PHP

<?php
/*
Template Name:Willkommen
*/
?> 


<?php get_header(); ?>


<div id="chemical_content">


<div id="chemical_post">


<?php if(have_posts()) : ?>


<?php while(have_posts()) : the_post(); ?>


<?php endwhile; ?>


<?php endif; ?>


</div>


<?php get_sidebar(); ?>


</div>


<?php get_dynamic_sidebar(); ?>


<?php get_footer(); ?>

Alles anzeigen

Egal, wo ich das Bild einfüge, ich bekommen entweder nur den Alternativtext angezeigt, oder garnüscht. Es wird sicher kein großes Thema sein, aber für mich Grandmaster ;) ein unlösbares. Hier kann mir sicher jemand weiterhelfen, nicht wahr!

Dankeschön,
Markus

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

marX

Ich seh in dem Template keine Bilder, d.h. keine <img>-Elemente. ;-)

Auch wichtig: wo liegen die Bilder?

Leitifax

Zitat von marX

Ich seh in dem Template keine Bilder, d.h. keine <img>-Elemente. ;-)
Auch wichtig: wo liegen die Bilder?

Ja, das ist Teil der Frage: wo gehört das denn in dem Fall hin? :lol: Ich habs so gut wie überall hin geschrieben, aber nix genützt.

Die Bilder habe ich ins Verzechnis ...../wp-content/media_willkommensseite/ gelegt.

marX

Zitat von Leitifax

Ja, das ist Teil der Frage: wo gehört das denn in dem Fall hin? :lol: Ich habs so gut wie überall hin geschrieben, aber nix genützt.

Außerhalb von <?php ... ?>. Der Rest liegt an dir.
Poste doch mal ein Beispiel, welches nicht funktioniert hat. Dann sehen wir ja was du vielleicht falsch gemacht hast.

Zitat

Die Bilder habe ich ins Verzechnis ...../wp-content/media_willkommensseite/ gelegt.

Wenn die Bilder zu Artikel gehören, dann lädst du diese am besten über das Backend hoch. Bilder die zum Design/Theme gehören, kommen am besten in das Theme-Verzeichnis. Dann kannst du WP-Template-Tags wie bloginfo() verwenden, um die Pfadangaben dynamisch zusammenzusetzen:

HTML

<img src="<?php bloginfo('template_url') ?>/images/my-image.png" alt="" />

Leitifax

So sieht das in meinem php aus:

PHP

<?php
/*
Template Name:Willkommen
*/
?> 


<?php get_header(); ?>


<div id="chemical_content">


<div id="chemical_post">


<img src="http://forum.wordpress-deutschland.org/gallery/000000_bilder-willkommen-seite/test_bild_seite.gif" alt="Willkommen-Bild" />


<?php if(have_posts()) : ?>


<?php while(have_posts()) : the_post(); ?>


<?php endwhile; ?>


<?php endif; ?>


</div>


<?php get_sidebar(); ?>


</div>


<?php get_dynamic_sidebar(); ?>


<?php get_footer(); ?>

Alles anzeigen

und im angehängten Screenshot, was dabei rauskommt...

Im Prinzip müsste es doch egal sein, wo die Bilder liegen. Da das hier nicht zu Theme gehört sondern zur Willkommen-Seite, gibt es bei mir einen eigenen Ordner, wo ich die Bilder ablege.

Leitifax

Wie macht man eigentlich so schöne Rahmen in einem Post , also das Script zB. einrahmen? Mensch bin ich neu hier... ;)

marX

Zitat von Leitifax

Wie macht man eigentlich so schöne Rahmen in einem Post , also das Script zB. einrahmen? Mensch bin ich neu hier... ;)

Steht in den Forenregeln. ;-)
http://forum.wordpress-deutschland.org/plugins-und-wi…alb-zuerst.html
http://forum.wordpress-deutschland.org/plugins-und-wi…-den-posts.html

Zum Problem: Verwende bloginfo() und bau dir die URLs damit zusammen. bloginfo() kann noch mehr, siehe Doku.

Template Tags/bloginfo WordPress Codex

Leitifax

Scheint es funzt... :) DANKE!

marX

Zitat von Leitifax

<?php bloginfo('img src="../../../gallery/000000_bilder-willkommen-seite/test_bild_seite.gif" alt="Willkommen-Bild" '); ?>

Wie kommst du denn darauf? Das hat ja gar nichts mit meinem Beispiel weiter oben zu tun.

Zitat

Irgendwie sagt mir das bloginfo-Dingens nicht so viel Geht ein Bild einbinden denn nicht so leicht wie bei HTML? Maaaaaa...

Geht schon. Du solltest nur (im Hinblick auf Permalinks und "virtuelle" Verzeichnisstrukturen) mit vollständigem URL referenzieren. Und das nimmt dir bloginfo() ein wenig ab.

Versuchs doch mal damit:

HTML

<img src="<?php bloginfo('url') ?>/gallery/000000_bilder-willkommen-seite/test_bild_seite.gif" alt="" />

Warum 'url' an bloginfo() übergeben wird steht ebenfalls in der Doku. Dies liefert dir den URL zurück, unter dem dein WP installiert ist.

Leitifax

Also marX, erstmal danke für all deine Hinweise und Gelduld mit mir! :)

Ah sorry, das hatte ich vergessen, wegzueditieren...ich hatte da einen Ordner übrehaupt falsch angegeben. Sorry.

Das mit dem HTML-Code klappt nicht so ganz, wie du es angegeben hast. Ich muss immer das "<?php echo ..." angeben, und mit den Anführungszeichen usw. gehts dann wild durcheinenander...

Ich hab jetzt eine andere Variante gefunden, die klappt. Zumindest mal für das Bild. Mit dabei ist auch so ein Randomisierer, der unterhalb des statischen Bildes Bilder aus einem Ordner anzeigen und nach x Sekunden wechslen soll. Aber das will nicht, das dumme Ding. (Oder bin ich das dumme Ding? ;) ). Na jedenfalls siehts so aus:

PHP

<?php
/*
Template Name:Willkommen
*/
?> 


<?php get_header(); ?>


<div id="chemical_content">


<div id="chemical_post">


<?php echo "<img src='../wp-content/gallery/000000_bilder-willkommen-seite/test_bild_seite.gif' width='510'>"; ?>


<?php  
$dir='../wp-content/gallery/000000_bilder-willkommen-seite/'; // Der Ordner der Bilder
$filetypes=Array('gif','jpg','jpeg','png'); //Dateitypen
$pics=Array();  


if(is_dir($dir) && $dh=opendir($dir))
{
    while (($file = readdir($dh)) !== false)  
       {  
             $filetype=strrchr($file,'.'); 
             if(in_array('.'.$filetype,$filetypes)) $pics[] = $file;  
       }  
        closedir($dh);
}


srand((double)microtime()*1000000); 
$zufall=rand(0,count($pics)-1);  
echo '<img src="'.$dir.$pics[$zufall].'" alt="Da sollte ein Bild sein..." />';  


?> 


<?php if(have_posts()) : ?>


<?php while(have_posts()) : the_post(); ?>


<?php endwhile; ?>


<?php endif; ?>


</div>


<?php get_sidebar(); ?>


</div>


<?php get_dynamic_sidebar(); ?>


<?php get_footer(); ?>

Alles anzeigen

Also ich kann bei meinem recht bescheidenen Wissen nichts sehen, warum das nicht klappen soll...Du etwa?

Schön gell, wie ich das jetzt in einen Kasten gesteckt habe ;)

marX

Zitat von Leitifax

Das mit dem HTML-Code klappt nicht so ganz, wie du es angegeben hast. Ich muss immer das "<?php echo ..." angeben, und mit den Anführungszeichen usw. gehts dann wild durcheinenander...

Das klappt schon, wenn du es so einbaust wie ich schrieb. Und nicht in einem <?php ... ?>-Bereich. Mein Code ist HTML-Code, kein PHP-Code!

Zitat

Ich hab jetzt eine andere Variante gefunden, die klappt. Zumindest mal für das Bild.

Deine Variante funktioniert nur durch Zufall. Besser wäre es so:

PHP

<?php echo "<img src='" . get_bloginfo('url') . "/wp-content/gallery/000000_bilder-willkommen-seite/test_bild_seite.gif' width='510'>"; ?>

oder so (meine Variante):

HTML

<img src="<?php bloginfo('url') ?>/wp-content/gallery/000000_bilder-willkommen-seite/test_bild_seite.gif" width="510">

Beachte den Unterschied, wo die PHP-Tags bei mir und bei dir stehen.

Zitat

Mit dabei ist auch so ein Randomisierer, der unterhalb des statischen Bildes Bilder aus einem Ordner anzeigen und nach x Sekunden wechslen soll. Aber das will nicht

"Nach ein paar Sekunden" kann mit PHP schon mal gar nicht klappen. Per PHP wird auf dem Server eine HTML-Seite generiert, und die diese danach an den Browser gesendet. Was dann passiert bekommt der Server nicht mehr mit. also kannst du auch kein PHP-Script haben, was nach x Sekunden etwas im Browserfenster ändert. Das geht nur im Browser selbst, z.B. per JavaScript.

Leitifax

H marX,

danke nochmal für die Hilfe mit den Links. Das klappt wonderbra. :) Bin ja Gott sei Dank noch im halbwegs lernfähigen Alter ;)

Das mit dem Bilderwechsler: auf den Seiten, wo ich das Script herhabe wird das als funktionierend angepriesen...hm...na liegt sicher dran, dass ich nicht grad der Hero im Programmieren bin :)

Weißt du vielleicht eine gangbare Möglichkeit, so eine Slideshow anzeigen zu können? Mir ist wichtig, dass ich Bilder zufällig aus einem vorgegebenen Ordner anzeigen lassen kann. Ich habe auch die NextGEN Gallery als Plugin installiert, die ich für die Bebilderung der einzelnen Beiträge nutze. Und das klappt prima. Schade ist nur - denn sonst hätte ich die schon längst dafür genutzt - dass es nur globale EInstellungen für das Aussehen einer Slideshow gibt. Man kann da nicht für eine spezielle SLideshow alternative Einstellungen anwenden. Glaub ich...gäbs eventuell ein Plugin, das das kann?

Dankeschön,
Markus

marX

Zitat von Leitifax

danke nochmal für die Hilfe mit den Links. Das klappt wonderbra. :) Bin ja Gott sei Dank noch im halbwegs lernfähigen Alter ;)

Wichtig ist das du auch verstanden hast, warum das so richtig ist. Eventuell mal Grundlagen PHP anschauen (nur die Grundlagen). Hier finde ich es immer gut erklärt:
Allgemeine Fragen rund um PHP - Was passiert, wenn ich eine PHP-Seite aufrufe?

Zitat

Das mit dem Bilderwechsler: auf den Seiten, wo ich das Script herhabe wird das als funktionierend angepriesen...hm...na liegt sicher dran, dass ich nicht grad der Hero im Programmieren bin

Vielleicht fehlt da noch was. Dieses PHP-Script könnte man noch mit einem clientseitigen (Java-)Script verbinden, und so einen Bildwechsel per AJAX realisieren. Aber fang lieber erstmal klein an... ;-)

Zitat

Weißt du vielleicht eine gangbare Möglichkeit, so eine Slideshow anzeigen zu können?

Ich meine, NGG kann das, wenn man sich etwas tiefer damit beschäftigt. Zu NGG gibts auf jeden Fall jede Menge gutes Doku-Material. Ansonsten mach am besten mal nen neuen Thread im Plugins-Unterforum auf. Aber vorher Forensuche verwenden. ;-)

Grüße
Marcus

Leitifax

Oh...ich glaube ich hab da was entdeckt bei NextGEN...da gibts ja auch Sonderfunktionen, die man als benutzerdefinierte Felder einfügen kann...ohohooo...das könnte was werden... :)

Leitifax

Danke für die tolle Hilfe! Jetz schauts so aus wie ich das will :)

marX

Na wunderbar. Wäre aber nett wenn du noch schreiben würdest wie genau du es umgesetzt hast. ;-)

Leitifax

Also die slideshow habe ich mit NGG gemacht. Wie ich angesprochen hatte kann man ja in den benutzerdefinierten Feldern einer Seite bestimmte Werte angeben. Und da geht es wunderbar, die Slideshow-Größe, usw. nochmal separat mit speziellen Werten die Standardeinstellungen zu overrulen.

Was das Bild betrifft, das hab ich jetzt weggelassen - zuviel Bildchen machen nunr wirr im Kopf ;) - und hab stattdessen einen kleinen Text angefügt. So gefällts mir jetzt :)

Hereinspatziert… - die "Herenspatziert"-Seite isses...

marX

Na schick.

(Übrigens: "Galerie" schreibt man im deutschen mit einem 'L' ;-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Kein Bild wird angezeigt bei Eigenbau-Seitentemplate

Jetzt mitmachen!