Site Design

Lex

Administrator
It hasn't moved since the last time I posted in here. If anyone else would like to fiddle around/ design a theme, please feel free. I can make an account on the test site for anyone wanting to give it a bash.

I know it might seem like progress is slow here, but please consider that we're in a bit of an awkward situation right now re: staff. There's me with a finger in every pie, JT adjusting to the new CM role and Vader running the podcasts. Nobody else is really doing anything at the minute. I'm not assigning blame, the situation just is what it is.
 

vaderSW1

Dark Knight of the Red Wings
I wish I knew enough about this stuff to be of help to you Lex. Does nobody else on the site staff know how to make themes or do site design stuff?
 

Fangu

Great Old One
By the way, social media icons are looking terrible in IE11:

links_zpsvtkwqfe7.png


Might want to slap a border: none on that img style class :monster:

(I never use IE so I've never noticed before. Yop you lazy ass, you need to start testing shit you maek :mon: )
 

Cthulhu

Administrator
AKA
Yop
:bigmonster:

Remind me of the IE shit and I'll fix it tomorrow. I can fix the filenames too if they're not appropriate, :monster:.

Same goes to you Lex, if you need a hand, just tell me - but I prefer the task at hand to be broken up into small tasks, else I'd have to dive really deep into it, and shit.
 

Cthulhu

Administrator
AKA
Yop
But gaise, it's immature and perverse humor, how can I ever hope to adult if I don't change those things?










:monster:
 

Cthulhu

Administrator
AKA
Yop
Well, political correctness and people taking offense and all, it's not the old TLS or 4chan or whatever anymore, :monster:
 

Claymore

3x3 Eyes
Been trying to provide what minor help and support I can give to Lex regarding developments for the frontpage (which literally means just playing around with several options and some minor css). We've recently switched to playing with layouts within Fraction (which was the frontrunner in the sample vote we took a while back here) and need to start canvasing some general thoughts and opinions.

You might remember that one of the main goals for the theme was to ensure that we make more of a highlight of the unique aspects of the site (podcasts, audiobooks, the unused text series, etc...) so I have set up several modules on the frontpage which do exactly that. The main menu also highlights these areas as a focus. A sample layout of the frontpage can be viewed at: http://test.thelifestream.net/.

Fraction has some cool additions. For example, here you can see the 'spotlight' feature in action (to the right at the start of the article), and a review feature here (at the bottom of the article). I er, slapped a 9.5 there for that review just to test the feature! (Sorry Tets! Don't mean to put words in your mouth!).

So yeah, general thoughts? Fears? Loves? Hates?

The main thing - is it workable?
 

Fangu

Great Old One
I'm a fan.

The first think I did was shrink the browser window to mobile width and it looks great. Desktop - not a big fan of carousels, but hey. Personal taste.

As long as the theme is frequently updated & well supported, the admin/ editor mode is good, you don't find too many bugs on our existing content and you guys feel it's easy to administer and suits your needs, go for it.

Edits: Links are a bit weak to spot in the main body, see http://test.thelifestream.net/lifes...-9-of-the-unused-text-series-is-finally-here/ as an example. Link should be underlined or have a very standout colour.

Also you'd have to go through existing articles to check for custom HTML. See http://test.thelifestream.net/lifes...668/clouds-super-smash-bros-trailer-analysed/ for instance.
 

Claymore

3x3 Eyes
I was just mentioning that to Lex the other day. Backtracking through all the old content in order to ensure that it is presented well in the new theme is what is going to take up a heck of a lot of time.

Was just looking into the Wordpress import function for content, but need to ask anyone here who is more knowledgable than me. With it, we could prepare all the old articles with any necessary layout changes, and then import everything onto the main site - but would that make duplicated content, does anyone know?
 

Fangu

Great Old One
I'd assume any import/export tool is primarily for moving stuff from one database to another, which isn't what you wish to do here; you wish to 'convert this post so it fits with new theme'. (New code will simply be plugged in where old code used to be, so you should't have to do any importing at all.)

Posts that look okay in old Wordpress themes should look okay in newer Wordpress themes - it's the good thing about using standardized code. However, since TwentyEleven (which our theme is based on), WP's probably introduced a few new things that might make things look different for us.

Take the Smash Bros article for example - what has happened here (or, rather, not happened) is that the article has its images decorated with these classes:

Code:
class="alignright size-large wp-image-33674"

which tells the image to "align right". This code is also present on the test server. Why whoever made that article chose to align right an image that's supposed to start on a new line I don't know. Maybe they originally wanted small images and float them right, and then realised the page wasn't wide enough to make that work, so they upped the size of the image, which worked in the current theme with the image still floating right, but now breaks in the new theme, where you'd need to center or none-align the image while you were at it.

So this is what makes the images float right in the new theme. If I go into the article and align them center, or simply, none, it outputs this:

Code:
class="size-large wp-image-33674 alignnone"

(Order of classes not of importance when contained in the same class tag and separated with space)

In conclusion, the article was wrongly formatted to begin with, but it's only in Fractions this wrong formatting is visible.

So you need to go over all the posts in the new theme, compare them with the old theme, check if anything looks funky, and then go into WP to check if you can fix it with the Visual Editor. This goes for both unintended and intended formatting faults: Authors might have used custom code because they feel the current theme didn't offer sufficient options in the Visual Editor. But a lot has happened in WP since then. Chances are good you'll be able to attend to the author's wishes by using the Visual Editor.

I'm fairly sure you can fix most formatting problems that way. If any strange or unfixable problems pops up, just post them here and I'll have a dive into the CSS to see if there's any smooth way to update the CSS.

Note: Do NOT enter Shademp's "Unused Text" articles without disabling the Visitor Editor in your User settings! His posts can only be entered in the "text" tab open, not "visual", because his posts/pages are so heavily customized.

Here:

ZjlQche.png
 

Fangu

Great Old One
...or, just don't enter Shademp's articles at all X) He will probably check them himself, I guess?

Also, a note: There's no point fully editing and preparing the articles on the test site, since there probably (right Yop?) won't be an import back to the production ("real") site. But what you can (and should) do, is identify all the problem posts, use the test site to see if you can fix them in the Visual Editor (or text editor) or not, and then fix them one by one when the new theme is live. I'm sure our readers will forgive us for weird formatting for a day or two. You don't even have to put up a notification imo, other than maybe a "we have a new design, do you like it? Pardon any undiscovered weirdities" etc. Might not even be worth mentioning, but still: You should start with the most recent news article and the most read articles (Unused Text, LTD...)
 
I have no issue with having to go and fix all the Unused Text articles if the frontpage update messes them up. I can cross that bridge when we get to it. A few years ago, with great help from Fangu, I updated all the UT articles after their formatting got messed up. With Fangu's help I could do such corrections again.

It feels more important to me that a frontpage redesign happens at all, so don't worry (too much) about messing up my articles. :monster: Make it so.
 

Fangu

Great Old One
^ We can get started on that right away :monster: If you go through them on test.thelifestream.net (any link leading to thelifestream.net, just put "test" in front of the link, as in http://test.thelifestream.net/ffvii-the-original/final-fantasy-vii-the-unused-text-series/part-9/ (link wrong in http://test.thelifestream.net/lifes...-9-of-the-unused-text-series-is-finally-here/) As in, url's should be the same except for the "test" part.

I see the tables are messed up (as usual ;)), so I'll have a look at those. What you need to do is comment on font sizes, spacing, colours, etc and see what is okay and what is not.

(No rush!)
 

Claymore

3x3 Eyes
Sage Advice Snip

Thanks for all the great advice, Fangu!

And that's definitely a sensible course of action to take. I will set aside some time and will start to go through the articles one-by-one and make a note of what would need changing, and how, on the live server. So once we're ready to go live, it shouldn't be too difficult to then go and eradicate those formatting issues as quickly as possible.

And awesome, will definitely leave the Unused Test content to you and Shademp.
 

Lex

Administrator
That's a lot of work Claymore, if you'd prefer to continue to tweak the design rather than have that take up your time, I can focus on checking which articles would be affected and we can just assign those who wrote them the task of going in and fixing them when the new site goes live.

So far I see four things that are important re: design:

1: Link colour (easy peasy to set, I'd make it a variation of TLS green that stands out on white)
2: The front page menu (we may want to go with one menu bar since you can disable the other)
3: General colour scheme (menu bar etc), I like the "shine" effect that's on there but the colour needs to be something closer to turquoise, maybe a bit brighter
4. The background/ header. The header is stretched in its current form and the background needs to match it. Pixel did a HQ version he should be able to send you. I'm not sure what we should do about the background, the current one is just a silly mockup I made from a stock image.

I have to say I'm a convert to the brighter theme now and I'm a fan of what you've done with the front page in general. Have you been using widgets or visual editor? Because I couldn't get the visual editor to work.
 

Lex

Administrator
Ooooo, that FFVII text box custom CSS Flint made once looks especially purdy on the new theme, but you can see even simple text articles I've made will need to be tweaked in any new design. Easy to fix though. Just hspace vspace yadda yadda.
 

Cthulhu

Administrator
AKA
Yop
Yeah, Fangu's right; the idea is to prepare the whole theme on the TLS test site (in terms of CSS and fucking about with layouts), then just move the files to the real site. I should figure out whether it's possible to transfer theme settings and such over, or whether those will need to be redone. (I hope that won't be too much work, compared with css and the like. Off course, if you've got it set up right on the test site, it should be a matter of moving shit over).

Anyway I dig it. Well, most of it; scrolling feels weird, and there's some rather sharp lines between the banner and the sides/background, and the main content / background.

I think we should, when we go live, make sure the last articles and the top 10 viewed articles are at least checked and updated (ideally they use as little custom html as possible and stick to WP defaults); other stuff can gradually be updated over time, or just accepted as-is.
 

Claymore

3x3 Eyes
That's a lot of work Claymore, if you'd prefer to continue to tweak the design rather than have that take up your time, I can focus on checking which articles would be affected and we can just assign those who wrote them the task of going in and fixing them when the new site goes live.

I honestly don't mind. Up to you dude.

So far I see four things that are important re: design:

1: Link colour (easy peasy to set, I'd make it a variation of TLS green that stands out on white)
2: The front page menu (we may want to go with one menu bar since you can disable the other)
3: General colour scheme (menu bar etc), I like the "shine" effect that's on there but the colour needs to be something closer to turquoise, maybe a bit brighter
4. The background/ header. The header is stretched in its current form and the background needs to match it. Pixel did a HQ version he should be able to send you. I'm not sure what we should do about the background, the current one is just a silly mockup I made from a stock image.

Cool. If you and the guys can choose a more suitable colour for the links and menu, that can be fairly easily changed. And no prob, I can change the menu back to a single feature in a sec. Yeah, I had to squish and manage a banner I quickly threw together to just see how it would look, so a HQ version from Pixel would be much better. I'm drawing a blank for ideas about the background though. :/

I have to say I'm a convert to the brighter theme now and I'm a fan of what you've done with the front page in general. Have you been using widgets or visual editor? Because I couldn't get the visual editor to work.

For the frontpage? That has it's own inbuilt builder that you can play around with when you physically go in to edit the page. There's a few modules that you can select, move about, and change categories for. Though I've also been playing around with some widgets in the sidebar - like that Final Fantasy VII Remake one in order to try and draw the eye to some content.

Yeah, Fangu's right; the idea is to prepare the whole theme on the TLS test site (in terms of CSS and fucking about with layouts), then just move the files to the real site. I should figure out whether it's possible to transfer theme settings and such over, or whether those will need to be redone. (I hope that won't be too much work, compared with css and the like. Off course, if you've got it set up right on the test site, it should be a matter of moving shit over).

Anyway I dig it. Well, most of it; scrolling feels weird, and there's some rather sharp lines between the banner and the sides/background, and the main content / background.

I think we should, when we go live, make sure the last articles and the top 10 viewed articles are at least checked and updated (ideally they use as little custom html as possible and stick to WP defaults); other stuff can gradually be updated over time, or just accepted as-is.

Cool. On the plus side, there aren't that many theme settings to alter from the inbuilt options menu, which is why it's mostly been minor css tweaks. But that just means that when you are ready to move those files over to the main site, it should all be pretty sweet to go. I think.
 
Top Bottom