even this image should resize and not cause horizontal sliders to appear:

ideally, the photo slides shouldn’t get cut off by the browser — they should at least resize until they are hidden from view. i need to work on that. that paper-like border i put around it kind of makes things difficult.

like i said, it’s a work in progress…

it’s neat tho — not needing to create an entirely separate template just for mobile browsers. why not just use what everyone sees and make changes to it accordingly! genius!

so here it is… much like jurassic park, there are a few glitches here and there but all will be ironed out soon enough

I wanted a theme where I could easily showcase my favorite pictures I’ve taken with my brand new sony nex-3. I came up with this sorta hybrid of a photo gallery/blog…

I may write a post of the backend php stuff I wrote in order to get this to work out the way it does

I’m also happy that the site is responsive… err… will be responsive. if you view it thru your phone, you’ll see the gallery frame a little too tall and a few other things… the hulu embed also breaks the container a bit

I’ve been meaning to learn responsive web design and I plan to implement stuff to this site… should be fun

btw, all the old posts are still here.. gotta love wordpress for that… so go and look around at all my ellipses and lazy writing

* mind the spelling and typos… posting from my phone

* i really should know these by now… but what are ya gonna do?

linking to the homepage

<a href="<?php echo get_option('home'); ?>">...</a>

image references

<img src="<?php bloginfo('stylesheet_directory'); ?>/images/FILE_NAME.jpg"
alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>" />

dynamic widgets

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('WIDGET_NAME') ) : ?>
<?php endif; ?>

then, in functions.php, add this:

register_sidebar(array('name'=>'WIDGET_NAME',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h3>',
'after_title' => '</h3>',
));

custom fields – mentioned before on my site, but just to have ‘em all together

<?php $VARIABLE_NAME=get_post_meta($post->ID, "CUSTOM_FIELD_NAME", true);
if (get_post_meta($post->ID, "CUSTOM_FIELD_NAME", true)) {
echo ("<img src=\"FULL_PATH_TO/$VARIABLE_NAME\" />");
} ?>

copyright

&copy; <?php echo date('Y'); ?> - <?php bloginfo('name'); ?>

required

• all in one seo pack
• google analyticator
• google xml sitemaps
• db cache reloaded fix
• hyper cache

dependent on project

• anyvar
• custom post limits
• shadowbox js
• wordpress related posts
• contact form 7 (+really simple CAPTCHA)
• audio player
• my page order
• widget entries

i need to also put frequently-used code… nice segue, joe…

i’ve put the pacifico font as the headers and the ubuntu font as the overall body font — pretty sharp

this really ticked me off because i would have to do plugin updates manually (upload via ftp) and the newest wordpress 3.x didn’t want to upgrade at all (i’d get server errors)

so i finally consulted google and was able to find a solution — apparently it has bothered other people!

If you are a 1and1.com user and are having problems getting the auto upgrade to work (for both the core and plugins), here’s the fix.

Add the following line to your .htaccess file (in the root directory of your WP install):

AddType x-mapp-php5 .php

as soon as i updated the .htaccess file, i was able to upgrade plugins and even wordpress itself!

i was even able to install the WPtouch plugin through my phone! that’s sick.

happy.

i’m really happy with the way it turned out — it’s simple and modern <toot toot>

i’m kinda glad i didn’t go with my initial mockup:

wise decision...

so, along with a nifty fade in/fade out script, i created this in the header.php file:

<?php
  if ( is_front_page() ) {
  echo "
    <div class=\"hpmovie\">
      <div id=\"xlide\">
        <img src=\"wp-content/themes/[THEMENAME]/images/5.jpg\"
          alt=\"\" />
        <img src=\"wp-content/themes/[THEMENAME]/images/11.jpg\"
          alt=\"\" />
        ...
      </div>
    </div>
  ";
  }
?>

so basically, if it’s the home page, it’ll write stuff to the page… boom

xsl

...
<xsl:variable name="readmore">
  <xsl:choose>
    <xsl:when test="@readmore != ''">
      <xsl:value-of select="@readmore" />
    </xsl:when>
    <xsl:otherwise>
      See all <xsl:value-of select="@title" />
    </xsl:otherwise>
  </xsl:choose>
</xsl:variable>
<div style="font-size:8pt;">
  <a href="{@url}"><xsl:value-of select="$readmore" /></a>
</div>
...

this is a sample of the xml that it pulls:

<page id="..." title="Newsletters" url="newsletters.asp"
  thumbnail="include/media/images/products-newsletters.gif"
  description="blah blah blah">

so since there isn’t a title attribute to this node, it’ll default to the title. on the page, it’ll say “See all Newsletters”

i made it myself! yay

i’m sure i forgot something so if you see any errors… lemme know (my qc guy is in town, but i’m excited to roll out with this)

not like you care, but this is hugely different than the previous theme i had (white with the red line at the top)… this one has a bit more color in it and a few more elements that i’ve picked up recently

to start, the main logo is a transparent png with a rollover AND it degrades nicely if you’re using a shitty browser like ie6…

tranny ping (not some gay dood in china)

so it’s one image, and the css switches the image when you roll over it… this method is pretty cool and super easy to pull off. the end result is clean and it loads quick!

then there’s the overall color scheme… i wish i was better at color theory, but i’m not. so i gotta do research on colourlovers for inspiration. i knew i wanted a “web 2.0″ (ugh) color scheme and i think i did it…

another thing that’s cool is the footer — i knew i wanted to do a design with a 3 column footer… i’ve seen kids these days doing it so i wanted to join that crew… i moved the archive list down here, put a short little bio (that’s a first for me), put the social networking sites, and re-added my signature in the copyright

i really like logos… especially when they’re sharp… thanks to the interwebs, i was able to find a set of illustrator vectors of the social networking site logos. so i was able to resize them down without losing quality… i used the rollover styling here as well

tranny gif this time...

and to celebrate, i’ll throw in a song… it’s actually a song i just learned on guitar — it’s SUPER simple even andy could prolly play it

it’s jason mraz’s “anything you want” off his live cd – “beautiful mess: live on earth” (hulu)