|
|
Post by Sepiana on Aug 3, 2015 2:22:04 GMT
Tosh,
I really want to see you succeed in this project (and I am sure you will). Have you thought about posting in either one of these forums? Do you think it will help?
www.htmlforums.com/
forums.htmlhelp.com/
|
|
|
|
Post by tangomike on Aug 3, 2015 3:29:58 GMT
Thank you, Sepiana,
Because of my conclusion that I've sort of "graduated" from the "how to use the slice tool" question (although that may be totally erroneous), my plan is to search for other venues for an answer, and I will certainly check these forums out.
One of the questions raised by this trial-and-(a lot of)-error experience is whether the full Photoshop slice tool that allows you to save images and HTML together creates a linked image that is easier to use once you get it done. And by that I mean that it's not as mysterious (to the HTML neophyte) as the Elements+ result when trying to get it into the Wordpress site. Now that I've seen how the Elements+ solution looks, I might go back to some of the full Photoshop tutorials and see if any of them continue to the point of putting the image in a page on a site.
That may shed some light on what to do next.
Or not . . .
|
|
|
|
Post by Sepiana on Aug 3, 2015 3:59:44 GMT
Now that I've seen how the Elements+ solution looks, I might go back to some of the full Photoshop tutorials and see if any of them continue to the point of putting the image in a page on a site. That may shed some light on what to do next. Tosh,
You may also want to check this.
Photoshop Help--HTML options for slices
|
|
rammi
New Forum Member
Posts: 21 
|
Post by rammi on Aug 3, 2015 5:48:44 GMT
Two reputable web developer forums with some really knowledgeable and experienced web developers are community.sitepoint.com/www.codingforums.com/Really, using 3rd party software to generate html code is frought with danger and frowned upon by self respecting web developers, so my recommendation is to join some of these forums and just ask for help on creating an image map and implementing into Wordpress. I wouldn't mention what you have done so far as it might deter some from trying to help. Anyway, good luck and I might see you over in one of the web developer forums  |
|
|
|
Post by tangomike on Aug 3, 2015 13:20:36 GMT
Thanks for the suggestion, rammi, and I hear what you're saying.
Please don't take offense, because none is intended, but in the past I've been on the receiving end of derogatory comments from those who believe code is poetry and frown upon me. If I have to join forums and keep my previous attempts a secret, I think I'll pass.
Just so you know, the developer of Elements+ had this to say: "I think the solution suggested by the user "rammi" is really good. In your case, the 'image maps' is a much more elegant way to create links on an image. You don't need a number of sliced images, just the original image and a bit of extra HTML code."
He offered to help me with that, so the high quality of customer service backing up Elements+ as noted by Sepiana is alive and well.
All of this, of course, is off-point on a forum dedicated to using PSE, and I'll offer my apologies to the administrator for pushing the edges a bit with the follow-on issues I'm facing.
|
|
|
|
Post by tangomike on Aug 3, 2015 17:33:02 GMT
Here's the most recent and last update from the OP:
In spite of the developer's Herculean effort, we have been unable to solve the problem of inserting an Elements+ linked image into a page on a website created in Wordpress using the Weaver Xtreme Theme. The image by itself opens beautifully as a stand-alone HTML file located in the same folder as the images created with the Elements+ slice tool, but a successful endgame has eluded us.
From this point on, I plan to investigate two other options: 1) the Weaver xTreme forum, and 2) use a full Photoshop application that I have permission to try.
For all forum users who offered suggestions, I very much appreciate your expertise.
Best to all in your PSE endeavors.
Tosh
|
|
|
|
Post by Sepiana on Aug 3, 2015 17:55:17 GMT
From this point on, I plan to investigate two other options: 1) the Weaver xTreme forum, and 2) use a full Photoshop application that I have permission to try. For all forum users who offered suggestions, I very much appreciate your expertise. Best to all in your PSE endeavors. Tosh Tosh,
It looks like we on are the same wavelength. I was about to ask if you could get hold of a copy of Photoshop. This would solve the problem.
Success with your project!
|
|
rammi
New Forum Member
Posts: 21
|
Post by rammi on Aug 4, 2015 0:39:57 GMT
Thanks for the suggestion, rammi, and I hear what you're saying. Please don't take offense, because none is intended, but in the past I've been on the receiving end of derogatory comments from those who believe code is poetry and frown upon me. If I have to join forums and keep my previous attempts a secret, I think I'll pass. Just so you know, the developer of Elements+ had this to say: "I think the solution suggested by the user "rammi" is really good. In your case, the 'image maps' is a much more elegant way to create links on an image. You don't need a number of sliced images, just the original image and a bit of extra HTML code." He offered to help me with that, so the high quality of customer service backing up Elements+ as noted by Sepiana is alive and well. All of this, of course, is off-point on a forum dedicated to using PSE, and I'll offer my apologies to the administrator for pushing the edges a bit with the follow-on issues I'm facing. no offense taken tangomike It's good to see the developer of Elements+ also trying to steer you onto the more elegant solution as I did - image maps. Of course, which road to the solution you take is totally up to you. E+ is a wonderful application and I plan to purchase it when I upgrade to pse14 later this year but even as the developer acknowledges, it is not the best solution for your particular need in this case. Best wishes for achieving your solution. |
|
|
|
Post by tangomike on Aug 4, 2015 14:27:36 GMT
Well, I lied about this being the final entry from the OP.
I decided to investigate the Wordpress Theme end of the task and posted the following on the forum dedicated to it:
"I'm a moderately proficient user of Weaver themes with three websites up and running and a fourth in development using Weaver Xtreme.
"I'm using a Mac running OS10.8.5 and building the image in Photoshop Elements 12 with the Elements+ add-on to obtain use of the slice tool, which is a feature of the full Photoshop version and available in PSE12 only with Elements+.
"The image I've built has six circles arranged around the circumference of a seventh with the company logo. Each of the six has a single word representing the company's major program areas, and the intent is for visitors to view the scope and breadth of the overall program graphically and from there navigate to individual pages dedicated to each of the six areas.
"Using PSE+ for this task creates a parent folder with two items: 1) a sub-folder with the sliced images and 2) an HTML file.
"Opening the HTML file presents the image with each of the circles correctly linked to the currently empty 'placeholder' pages I've included in the developmental website.
"What I've been unable to do is put this linked image on another page in the website so visitors can view it and link from there to the individual program pages.
"My attempts to solve the problem so far have included posting a thread on a PSE forum and communicating with the developer of Elements+.
"Some PSE forum users have suggested that building the image in the full Photoshop version (which I don't have) might solve the problem. Others have suggested that I abandon PSE and Elements+ for this task and learn to build an "image map." I'm no more than marginally knowledgeable of HTML, and have little interest in halting the project to learn it for this task.
"I'm also not yet ready to try the full Photoshop solution because I'm not sure that the problem isn't caused by my not knowing how to get both the folder with the images and the separate HTML file generated by PSE with Elements+ into a page on the website.
"One of the suggestions was to open the HTML file, copy the code for the page, and paste it into an empty page on the website. I tried that with Tools > Web Developer > Page Source and it didn't work. The result in visual view is a portion of the table generated In PSE+. In text view it's the copied HTML, and when viewing the page, the content area is blank.
"If anyone has a suggestion for solving this, I'd really appreciate it."
Here's the first reply:
"It will really depend on the exact html generated and the exact form of the image links. In theory you should be able to copy the html to a Wp page and get it to work. Most likely all the links will have to contain the full url and not relative paths. But this is not theme related but an html issue. Note also that what you've described is probably not going to display very well on mobile devices."
So, at this point we're back to the quality of the HTML (as mentioned by sammi). But before I launch into the more elegant solution proposed, or abandon the idea of the linked image altogether, it appears that getting to a computer with the full Photoshop application and rebuilding the linked image is worth a try.
Tosh
|
|
rammi
New Forum Member
Posts: 21
|
Post by rammi on Aug 4, 2015 21:24:03 GMT
"One of the suggestions was to open the HTML file, copy the code for the page, and paste it into an empty page on the website. I tried that with Tools > Web Developer > Page Source and it didn't work. The result in visual view is a portion of the table generated In PSE+. In text view it's the copied HTML, and when viewing the page, the content area is blank. "If anyone has a suggestion for solving this, I'd really appreciate it." Unless you start posting some actual code you are using/creating so we can see exactly what is going on instead of relying on your description of what is going on, I think you'll find it very difficult to get a complete working solution on this forum or any other. But the above extract of your last post I might be able to help with, but I am flying blind because I can't see your actual code. You say the HTML is copied ok but the displayed content on the web page is blank. I'm going out on limb here but I suspect that is because you have incorrectly specified the paths to the images in the <img> tags in your html. Each <img> tag for your slices will have a src attribute which specifies the path to the image. What you need to know is the folder the file containing your pasted html is in. The src attribute can then contain the relative path from the html file's folder to the image file...eg ./folder1/images/myImage1.jpg. If Wordpress is not finding the relative path to the image for some reason, then you'll have to use the absolute path to the image. But really, I am now at the stage where I would find it difficult to justify spending anymore time trying to help because the time I have taken to type this post and my earlier posts recommending you use an Image Map instead (which is what the developer of E+ also recommended to you) is easily more than double the time it would take me to create an image map for your image and put it into a web page. You say in your last post that you have little interest in learning html for this task but I am sure getting at least a basic understanding of html will benefit you greatly whether you hand code web pages or use CMS's like Wordpress or Joomla. Good luck and best wishes |
|
|
|
Post by Sepiana on Aug 5, 2015 2:27:25 GMT
All of this, of course, is off-point on a forum dedicated to using PSE, and I'll offer my apologies to the administrator for pushing the edges a bit with the follow-on issues I'm facing.
Hi Tosh,
No need for apologies. We are a forum devoted to Elements but your issue fits in the "& More" area. However, it may be a good idea to post on forums devoted to this issue. In this way, you can get the timely and expert help you need.
it appears that getting to a computer with the full Photoshop application and rebuilding the linked image is worth a try. If you decide to go down this route, you are welcome to post your Photoshop-related questions in our "Other software" board. Many of our members (including myself) use both Elements and Photoshop. |
|
|
|
Post by tangomike on Aug 6, 2015 3:29:03 GMT
This really is the final report from the OP on this thread.
The slice tool in PSE with Elements+ absolutely works to create a stand-alone web page with the linked circle diagram. The follow-on problem I faced, however, of getting that linked image uploaded to a page on the WordPress site, was never solved. Users of a WordPress forum offered a solution which never worked completely, probably due to my ineptitude with handling HTML rather than there being anything wrong with the solution.
Driven to more seriously consider sammi's suggestion about creating an image map, I began investigating that option and found a tutorial titled, "How To Create Image Maps for WordPress. Using Mobilfish.com and the extraordinarily clear workflow in the tutorial, I built the image map and uploaded it to the WordPress site in about an hour. It works perfectly.
Thanks again for all the support, and please accept my apologies for filling up three pages thrashing around in the dark with a problem that really had little to do with using the slice tool and everything to do with an endgame that pushes the limits of &More.
You are a great resource.
Best regards,
Tosh
|
|
rammi
New Forum Member
Posts: 21
|
Post by rammi on Aug 6, 2015 3:39:42 GMT
Driven to more seriously consider sammi's suggestion about creating an image map, I began investigating that option and found a tutorial titled, "How To Create Image Maps for WordPress. Using Mobilfish.com and the extraordinarily clear workflow in the tutorial, I built the image map and uploaded it to the WordPress site in about an hour. It works perfectly. Well done on your persistence to find a solution and I'm glad you finally saw the light on which solution route to take and btw, it's rammi, not sammi lol   |
|
|
|
Post by tangomike on Aug 6, 2015 10:27:26 GMT
rammi,
My apologies again, this time for displaying my "r-s typing mixup syndrome."
In my defense, I did get it right all the other times, though . . .
Really appreciate all the effort on your part to help me out of the dark.
|
|
|
|
Post by tangomike on Aug 7, 2015 17:10:24 GMT
I keep lying about whether a reply is my last, but I wanted to follow-up with this:
For anyone wanting to create an image map for a WordPress site, the tutorial I mentioned absolutely works, but there are two other keys to success in the process.
First, select "Allow raw HTML and scripts" on the page where you will put the image map.
Second, to make the image map responsive so it will automatically resize for mobile devices, install the plugin "Responsive Image Maps." It requires no configuration, simply install and activate.
I just checked the image map I built on an iPad and iPhone and voila!
|
|
