Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

HINT: moving your images out of the Atahualpa folder


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
 
Prev Previous Post   Next Post Next
  #1  
Old Dec 22, 2010, 05:53 AM
juggledad's Avatar
juggledad
 
20,001 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
HINT: moving your images out of the Atahualpa folder

Note: Due to a wordpress requirement, as of 3.6 you need to fully qualify the path names.

Short Description: Put images in 'wp-content' so you don't have to move them during upgrades of the theme.

As of Atahualpa 3.4.7, you can use PHP in the CSS Inserts and several other options of Atahualpa. A great feature of this is to use one of the dynamic PHP functions - bloginfo('template_url') - to point at the template path. This will work no matter what you name the Atahualpa folder. This is perfect for referencing any of the included Atahualpa images. But what if you have a custom image?? Up to now, you had to put your image in the Atahualpa folder and them move it when you upgraded the theme.

The PHP function bloginfo() has some other options you can pass it and 'wpurl' is the one we want to use. It returns the url of the WordPress folder. By adding 'wp-contents' and a folder of your own to the path, you can use a folder of your own that is outside the theme folder.

Note this doesn't work for the header images...yet...

1) create a folder in the 'wp-content' folder called 'my-atahualpa-images'
3) put all your custom images in 'my-atahualpa-images'
4) reference your images with
HTML Code:
<?php bloginfo('wpurl'); ?>/wp-content/my-atahualpa-images/image1.jpg
So instead of
HTML Code:
div.widget ul li { background: url('<?php bloginfo('template_url'); ?>/images/myimage1.jpg') no-repeat 0 7px }
you would use
HTML Code:
div.widget ul li { background: url('<?php bloginfo('wpurl'); ?>/wp-content/my-atahualpa-images/myimage1.jpg') no-repeat 0 7px }
That's it. Now the next time you upgrade Atahualpa, you won't have to move the images or change the theme options to point at where the images are located.

Last edited by juggledad; Nov 8, 2012 at 04:10 AM.
 

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
rotating header image not working after images/header folder delete cpickeri Header configuration & styling 7 Oct 12, 2011 05:03 AM
Sidebars Not Showing Up - Subfolder in Atahualpa Folder SupraTT Sidebars & Widgets 6 Nov 14, 2010 11:06 PM
[SOLVED] where is wp-content/themes/atahualpa/images/header folder? rhondimullins Header configuration & styling 2 Feb 11, 2010 07:59 AM
Cannot remove images from header folder. . . . Dankw Header configuration & styling 0 Jan 29, 2010 06:07 PM
Atahualpa 3.4.3 slow because of call to old theme folder files? extremecarver New Versions, & Updating 5 Aug 20, 2009 05:13 AM


All times are GMT -6. The time now is 10:14 PM.


Powered by vBulletin® Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.