Trying to place images on Worpress Site

eseel · October 21, 2010

I have recently started a Wordpress Site (www.edsstudios.com). Let me say in advance I am a designer and not a coder, hence the need to come to this forum. I installed a theme which I would like to customize on the home page. I want to place three images along with text below the image slider of the theme. I have included an attachment (pic1.jpg) showing the photoshop mock of how I want the home page to look. Keep in mind I only want to add the image below the image slider. The rest of the page is already existing as part of the wordpress theme.

So, I sliced up only the images from the photoshop mock(pic2.jpg) within photoshop and produced the web ready images and html code. I opened the home.php file but can't get the code to function. Below is the code for the home.php page first. Below that is the html code for the images. Can someone tell me if there is something wrong with the code for the images along with where to place it on the home.php file?

Home.php CODE

<?php get_header(); ?>

<p>

<?php include(TEMPLATEPATH."/includes/slider.php");?>

</p>

</div>

<p><?php _e("Receive news and updates from us.", 'organicthemes'); ?></p><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=<?php echo ot_option('feedburner'); ?>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input type="text" value="Enter your email address..." id="subbox" onfocus="if (this.value == 'Enter your email address...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter your email address...';}" name="email"/><input type="hidden" value="<?php echo ot_option('feedburner'); ?>" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" id="subbutton" /><input type="hidden" value="eNews Subscribe" name="title"/></form>

</div>

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Home Sidebar') ) : ?>

<h4>Widget Area</h4>

<p>This section is widgetized. To add widgets here, go to the <a href="<?php echo admin_url(); ?>widgets.php">Widgets</a> panel in your WordPress admin, and add the widgets you would like to <strong>Homepage Top Right</strong>.</p>

<p><small>*This message will be overwritten after widgets have been added</small></p>

</div>

<?php endif; ?>

</div>

<?php $recent = new WP_Query("cat=" .ot_option('hp_cat'). "&showposts=" .ot_option('hp_num') ); while($recent->have_posts()) : $recent->the_post();?>

<h2><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>

<a class="commenticon" href="<?php the_permalink(); ?>#comment" title="Comments"><?php comments_number('0', '1', '%'); ?></a>

</div>

<a href="<?php the_permalink() ?>" rel="bookmark"><?php the_post_thumbnail( 'home-thumbnail' ); ?></a>

</div>

<?php endwhile; ?>

</div>

<?php get_footer(); ?>

IMAGES CODE

<html>

<head>

<title>home page icons</title>

<!--

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;

}

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}

}

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

//-->

</script>

</head>

<table width="960" height="183" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">

<tr>

<td colspan="3">

<img src="images/home-page-icons_01.png" width="310" height="143" alt=""></td>

<td colspan="3">

<img src="images/home-page-icons_02.png" width="332" height="143" alt=""></td>

<td colspan="3">

<img src="images/home-page-icons_03.png" width="318" height="143" alt=""></td>

</tr>

<tr>

<td>

<img src="images/home-page-icons_04.png" width="223" height="39" alt=""></td>

<td colspan="2">

<img src="images/home-page-icons_06.png" width="273" height="39" alt=""></td>

<td colspan="2">

<img src="images/home-page-icons_08.png" width="248" height="39" alt=""></td>

<td>

<img src="images/home-page-icons_10.png" width="23" height="39" alt=""></td>

</tr>

<tr>

<td>

<img src="images/spacer.gif" width="223" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="66" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="21" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="252" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="65" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="15" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="233" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="62" height="1" alt=""></td>

<td>

<img src="images/spacer.gif" width="23" height="1" alt=""></td>

</tr>

</table>

<!-- End ImageReady Sl

[attachment deleted by admin]

Sign In

Trying to place images on Worpress Site

Recommended Posts

eseel

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information