WordPress.org

Forums

YAWPS! - Yet Another WordPress Site! (34 posts)

  1. TechGnome
    Moderator
    Posted 11 years ago #

    Well, after weeks of haggling with things, I finally got my site ported over to WP. Actually, I should say that the site is running WP. I still have yet to figure out a "decent" way to get my former Blogger data into it..... I'll get it eventually.... and if it's engenious enough, I'll share it here for others following.....
    At any rate, w/o further ado... the site is http://techgnome.anderson-website.net
    Let me know what you think!
    TG

  2. Matt Mullenweg
    Troublemaker
    Posted 11 years ago #

    There's a blogger import, you know.

  3. TechGnome
    Moderator
    Posted 11 years ago #

    hehehe.... yeah, I see that now. I had kinda assumed there wasn't one because I didn't see it from the admin side. Thanks for the tip, I'll be sure to use it the first chance I get.
    TG

  4. OperaManiac
    Member
    Posted 11 years ago #

    its pretty simple and it works too. :)

  5. TechGnome
    Moderator
    Posted 11 years ago #

    Holy Cow! That was easy! That rocked!
    Cool. Thanks!
    TG

  6. NuclearMoose
    Member
    Posted 11 years ago #

    TechGnome,
    I too, had to import Blogger stuff. I was shocked at how easy it was. Full credit to the developers for setting that tool up!

  7. Anonymous
    Unregistered
    Posted 11 years ago #

    Rather than starting YAAWPS as a topic, thought I'd just throw a note in here! ;)
    http://www.chait.net is my home for the moment... I came across WP, and it had all the basics I wanted in a site management tool. Not all the bothersome stuff something like Nuke has, but all the basics to get started.
    I've done HEAVY editing of the index and css. I've tried to follow some 'css rules' and order the data, always include data (and display:none it when I don't want it shown), to maximize CSS processing.
    It uses a modified banner-plus-three-column layout. The right side is pretty standard, though I've added an RSS aggregator on the homepage, a latest-posts history, and the meta links use CSS trickery to overlay graphics over the text links.
    The center column depends on a bunch of tagging so that I can really play with the layout. You'll notice if you click on the first test post, the style 'changes' when it is showing a particular post rather than a category -- this was the neatest trick I've added so far, just finished it up tonight. You'll also notice a (Page #) inserted in the top-left of the article body when not on page 1 of a multipage article. And of course, the post meta-info is shuttled into the top-right of the block.
    Margins and padding don't work on all browsers equally. This stuff works for IE6, but firebird is a pixel off, and Safari is off by a LOT.
    The left bar I'm leaving open at the moment. I'm looking at adding amazon links and other ads, etc. for the moment, it's a place for a simple background element. ;)
    The banner section uses the sliding-windows thing pretty much right off A List Apart, to get the categories as cool top-tabs.
    The RSS feed is causing me the most CSS-style-overloading headaches. The #menu has all the overloads in the world for playing with the style of list elements. So I haven't gotten the RSS links to actually override the base link coloring... I'm still learning the intricacies of CSS.
    I look forward to further enhancements -- personally waiting for multi-category (and possibly sub-category) tagging on articles. I'm almost ready to start putting together my first 'real' article, so stay tuned (probably 6 pages, LOTS of images interspersed).
    The other 'trick' I want to work on is callouts within the article body (quotations or otherwise) being floated elements 'around' the location where they are 'embedded' in the article. Whether they float within the content block, or get floated over into the left-edge column (picture an article that has embedded links to products, and the amazon pic-price-links show up neatly outside the block, but reasonably aligned to the text...).
    Anyway, glad to be a WordPress hacker! :)
    Feel free to post here, and/or drop me a line at davebytes AT comcast DOT net.
    =David Chait

  8. TechGnome
    Moderator
    Posted 11 years ago #

    David,
    That _is_ a pretty slick site.
    I like how you've got the meta section laid out and was wondering how you managed that? I skeaked a peak at the source, but couldn't quite figure it out....
    TG

  9. Anonymous
    Unregistered
    Posted 11 years ago #

    which meta section do you want help with? meta-links (right) or meta-post-info (inset)?
    I can detail the tricks used for both (I wrote the whole kit-n-kaboodle, but explorer crashed and I lost the post... ugh!).
    =d

  10. Anonymous
    Unregistered
    Posted 11 years ago #

    Please welcome TechInterviews.com to the club of WP sites.

  11. TechGnome
    Moderator
    Posted 11 years ago #

    david,
    I am interested in the meta-links area on the right where the CSS/RSS/XHTML/W3C tags are.
    Sorry to hear about exploder... er explorer.... ;)
    TG

  12. davidchait
    Member
    Posted 11 years ago #

    The Site Meta stuff is done using a variation of the FIR algorithm... actually not sure it is FIR or one of the others -- grabbed it from ALA or a link from ALA (www.alistapart.com).
    It basically hard-sizes the main block to a fixed size, then hard-sizes the enclosed block (that applies the bgimage) to the SAME fixed size, AND positions it as absolute, thus causing it to overdraw the parent block. Cool trick. I also super-shrink the text so it won't 'bleed' ever (which I found it doing with my new blocks).
    The new block 'boxes' I picked up from http://www.vertexwerks.com/tests/sidebox/ (though ALA has another variation, and the sidebox version was supposedly based off the original sliding-doors work from ALA). Though, at this point, I've 'made it my own' -- it is HEAVILY integrated into the index.php block layout (EVERY side block is wrappered properly to be 'skinnable' like that), and to match the rest of my CSS encapsulations, AND finally I whipped up a new graphic style that closely matches my header style. Everyone feel free to check out http://www.chait.net, and let me know if you have any questions -- I'm glad to share!
    I should note that the sidebox stuff fails when the content is too big for the box -- like when you start to heavily shrink the window width, or when you have otherwise wide content (the referer list is currently killing me...).
    I'm looking at examples that allow for a fluid main content area, and fixed width side panels.. that's the update for the next few days. ;)
    =d

  13. wumarkus
    Member
    Posted 11 years ago #

    I like your layout David... I might want to use the boxes you made for the posts. I like having the post info in the top right corner like that...
    Im at http://wumarkus.com if anyone's interested. I just upgraded from b2 today.

  14. davidchait
    Member
    Posted 11 years ago #

    Yeah, the inset boxes are cool. Just wait -- I'm about to start using CSS (I hope!) to replace some of the text tagging with icons (such as for the category). That'll add a lot. Might move the comment(s) # into the box too (it really is meta info), and considering changing the output of time and date of posts (as it's 'bland').
    But, I'm also looking at putting the posts into graphical drops like the sideblocks now use.. then I can do some more customized look for the inset boxes too, and let them float in a bit from the edge (which will help issues across browsers to not be quite so obvious!!).
    =d

  15. davidchait
    Member
    Posted 11 years ago #

    Soso - looks pretty good! But yeah, you shouldn't have had to add tables in, given the simplicity of your layout. What problems did you run into?
    =d

  16. skatrek
    Member
    Posted 11 years ago #

    Hey all, I just put the finishing touches on *my* WordPress site, http://www.chrisnitkin.com. It's my weblog/journal/etc... I just migrated from Movable Type and the MT->b2->WP import thing worked beautifully. The site is XHTML 1.0 Strict (with minimal work on my end!) which makes me very happy. It's basically a re-colored WordPress default template and I'm planning on adding a color-theme-switcher sometime soon.
    Let me know what you think! Thanks!

  17. Soso
    Member
    Posted 11 years ago #

    Hi david, thank you! The troubles started when I wanted to have the banner with 100% width (the default layout has the banner at the left column only). The same with footer.
    Basically, I had two goals in mind:
    1) The layout will be as follows:
    Banner - 100% width
    ------------------------------
    Column with articles | Menu panel
    ------------------------------
    Header - 100% width
    2) The layout will be "infinitely" resizable - no matter how big fonts user wants, no part of the text will get overlapped or hidden.
    I played with various positioning of the menu panel for a few hours, but I just could meet both requirements at the same time. Then I tried to make it with table, and got it working almost instantly. Anyway, I'm looking for ideas how to "do it right".
    Cheers,
    Soso.

  18. NuclearMoose
    Member
    Posted 11 years ago #

    Chris,
    Great site! Your reviews of various CMSs is done very well! I took a peek at your CSS, and, if I may, I'd like to suggest a couple of things.
    First, it is good practice to define a background color in the BODY as well as a foreground (text) color. I happen to use:
    background-color: #fff;
    color: #000;
    Also, in your font-family declarations, you use "Verdana" which is fine, but you should also declare a generic font like "sans serif" as well. Even though "Verdana" is very common, you still should have a generic alternate defined.
    I like the way you dressed up the sidebar menu! I'm going to have to do some more poking around to see what other goodies you have hiding!
    Keep up the good work, Chris!
    Craig.

  19. davidchait
    Member
    Posted 11 years ago #

    Soso -
    Part 1 is easily doable. I didn't bother with the footer being 100%, but there's a lot of examples of doing so -- I wanted the footer to follow the center block end, and not disappear off the page just because of the right menu block. But there are designs where you need that for visual effect... and it's reasonably simple to add. If you look at http://www.chait.net, I've migrated from the original index, to a header + body/menu fluid style, to a header + menu/body/menu fluid style, to realizing that making the menus fluid was too much hassle and thus I stuck with the menu/body/menu, but now both menus are fixed width and only the body is fluid.
    Part 2 is problematic. Depending on what 'approach' you take, many box rules break down when the content is bigger than the box boundaries. I'd say you can most reasonably get there with a fixed-width menu, though a fluid menu is still possible. Using pct widths is what I 0riginally had tried (first 20%/60%/20%, then 14%/72%/14%, then fixed...).
    =d

  20. mrbob
    Member
    Posted 11 years ago #

    Techgnome and davidchait,
    I hate to tell you this, but your sites are not valid XHTML 1.0.
    You should fix that.

  21. Anonymous
    Unregistered
    Posted 11 years ago #

    David - for me, the ability to increase fonts size is important. If the user with weaker eyesight can't have big fonts and see everything correctly, what's the benefit for him that I'm "xhtml strict"? I definitely will not sacrifice usability and accessibility just for the sake of being "valid". For example, in the default layout, when I am resizing more, the menu panel starts to overlap the banner - not a big issue, but it looks a bit ugly.
    skatrek - regarding the Movable Type, I tried it before WP, and I also abandoned it for the similar reasons as you. The funny thing is, that as I am slowly diving deeper into WP code and understand how things work, I am naturally pushed to the "MT way" of doing things. For example, now I have two templates - one for main page and another one for article page. Now I realized, that I will want one more template for the category page (I want to display a static box with "Category Overview Info" next to articles when user click on category). I am just coming to conclusion, that it is definitely better to have template system where you use simple directives for displaying data from db, rather than call php methods. I read somewhere else in this forum that WP will use templates eventually, and I'm also supporter of this idea.
    Soso.

  22. Soso
    Member
    Posted 11 years ago #

    I'm sorry, the previous post is mine, I just forgot to log in.
    Soso

  23. TechGnome
    Moderator
    Posted 11 years ago #

    Soso - if you look at mine, you'll see that I was able to achieve what you are looking for.
    If you look at Position Is Everything they have some really great tuts on col layouts using CSS. Infact, it was one of their tuts (by Holly) that I used to get my site done.
    TG

  24. TechGnome
    Moderator
    Posted 11 years ago #

    mrbob.... I know... I blame it on blogroll.... the link to add my site to your blogroll has a URL as part of the parameters sent, and so any query string item after that doesn't validate..... I wish there was a way around it. I've tried playing with the order of the items in the query string, no dice.
    The XHTML validation is also one reason I had to dump the calendar as it wouldn't validate out where I had it.
    Believe me... this is one thing that sticks in my craw....
    TG

  25. Soso
    Member
    Posted 11 years ago #

    Thanks TG, I will look at your css. BTW, don't you know about xhtml/css validator, which is a standalone windows application I can install localy on my pc, instead of going to w3c.org?

  26. TechGnome
    Moderator
    Posted 11 years ago #

    I know there is one. I don't use it, as I do development in several locations. Also, byt using the online version, it tends to be more up to date (I'm very bad at getting the latest of anything) and I can then provide a link (as is the case on my site now) as a sort of "Badge of Honor" to show that it is valid.
    TG
    BTW: I got my invalid XHTML all fixed, and am now 100% valid again! Yay me!

  27. davidchait
    Member
    Posted 11 years ago #

    mrbob - thanks, though I figured as much. I validated it a week ago, and there's been a lot of new content stuff adding in. Need to go clean up the stragglers... ;)
    =d

  28. Matt Mullenweg
    Troublemaker
    Posted 11 years ago #

    Much better.

  29. davidchait
    Member
    Posted 11 years ago #

    Thanks! I've been working with WP for, what, a month now? Most of that has been spent on how to rearchitect the index.php... And I've got some thoughts for how to make it more scalable (I guess 'plug-ins' or 'blocks' would be one way to look at it), and require only minimal changes to add new functions to a blog. But it definitely requires a quorum on how to best use/apply markup, including spans and divs as extra 'boundaries', and effective application of shared 'class' names, and a way to assure unique 'id' tagging... ;)
    If I can just fix the minor things left remaining, and get the CSS re-validating, I'll be happy. Time to get my first few articles going. Oh, and introduce my sub-categories ('post type') thing -- that's going to take some wp-admin hacking, which I am NOT looking forward to... so I might need some help. :)
    =d

  30. OperaManiac
    Member
    Posted 11 years ago #

    Started yet another YAWPS blog. This time based on cricket. The infamous insect that is...
    Oh. No. It's all about Cricket. The sport India is mad about. The game that causes the roads to go empty in broad day light. A sport which... blah blah...
    URI: http://cricket.webdesign4india.com/
    1 small thing I wanted to ask. I am using the simplest referral script I found out there::
    <script language="Javascript" src="http://www.downes.ca/referrers.js"></script>
    This breaks the validation. How to get it validated?!
    Also, The site is as of now based on Allusion's Charleen theme. As I am more interested in getting content. I will merge all the related blogs sometime soon. :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.