No images? Weird placement?
Aug 20th, 2008 | By Sites that Soar / Ais | Category: Website designNOTE: This post is out of date. See more recent articles about images, including When homepage images don’t show up.
If your images aren’t showing up in the Custom Fields areas, here’s one reader’s solution:
Instead of entering something like this 2008/08/imagename.jpg in the Custom Fields area, use something that looks like this:
yourblog/wp-content/uploads/2008/08/yourimage.jpg
Please be very careful about those forward slashes, especially at the beginning of the URL.
That should solve the graphics issue. If it doesn’t, start with the full URL of the graphic and start removing parts of it, one section at a time, until it works.
In other words, start with something like this:
http://www.yoursite.com/yourblog/wp-content/uploads/2008/08/yourimage.jpg
If that doesn’t work, try
www.yoursite.com/yourblog/wp-content/uploads/2008/08/yourimage.jpg
If that doesn’t work, try
/yourblog/wp-content/uploads/2008/08/yourimage.jpg
If that doesn’t work, try
yourblog/wp-content/uploads/2008/08/yourimage.jpg
… and so on.
IMAGE ALIGNMENT
Some images in the posts and pages seem to need extra help in the newest WP.
I’m tweaking them manually in the HTML version of the post. Yes, it’s annoying. I’m hoping that this will be resolved in future versions of WordPress.
Here’s what I’m doing: To the information within the <img src …> brackets, I add things such as
align=”left”
class=”left”
border=”0″
and so on.
LEAD IMAGE POSITIONING
One other person had difficulty with Custom Fields images lining up correctly in the Lead Image spot. That reader solved it by adding something like this code:
align=”left” hspace=”10″ vspace=”10″
Important: That goes in the ui.tabs.php file, in the code section related to the Lead Image.
WHEN YOU HAVE PROBLEMS SUCH AS THESE
Generally, these are specialized issues beyond what my book is intended to address.
Based on my email, the book works for 99% of readers, but there are exceptions related to MySQL and hosting service quirks.
Or, you could have an issue with the WP version you downloaded; new versions and tweaks are being added steadily. (The WordPress support forum is the best place to start, when you have a problem. It’s searchable, and a lot of people will usually chime in with advice.)
I do want to hear from readers, so I know which issues to address in future editions of my book.
However, if it’s a rare problem, I generally refer people to the guys who created Mimbo and Branford Magazine.
Try the Branford Magazine support forum: http://www.der-prinz.com/support-forum/
Or, contact Michael Oeser, the designer of Branford Magazine at support[at]der-prinz.com
In addition, Darren Hoyt provides a list of freelancers who can help with the components that are based on Mimbo:
http://www.darrenhoyt.com/referrals/
Note: HUGE thanks to Freddie of www.InvestWithPassion.com for advice on image solutions!
IMPORTANT
–> Still have an image problem? In almost every case, this occurs ONLY with people who have installed WP in their root directory. That is, your WordPress homepage is in http://www.yoursite.com/ instead of http://yoursite.com/wordpress/
If you’ve installed your WordPress there and the above solutions aren’t helping, contact your hosting service before spending frustrating days trying to fix it yourself.
Hi Aisling;
I cracked the images issue.
It’s truly an oddity!
By placing my mouse on the broken images and right-clicking I looked at the “Element properties.”
This showed me that the path was wrong.
(It was
http://whispersinastorm.com//home/hercell/public_html/wp-content/uploads/2008/08/leadimg01.jpg
instead of
http://whispersinastorm.com/wp-content/uploads/2008/08/leadimg01.jpg)
I went back and forth with emails to my Hosting provider.
They made some changes to the PHP and made the path work.
But when I asked them how they solved it, they told me that they had done it through phpAdmin, a utility within my cPanel (hosting interface.) That did not help, as I’m not PHP-savvy.
So I pursued it further, and got oriented to this page in the WordPress wp-admin page:
Settings > Miscellaneous
In there, there’s a variable called “Uploading” (Store uploads in this folder)
Ok. Now, this variable needs to be wp-contents/uploads
And I know what you’re going to say, it IS wp-contents/uploads by default!
So, what now?
Well, I changed the path to bananas/uploads, saved, then changed it again back to wp-contents/uploads
AND THEN IT WORKED.
Strange but true.
Anyway, I’m hoping this will help others as well.
Best,
Greg
PS: Now all my images are displaying, I’m back to full enthusiasm and going full steam ahead with the blog. Thanks for your cool eBook and all your help!
Thank you for the shout out and the help!
You were awesome and really assisted me through this issue.
We made it happen!
Hallo Aisling,
your book is really great and is very helpful. So far the site looks quite good. Now I have exactly the problem described on top. I have gone forward according to your recommendation and have begun with the complete Path and have extinguished successive ones. Without success. The pictures exist in the post, however, are not indicated as a Lead or featured image.The right click on the pictures show the right path, but no image. Is there a problem with the user-defined fields in WP 2.5? Is there a change in the Theme? Unfortunately, the Support forum is closed by Michael Oeser at the moment. Do you still have an idea? You find the half-done site under: http://www.galvanoforce.com
greeting Anke
PS some more books like yours would develop the using of web 2.0
Hi Aisling,
I sent an e mail earlier today about the above subject, not knowing it was already mentioned above. I’ve now tried everything above (and followed your instructions in your book) and still no images are appearing for featuredarticles. To reiterate my WP version is 2.6.2 I am building the site off line on my local host using Wampserver.
Have you had this problem?
In most cases, the advice in this article solves the problem. If it doesn’t most people seem to need help from their hosting services; it’s a server issue, not a WordPress issue, per se.
I wish I could be more helpful, but if the image link shows the correct path, the problem is probably at the server level. Somehow, your WP database isn’t communicating with the WP files.
(The only exception is, if you’re working offline and haven’t uploaded your images to the server yet, your computer may be looking for files in the wrong places.)
If the image link shows a weird chain of files — such as two sections starting “http” — then it is definitely a server issue.
IMPORTANT NOTE: In almost every case, this problem occurs ONLY with people who have installed WP in their root directory. That is, your WordPress homepage is in http://www.yoursite.com/ instead of http://yoursite.com/yourwordpressdirectory/
The server needs to be reconfigured to know where to find the additional files. Contact your hosting service if this is what’s going on.
Hi Ais,
I also am having challenges with custom fields not showing the image on the home page.
I am using wp2.7, and wp is loaded at /blog. I have tried all avenues, from everything in your book, to following the comments here.
I have also spoken with the web host and they seem confused that it is a server fault! I am not big on PHP but seems to be learning fast!
When I put the cursor over the blank image site the code is as it should be, however when I look at the source I see
“http://traxashore.com/blog//home/trax/public_html/traxashore/blog/wp-content/uploads/uploads/2008/12/sts-75w.jpg” – with the //home/ in the middle.
I would love to know where your reader ‘Greg’ found this:
“So I pursued it further, and got oriented to this page in the WordPress wp-admin page:
Settings > Miscellaneous
In there, there’s a variable called “Uploading” (Store uploads in this folder)”
I have searched through cpanel, and the wp install on my site and havent been able to find such files.
Thank you for such a great book. I am looking forward to the next edition.
Cheers
Peter
Hi, I replied to the email address in your post (probably the default in your browser), but it bounced back. It starts “peterandj…”
Anyway…
The double forward-slash (//) in the middle of the image URL tells me that it’s a database issue. Contact your hosting service again and give them the URL of the image, with the extra forward-slashes in it. It has to be fixed by them, in the database. It’s resolving to the wrong URL.
Dear Aisling and anyone who reads this page,
Thank you for your great version of Bradford magazine!
.
It’s my first go at WordPress and thanks to your book, which I bought some time ago, it’s been an almost painless process
I’ve have one problem though, and I’m aware that you not supporting this theme, but maybe someone sees this and can help?
The pictures shows in the posts, but not on the index page as leadimage and featured article image. I feel quite sure that I’ve typed the right keys and values in the custom fields, but I most be missing something. But what? Does anyone have the same problem or have a clue???
I’m running wp 2.8.
Thanks for you help
Tina
Hi Tina,
Images are a consistent problem for some people, and I’ve addressed the usual solutions in a couple of posts at this website: When Images Don’t Show Up and No Images on WordPress Homepage?
Read the articles and all of the comments below them. The answer is probably there. If it’s not, you’ll need to ask Michael Oeser, the creator of Branford Magazine. His website is DER-PRiNZ.com (Yes, he mixes upper and lower case in his site name.)