Forum Replies Created

Viewing 5 replies - 1 through 5 (of 5 total)
  • wow, ha! that refers to a real bump, which is when someone bumps there own post because nobody has replied. my “bump” was not a true bump, because i wasn’t the owner of the post, and because i was adding good/real information to the topic.

    anyway, back to the topic. yeah, what you’re talking about was the issue with responsive images a year or so ago. in the past year, the focus has shifted to what image you’re serving. i have an architectural client who has a full screen slideshow. the images are very big. now it does work to do 100% width, but as with the current responsive image dialogue, it doesn’t make a lick of sense to serve that ~1mb image to a user on a phone with a 3g connection. not to mention that there are hundreds of these images as you browse their portfolio. so here lies the current responsive image dilema, and i’ll go ahead and throw in retina images as well. so now we find ourselves as web developers/designers needing to have at least 4 versions of each image:

    1. normal image
    2. normal retina image
    3. mobile image
    4. mobile retina image

    one way of solving this would be to use wordpress’s built in functionality of being able to create different images with different sizes. the issue is that the naming convention makes no sense in any kind of automated context (which to me is weird for a cms to do). thus we’re back to the question:

    how can we change the wordpress image naming convention?

    bump!

    catacaustic, no offense, but you seem to be missing the question. how can we ditch the dimensional naming convention?! i want to know for an easy responsive image solution.

    using javascript/jquery
    -if screen is > 800px
    -select all images
    -replace *.jpg with *-800w.jpg

    right now we can’t do something that simple because even though i can know the width through the size of the thumbnails, the height will be ever changing from image to image. so…

    how can we change the wordpress image naming convention?

    I’ve only found this hack, but i don’t want to use it because i want to update wordpress easilly without having to re-do the hack every time.

    the memory plugin recommended in the link worked for me!

    michelle, you might already have this straight, but in case you don’t…

    a child theme starts with nothing but the style.css file. in that file you reference the parent theme. and likely reference the parent theme’s style.css file. it should look something like this:

    /*
    Theme Name: [Themename] Child
    Theme URI: http://yoursite.com
    Author: you
    Author URI: http://yoursite.com/
    Version: 0.1
    Template: [themename]
    */
    
    @import url("../[themename]/style.css");

    in so doing, the child them will reference absolutely everything from the parent theme. you DO NOT need to copy everything over from the parent theme’s folder. that’s why your functions file starts “blank”, because the child theme will automatically load the parent theme’s functions file as well. it will use all of their template’s as well. if you want to make a change to page.php, then make a copy of it in your theme folder and edit it. wp will then load your page.php file instead of the parent theme’s file.

    with it set up like this, your parent theme can be updated and you won’t have to worry about a thing, because your child theme will still be loading all of the parent’s stuff.

    did that make sense?

    wp version:3.3.2
    wp realtime sitemap version: 1.5.4
    theme: bangkok press 1.06

    i had it working, and then edited some of my menus and tweaked a few settings and now nothing… i deactivated all my plugins but this one and still nothing. when i switch to another theme, i see the sitemap, but not with bangkok press. what’s weird is that i had it working for a bit…

    sitemap page

    here is a portion of the html source of the above page:

    <div class="page-wrapper sitemap">
    <div class="one-third column"> </div>
    <div class="one-third column"> </div>
    <div class="one-third column"> </div>
    <br class="clear">
    </div>

    any ideas? thanks!

Viewing 5 replies - 1 through 5 (of 5 total)