Wordpress & jQuery for Dummies

Matze-L.

Hallo geschätzte Wordpress Gemeinde,

ich habe leider eine Frage die wohl bei den meisten Wordpress usern ein Kopfschütteln hervorrufen wird.. :sad: (basics, basics, basics... )

Ich habe mich dazu entschlossen ein Wordpress Blog zu erstellen. Ich habe dazu auch die gesamte Uni-Bibliothek geplündert und alles gelesen was sie her gab.

Wirklich alles verstanden habe ich dennoch nicht so richtig. Ich tue mich besonders schwer bei dem Thema jQuery. Ich versuche seit 3! Tagen diesen Effekt hinzu bekommen und den Code nach Wordpress zu übertragen. Ich stelle mich dabei aber extrem stümperhaft an. Ich habe so ziemlich alles geschafft was ich nicht wollte (Header plötzlich im Footer, Menüleiste mitten im Post :smile: usw) aber mit Codes habe ich im Grunde nicht hin bekommen von dem was ich wollte.

Ich denke ich verstehe einfach nicht wo welcher Code hinkommt und wie ich den Code für mich anpassen muss. Ich verstehe soweit, dass $ in jQuery umgeändert werden muss und die beiden Bilddateien durch meine ersetzt werden müssen. Soweit logisch. Dann muss ich jQuery bei Wordpress 3.2 noch aktivieren (mit dem enqueue Befehl vor wp_head) soweit alles dufte, aber dann... :-(

Wohin der Rest? eine neue Datei erstellen? Php? js? Alles in den Header? alles in die fucktion.php? Ich habe alles versucht (irgendwie) und es einfach nicht verstanden. Google habe ich auch schon rauf und runter gesucht und einfach nicht verstanden bzw. nichts gefunden.

Ich würde mich wirklich riesig freuen, wenn sich irgendjemand die Mühe machen würde mir helfen. Meine Nerven liegen langsam blank..:sad:

Einen schönen Sonntag an alle.

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

maxe

Den Teil würde ich nach wp_head() und vor den </head> setzen:

Code

<script type='text/javascript'>
jQuery(document).ready(function(){
 
jQuery("img.a").hover(
function() {
jQuery(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
jQuery(this).stop().animate({"opacity": "1"}, "slow");
});
 
});
</script>
<style>
div.fadehover {
	position: relative;
	}
 
img.a {
	position: absolute;
	left: 0;
	top: 0;
        z-index: 10;
	}
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}
</style>

Alles anzeigen

und den Teil dann dahin wo du ihn haben willst, meinetwegen auch in die header.php aber nach dem <body>:

Code

<div class="fadehover">
<img src="cbavota-bw.jpg" alt="" class="a" />
<img src="cbavota.jpg" alt="" class="b" />
</div>

Schau auch mal hier, vielleicht erklärt das einiges mehr: http://www.im-tal.net/568/effekte-mi…script-library/

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wordpress & jQuery for Dummies

Jetzt mitmachen!

Benutzer online in diesem Thema