Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Rod sent me to a page with directions how to add an image to the copy section on a page. It involves using html to direct the browser to the image. I uploaded an image via ftp to a folder I created and named img within my custom folder. Since I am building this site within a test folder (backlight-2-test) in my old site, I used the pathname to that folder in the suggested html string. I added that html at the end of the text already entered. It looks something like this.
Lorem ipsum nunc.
<img src=“/backlight-2-test/backlight/custom/img/portrait-pricing-bl2.jpg” width=“800” class=“aligncenter” alt=“If image does not display, contact Dennis Keyes for information”>
When I save the copy and refresh my site, the image does not appear. Instead the html text that I entered appears exactly as above. Am I missing something?
Offline
Might be Markdown mixing with html. You can try adding a carriage return after your text or just write it all in html.
Can you post a link?
How are you adding the code? Directly in the copy area? Copy and paste from another source?
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Missing closing tag maybe?
</img>
Offline
the <img> is one of those html elements that’s self-contained, like <br>, so no closing tag.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
I prepared the code in text edit and copy/pasted it in. I did add a carriage return after my text. I have no experience with html or markdown text. I want to do this with multiple pages.
Once I get the first one to work, I will be able to do the rest. Here is a link to the page. Maybe you will immediately see the error. The page is a submenu under services/portraits
http://denniskeyesphotography.com/backl … portraits/
Offline
It looks like the html got caught up in the Markdown/parsedown converter, which changed the angle brackets < and > to < and > for the html to show as symbols. Plus it made the quote marks slanted instead of straight. Anyway, here's the html that should work.
<p>Portraits can be a simple headshot on a plain background in a studio, or an environmental portrait where you live, work or play. You may wish to have a portrait showing you and your work, you and your home and family, or just you being you! Preliminary creative discussions can produce the kinds of images you see here. Contact Dennis Keyes to discuss your portrait session.</p>
<img src="/backlight-2-test/backlight/custom/img/portrait-pricing-bl2.jpg" width="800" class="aligncenter" alt="If image does not display, contact Dennis Keyes for information">If using Markdown, I think you should be able to just type the text. When done, hit return (not space, space, return as you would when creating another paragraph in Markdown) and then add the html. (that just worked for me on a test page)
When I do this, I find it less confusing to write it all in html, that way I don't have to keep track of where the Markdown is.
For a page like yours, that would be pretty easy. The only added thing is adding paragraph tags around the text.
ALSO: it looks like your image has not been uploaded to the location indicated in the code.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Something confusing going on here. To recap: I am building this site in a folder within my old site so I don't lose it while under construction. I created a folder I named /backlight-2-test and put in in my public folder of my original site and got the installation done. I was able to see the folder hierarchy in my ftp client as I proceeded. Everything I have done (with much trial and error as I climb the learning curve) has eventually worked. To begin this phase of adding images to a copy field, I uploaded my images to a folder I created named /img within the /custom folder as I was directed. Then I tried putting the markdown, or html, (I don't really know what that is) in my copy field. You saw the result. I will change the text as you described and hope that will solve the problem. I looked at the ftp client again to see where my images are. I do not even see the /backlight-2-test folder with my new site in it. The images are in /backlight/custom. I don't know how they got there or where the other folders are. But, but my old site and my new site are still working! When I try this new text, should I just specify /backlight/custom, rather than /backlight-2-test/backlight/custom?
Offline
Correction: The images are in:
backlight/custom/img
Offline
It looks like the html got caught up in the Markdown/parsedown converter, which changed the angle brackets < and > to < and > for the html to show as symbols. Plus it made the quote marks slanted instead of straight. Anyway, here's the html that should work.
I think this is related to Textedit. Per default, it uses smart quotes, which can be disabled in the preferences menu. I don't know why you get the htmlcharacters for < and >, but this might be related.
I would suggest that you use an editor designed for code. I use TextMate, which is free. Other options are TextWrangler, Sublime Text, etc.
For Markdown, I use the MacDown.app. It has a nice preview which makes it much easier to write code and get it right. Once I like how it looks. I copy and paste it into the respective Backlight or Lr Publisher text field.
Daniel Leu | Photography
DanielLeu.com
My digital playground (eg, Backlight tips&tricks): lab.DanielLeu.com
Offline
Something confusing going on here. To recap: I am building this site in a folder within my old site so I don't lose it while under construction. I created a folder I named /backlight-2-test and put in in my public folder of my original site and got the installation done. I was able to see the folder hierarchy in my ftp client as I proceeded. Everything I have done (with much trial and error as I climb the learning curve) has eventually worked. To begin this phase of adding images to a copy field, I uploaded my images to a folder I created named /img within the /custom folder as I was directed. Then I tried putting the markdown, or html, (I don't really know what that is) in my copy field. You saw the result. I will change the text as you described and hope that will solve the problem. I looked at the ftp client again to see where my images are. I do not even see the /backlight-2-test folder with my new site in it. The images are in /backlight/custom. I don't know how they got there or where the other folders are. But, but my old site and my new site are still working! When I try this new text, should I just specify /backlight/custom, rather than /backlight-2-test/backlight/custom?
I don't know what's going on either.
According to your code, the image should be here: http://denniskeyesphotography.com/backl … ng-bl2.jpg
but it isn't there. It's also not in the /backlight-2-test/backlight/custom/ folder.
double check the location and the naming of the image. Make sure it's a jpg rather than a psd, tiff, etc.
Can you post screen shots of your ftp folder structure showing where the image is?
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Then I tried putting the markdown, or html, (I don't really know what that is) in my copy field.
There is information on adding copy, including Markdown, here: http://backlight.theturninggate.net/doc … ng-copy-b2
for html (HyperText Markup Language), there are a ton of sites on the web. W3Schools.com is always a good place: https://www.w3schools.com/html/
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
I would be happy to post a screen shot. How can I post it in this forum?
Offline
Follow the link I posted in #10 above
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
While attempting to get a screenshot on line, I did some searching inside my ftp folders and found that the img folder I created was misplaced . I moved it and refreshed. Got it! I may tune it up a bit, but this is what I had in mind. I will be peppering image throughout henceforth! Thanks for your help! Like it?
http://denniskeyesphotography.com/backl … portraits/
Offline
Yay! Looks great.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
