image storage folder

  • I set out to do something simple. Isolate some paragraphs on a page using HORIZONTAL RULE. Not the skinny black line. Give it some height, some color. Neither Internet Explorer or Foxfire play nice with HR!

    So I built a graphic, fat, and with color that I could insert on a page multiple times. If I follow some of the instructions I came across, I need to use the following to put my graphic on the page:

    (The site is https://www.yourlpfm.com )

    <img class="style5" src="https://yourlpfm.com/wp-content/uploads/2010/03/twang.png" /><br />

    Really makes the code busy. In playing around I learned that if I put in this simple code:

    <img class="style5" src="images/twang.png" /><br />

    WordPress will preface the “images/twang.png” and it comes out:

    https://yourlpfm.com/blog/images/twang.png

    so being an adventuresome person, I went looking for the “blog” folder which does not seem to exist. So, being super-adventuresome I created a folder named “blog” and in blog I put a folder named “images” in in there I put my twang.png.

    Marvelous! Worked like a champ. Then I clicked on the BLOG menu and found I no longer had a BLOG page. Well, I still had one but it couldn’t be reached by the menu. Removed the BLOG folder and everythig is back to normal.

    I have gone in and changed two image links to the long ugly one and if you go to https://www.yourlpfm.com and onthe sidebar menu chose “Useful FCC Links” (using Internet Explorer) you will see my graphic show up twice. Boxes with a red X show up where the short version exists. Foxfire Browser IGNORES the non-functioning links that IE shows as boxes with red-x.

    In my CSS page I have the following code:

    .style5 {
         style="float: left";
         width="149";
	margin-left: 30px;
	margin-right: 30px;
	height="7";
}

    There is one more bit of information. In my original set up WordPress was downloaded and installed in a folder named BLOG. Since I use a page other than the BLOG as a landing page or home page, this got awkward and crazy so WordPress was moved into the root directory. That original install may have triggered a hidden setting that did not get undone when I moved the whole thing to the ROOT folder.

    Any hints on a way to store my small images where I can use a very short URL rather the the big long one at the top of this post?

Viewing 1 replies (of 1 total)
  • Thread Starter vkuehn2

    (@vkuehn2)

    I now have the correct syntax.

    This did NOT work:

    <img class="style5" src="images/twang.png" />

    This DID work:

    <img class="style5" src="/1-image/twang.png" />

    I created a NEW FOLDER in the ROOT FOLDER:

    root –> 1-image and put the graphic file there. Now when I FTP with additional graphics I am not digging down five or six levels to find the file and I don’t have the ugly LONG url in the HTML. (Note that the src folder is predeeded by a “/” which tells WordPress not to look in the default location but to start the look to the ROOT folder.

Viewing 1 replies (of 1 total)
  • The topic ‘image storage folder’ is closed to new replies.