[dmbfanatpsu]

I built my first site from ground up and had some trouble with it. The site was bascially idle for 7-8 months and I didn't do much with it. I built the site just as project to have some fun with. It's basically a big QR code that has spaces available for other people to post their QR code within it. I think I did it the hard way by using a html image map. Each square is clickable and the individual then submits there info and QR code. I then have to manually upload the new image into the image map and change the links. It's all a very manual process.

I've since moved it to wordpress, but now I'm second guessing that move. Anyways, how can I remedy fact that the site is not very easy to manage and the process of uploading data that someone submitted is very time consuming for me.
Can you please have a look and suggest how I could improve it would be great. I am thinking about removing the profile page for each submitted QR code and just use a fancy tooltip.
QRposterboard

[Maniac]

I personally would say get away from Wordpress! So frustrating seeing sites struggling because they're using Wordpress

[porkchops]

Maniac, on 13 January 2012 - 03:51 PM, said:

I personally would say get away from Wordpress! So frustrating seeing sites struggling because they're using Wordpress

There is nothing wrong with Wordpress... It's a flexible platform that does a great job at many things.

However, this probably isn't the best use case for it. A custom solution would probably be best since this is a rather peculiar thing to do. Or, do it in a static format and just make updates manually.

[MikeChipshop]

Maniac, on 13 January 2012 - 03:51 PM, said:

I personally would say get away from Wordpress! So frustrating seeing sites struggling because they're using Wordpress

I appreciate that's your personal opinion but at least back it up with some figures or an example of how comes.

[dmbfanatpsu]

It has been suggested to me that maybe I remove the html area map and the static image and instead use CSS stylesheets to place each square. I understand how to do that, but the follow suggestions below but I'm not sure if I follow them as far as what to do after the CSS stylesheets are done.

What about giving each square a unique id. So you might define the 4th square in the 3rd row as id="s_3_4". Then serve up one tiny little jpeg for each spot. You could do "if s_3_4.jpg exists, display it, else display default square". When a user clicks any square, you use its id to know where to automatically upload the new image to.

Create classes for all of those cases.
.small{}, .medium{}, .large{}, .xl{} for sizes, and
.occupied{}, .available{}, .closed{} for the states.

And on top of that, each square would also have a unique id.

So the first square might look like <div id="s_1_1" class="small occupied">[WHATEVER]</div>

And then each id contains nothing more than positioning info.

This post has been edited by dmbfanatpsu: 13 January 2012 - 04:34 PM