Hi,
ich hab die Seite für mein Portfolio als Grafiker auf WP-Basis als Single-Page-Seite ganz selbst gestaltet, s. http://www.whackslack.com. Unten soll auf derselben Seite ein Kontaktformular stehen, die jetzige Version (s. div id="contact") ist nur ganz roh darein gepflanzt und funktioniert selbstredend nicht. Die Index-Seite sieht folgendermaßen aus:
PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//DE" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo ('charset'); ?>" />
<title><?php bloginfo('name'); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<!-- Load jQuery --><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<!-- Load ScrollTo --><script type="text/javascript" src="http://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.2-min.js"></script>
<!-- Load LocalScroll --><script type="text/javascript" src="http://flesler-plugins.googlecode.com/files/jquery.localscroll-1.2.7-min.js"></script>
<?php wp_head(); ?>
<!-- javascript that will initiate jQuery and the LocalScroll plugin --><script type="text/javascript">// <=!=[=C=D=A=T=A=[
// When the document is loaded...
$(document).ready(function()
{
// Scroll the whole document
$('#wrapper').localScroll({
target:'body'
});
});
// ]=]=></script>
</head>
<body>
<div id="wrapper">
<?php get_header(); ?>
<div id="main"> <!-- MAIN 'N' LOOP -->
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post"> <!-- POST -->
<h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
<div class="entry">
<?php the_content(); ?>
</div>
<small>Tags: <?php the_category(', '); ?></small>
</div> <!-- POST ENDE -->
<?php endwhile; endif; ?>
</div> <!-- ENDE MAIN 'N' LOOP -->
<div id="about"> <!-- ABOUT -->
Graphic designer based in Berlin, Germany. See work. More yet to come.
</div> <!-- ENDE ABOUT -->
<!-- CONTACT -->
<div id="contact">
<div class="wpcf7" id="wpcf7-f10-p7-o1"><form action="/?page_id=7#wpcf7-f10-p7-o1" method="post" class="wpcf7-form">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="10" />
<input type="hidden" name="_wpcf7_version" value="3.2" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f10-p7-o1" />
<input type="hidden" name="_wpnonce" value="a6b6bd43f5" />
</div>
<p>Your Name (required)<br />
<span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" size="40" /></span> </p>
<p>Your Email (required)<br />
<span class="wpcf7-form-control-wrap your-email"><input type="text" name="your-email" value="" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" size="40" /></span> </p>
<p>Subject<br />
<span class="wpcf7-form-control-wrap your-subject"><input type="text" name="your-subject" value="" class="wpcf7-form-control wpcf7-text" size="40" /></span> </p>
<p>Your Message<br />
<span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" class="wpcf7-form-control wpcf7-textarea" cols="40" rows="10"></textarea></span> </p>
<p><input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit" /></p>
<div class="wpcf7-response-output wpcf7-display-none"></div></form></div>
</div> <!-- ENDE CONTACT -->
<?php get_footer(); ?>
</div> <!-- wrapper -->
</body>
</html>Ich bin auf diese (http://www.catswhocode.com/blog/how-to-cr…wordpress-theme) Seite gestoßen, kriege das aber nicht implementiert bzw. zum laufen. Scheint überhaupt eine größere Sache zu sein. Aber vielleicht hat ja einer von Euch die Lösung parat!