Depending on how many of this wanted.
If it’s just for one page, we can just write up a straight HTML with Custom CSS for it.
If it’s for repeatable use in post content, we can use native WP gallery and use the text as caption, then style the caption forcing it to lay over image. The problem is we will have to be consistent on the format, the amount of text, the position of images and text. So that we can come up with custom CSS that always work.
Thread Starter
wa2b
(@wa2b)
Thanks for your reply paulwpxp
It would be for repeated use.
The problem with captions is that the text is usually always displayed the same way, a dark overlaid frame like on this photographer’s blog for example, but the text is still constrained in the same space for every photo.
I am thinking about horizontal scrolling though, it seems to make more sense for photo-intensive blogging.
All I want is to have a more magazine-like look and still have my content be indexed by Google.
Maybe I can embed the text on the images, and have the same text hidden so it can be indexed, I don’t know.
What do you think?
The page you linked to could be adjust via CSS to have the text always visible and lay over image.
Text on top of image will always be indexed by search engine. It doesn’t matter if it’s a magazine style web design or portfolio style.
Thread Starter
wa2b
(@wa2b)
Yes but could I decide the placement of the text, it’s color, and the width of the paragraph?
Also, do you do template design?
…the placement of the text, it’s color, and the width of the paragraph?
All of that is adjustable via CSS. CSS is what dictate how elements will be placed, its color and stuff.
Thing to consider is the responsive design aspect, everything must look good on smartphone, tablet, normal PC, so the amount of text and its placement can not be exactly the same in all screenwidth.
Yes, I do complete design work. But this forum is not allowed to discuss hiring. Please try this http://jobs.wordpress.net/
Thread Starter
wa2b
(@wa2b)
Thing to consider is the responsive design aspect
Yes it’s a nightmare.
I was thinking of making a mobile version of the site, rather than a responsive design, because I really don’t see how you can have something that works for both.
If you take the basic blog post like this one,
I am trying to see if it is possible to get instead something like this,
or that if vertical
or like this if horizontal.
A blog post would be a collection of photo backgrounds (or even a white image BG if I want no photo) that tile up from left to right, and each photo can have it’s own overlay of text with options (placement top left-right etc / width of paragraph / font / size / color / transparency).
That way each post can be designed to look differently.
Can CSS do that?
The answer to your last question is in my first answer post.
A blog post would be a collection of photo backgrounds (or even a white image BG if I want no photo) that tile up from left to right, and each photo can have it’s own overlay of text with options (placement top left-right etc / width of paragraph / font / size / color / transparency).
If it’s for repeatable use in post content, we can use native WP gallery and use the text as caption, then style the caption forcing it to lay over image. The problem is we will have to be consistent on the format, the amount of text, the position of images and text. So that we can come up with custom CSS that always work.
We can go with WP native gallery (as noted above) or manually write HTML markup in the post content.
This kind of design is NOT viable, because we will have to consistent on how to write the post (amount of text per image), and the font color that must be changed based on darkness/brightness of the image (this CSS alone can’t do it, there must be JS involved, or manually tag the post and use only CSS based on it).
The right way is to not approach web design with print design. We should rather understand the nature of web design and embrace it.
Thread Starter
wa2b
(@wa2b)
The right way is to not approach web design with print design. We should rather understand the nature of web design and embrace it.
I understand, although it seemed to me that some magazine apps for tablet were precisely bridging that gap.
My content is 80% visual, but it’s not photoblogging either, so I’m in a grey area. It feels like blogging format hasn’t changed since 2000. It’s depressing.
I’m going to try and see if a plugin like the Intense overlay shortcodes could be useful.
Thanks for your help
