ThemeShaper Forums » Thematic

[closed]

Custom Layout with Child Theme

(4 posts)
  • Started 14 years ago by lqunta
  • Latest reply from lqunta
  • This topic is not resolved

  1. lqunta
    Member

    Greetings All,

    Pardon me if I'm cross-posting. I'm quite new in using wordpress, and have recently chosen to use Thematic Framework as a base theme with which to develop my site, though not well versed with wordpress child theme development. I'm making an attempt at it. As such, I'm in the process of developing a child theme and would greatly appreciate pointers on how to code a custom layout.

    To elaborate further, I'm trying to achieve the following with my custom child theme:

    HOME PAGE
    - Featured Posts Slideshow [like Featured Content Gallery plugin]
    - Two Tier Pages Navigation
    - Side-Bar Newsletter sign-up
    - Side-Bar Internal 'Adverts' [possibly re-directing to an indicated chosen category/ post]

    CATEGORY PAGE
    - Brief Description of Category
    - Slideshow of images from posts within the category [full content column width]
    - Category Posts Listing [8 max] : Small thumbnail, Post Title, Excerpt
    - Sub-Category Listing in Sidebar

    Post Page
    - Post Title, Post Meta [ Category ],
    - 'header' image/ slideshow [3/4 photos max]
    - Post content [possibly with internal images]
    - Similar Posts

    I will greatly appreciate any walkthroughs, pointers, or advise I get from the team.

    Rgds
    LQunta

    Posted 14 years ago #

  2. lqunta
    Member

    Hi Guys,

    Probably, to kind of set the ball rolling, the following is just a basic - unstyled - 'outline' of what I want to achieve.


    <body>

    <div id="wrapper"><!-- for general background -->
    <div id="header_wrapper">
    <div id="header_logo"><!-- logo comes here -->
    </div>
    <div id="header_links_top_right"><!-- important site links e.g. contact, sitemap -->
    </div>
    <div id="navigation_wrapper"><!-- the main, two-tier, menu will be here -->
    </div>
    </div>

    <div id="featured_content_wrapper">
    <div id="featured_content_slideshow"><!-- A Featured Content Slide-Show Here -->
    </div>
    <div id="call_to_actions_wrapper"><!-- Call to actions buttons here -->
    </div>

    <div class="content_wrapper"><!-- Content List and Sidebar come here -->
    <div id="content_list_wrapper"><!-- List Of Contents here -->
    <div id="post_list"><!-- An article listing -->
    <div id="image_wrapper"><!-- Image floated to the left, with caption underneath -->
    </div>
    <div id="post_summary"><!-- Article title, post-meta, and brief summary floated to the right -->
    </div>
    </div>
    <div id="post_list"><!-- An article listing -->
    <div id="image_wrapper"><!-- Image floated to the left, with caption underneath -->
    </div>
    <div id="post_summary"><!-- Article title, post-meta, and brief summary floated to the right -->
    </div>
    </div>
    <div id="post_list"><!-- An article listing -->
    <div id="image_wrapper"><!-- Image floated to the left, with caption underneath -->
    </div>
    <div id="post_summary"><!-- Article title, post-meta, and brief summary floated to the right -->
    </div>
    </div>
    </div>
    <div id="main_sidebar_wrapper"><!-- Sidebar on the Right Column -->
    <div id="content_box"><!-- Sidebar content box -->
    </div>
    <div id="content_box"><!-- Sidebar content box -->
    </div>
    </div>
    </div>

    <div id="footer"><!-- here the footer -->
    </div>

    </div><!-- end wrapper -->

    </body>

    The above is just a 'skeleton' which I'm hoping, with appropriate advise, to implement.

    Rgds
    LQunta

    Posted 14 years ago #

  3. jrobben
    Member

    I would take one of the existing free child themes - with the general layout you want ( (I am not sure what "- Two Tier Pages Navigation" is.) plug in the widgets to do what you need - they seem pretty standard. then customize the header and colors to meet your need.

    that is what i have been doing using the bytb theme. www.cookingsalmon.net

    Posted 14 years ago #

  4. lqunta
    Member

    @Jrobben

    Thanks for your suggestion, have tried, but, with the existing child themes, some of the functions are confusing, hence, the necessity to 'code' my own.

    Two Tier Navigation = Two Stage [like a drop-down] navigation. Alternatively, I can also use a drop down.

    Posted 14 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.