ThemeShaper Forums » Thematic

[closed]

Need Help with Thematic Child Theme Please!

(11 posts)
  • Started 1 year ago by saaqi
  • Latest reply from saaqi
  • This topic is resolved
  1. Hello Every one, This is my first post on the forum. I am developing a child theme for thematic. Every thing has gone pretty well for me but I am stuck on a couple of things that I can't understand.

    First one is I want to replace the meta text by which I mean "By (Author)" and "Published: (Date)" and in the bottom of the content "Posted in" "Comments" and "Tagged" with images icons. Can I do it and how.

    And the second problem is I want to add two new widgets 1 on just the start of the content. By which I mean after the title and meta information and just before the actual post starts. Which means I want to add a widget just before .entry-content according to this structure.
    http://bluemandala.com/thematic/thematic-structure.html

    Second widget I want is to add just after the .entry-content.

    And I want to add these widgets only on the single page.

    Please if any one can help I'll be very grateful. Thank you

    Posted 1 year ago #
  2. colfelt
    Member

    Hi Saaqi, I'm no expert either, but for what it's worth...

    Starting with your first question, you probably need to look at using a filter to change how your theme displays the post meta. You add filters into your childtheme's functions.php (or if you want to keep it neat, create a separate 'my-filters.php' file that you can then pull into your childtheme's functions.php with an include).

    The process of filtering as far as I understand it, is to find the function(s) responsible for displaying what you want to change, then copy it into your functions file, then alter the code and apply a special action called "add_filter". Perhaps someone more knowledgable than I may refine this definition here.

    It can be a process of trial and error to find the code, but to give you a leg-up, the code you're looking for is in thematic/library/extensions/content-extensions.php around line 687. Find the bit that deals with author meta data, and copy/paste it into your functions file.

    Then alter the code and add the 'add_filter' action at the end.

    So... I'll give this a try, but can't guarantee it'll work as I'm still getting to grips with this myself. Hopefully someone clever will come and correct me.

    function saaqi_thematic_postmeta_authorlink() {
    
    	    global $authordata;
    
    	    $authorlink = '<span class="meta-prep meta-prep-author">' . __('<img src="REPLACE THIS WITH THE PATH TO YOUR ICON" alt="An author icon"> ', 'thematic') . '</span>';
    	    $authorlink .= '<span class="author vcard">'. '<a class="url fn n" href="';
    	    $authorlink .= get_author_posts_url($authordata->ID, $authordata->user_nicename);
    	    $authorlink .= '" title="' . __('View all posts by ', 'thematic') . get_the_author_meta( 'display_name' ) . '">';
    	    $authorlink .= get_the_author_meta( 'display_name' );
    	    $authorlink .= '</a></span>';
    }
    add_filter ('thematic_postheader_authorlink', 'saaqi_thematic_postmeta_authorlink');

    The second question you have about widgets is pretty well documented, but you could try starting here: http://forums.themeshaper.com/topic/how-to-add-widget-areas

    Posted 1 year ago #
  3. a pretty good explanation. filters change something without moving it. colfelt's suggest code should. i'm wondering why you can apply a background image w/ CSS? i'm pretty sure everything in the postmeta has specific spans you can target. i can't look up the appropriate css selector right now, just use firebug to find it. something like this might work?

    .post-author /*not sure this is correct selector*/ {
    height: 32px;
    width: 32px;
    background: url(images/your-icon.png) no-repeat;
    display: block;
    text-indent: -9999999px;
    }
    Posted 1 year ago #
  4. Thank you very much for the reply sir,how ever that did not work. But I did find a solution. I used override function added this code in functions.php and it worked for Tagged.

    // Create post tags
    function childtheme_override_postfooter_posttags() {

    if (is_single()) {
    $tagtext = __('<img src="Icon Link" alt="Tagged">', 'thematic');
    $posttags = get_the_tag_list("<span class=\"tag-links\"> $tagtext ",', ','</span>');
    } elseif ( is_tag() && $tag_ur_it = thematic_tag_ur_it(', ') ) { /* Returns tags other than the one queried */
    $posttags = '<span class="tag-links">' . __(' Also tagged ', 'thematic') . $tag_ur_it . '</span> <span class="meta-sep meta-sep-comments-link">|</span>';
    } else {
    $tagtext = __('Tagged', 'thematic');
    $posttags = get_the_tag_list("<span class=\"tag-links\"> $tagtext ",', ','</span> <span class="meta-sep meta-sep-comments-link">|</span>');
    }
    return apply_filters('childtheme_override_postfooter_posttags',$posttags);

    }
    // end postfooter_posttag

    Now please tell me if there is a way to syle $tagtext command with css. Because if it is possible that'll make things way smoother. I have tried #tagtext and .tagtext and every thing I could think of.

    Thank you again sir

    Posted 1 year ago #
  5. thank you very much sir @helgatheviking that is pretty much what I was looking for But I want to change $tagtext, $postcategory, $authorlink $entrydate this stuff with icons. So in Css what do I start with for $tagtext or $entrydate.

    Sorry for my bad English. If want to add icon to $tagtext according to your code instead of ".post-author" what should I type there.

    Thank you again.

    Posted 1 year ago #
  6. i understand your english just fine, though you might not get mine. i suggested that you do a little work on your own to find the appropriate CSS classes to target. you can either look in content-extensions.php for the original functions (which will show the html markup) or you can use www.getfirebug.com to investigate the markup of a web page.

    for example the markup for the "By:" is

    <span class="meta-prep meta-prep-author">By </span>

    so the CSS you'd want to target it would be

    .meta-prep-author {
      background: pink;
    }
    Posted 1 year ago #
  7. hello sir @helgatheviking thank you for the explanation. I have successfully added the icons. Though I can not find some classes but I am certain I'll find them. Now can you help me with my other request. I want to add two widget.

    Just before and after the .entry-content.

    Thank you again for your help, I am very grateful.

    Posted 1 year ago #
  8. can you not call me sir? :) nice job getting the icons up. if you have a link to a live URL maybe we can help you find the remaining classes.

    like i said before, actually creating widgets inside entry-content will be very hard. what exactly are you trying to add there?

    Posted 1 year ago #
  9. Ok great thanks. here is the link I was actually making it offline. Just uploaded.

    http://reviews-tech.com/

    Now I have found almost all of the ones I want except for the two. The text before category links (posted in) and (Tagged) tag links. I have over ride the funtions form content-extentions.php to my functions with childtheme-overrider fucntions. I can change the text fine can also add icons inside functions.php like Mr. @colfelt said. For that all I need to do is break the icons imagesinto different small individual icons.

    But every thing I have tried in css failed. I have successfully changed the icon with the text but the links get scrambled I have tried inline-block, float, padding every thing I know of but the links get scrambled any way.

    Here I is a screenshot of the same link I have mentioned above. I have the ones I want to find the classes of.

    http://i356.photobucket.com/albums/oo7/saaqi/screenshot.jpg

    And about the widgets don't worry about it. I'll edit single.php or find another way. I want to add a script to add galleries there you know like kotaku[dot]com does. But then again that is not important.

    Posted 1 year ago #
  10. try putting a background image on .cat-links and .tag-links. you won't want to text-indent all of that away, but you'll need to add a little left padding to accommodate the image's width.

    .cat-links {
      background: url(image.gif) no-repeat middle left;
      padding-left: 20px;
    }
    Posted 1 year ago #
  11. Ok that worked amazingly thank you so much for your support. God Bless You

    You can close this thread if you want. thank you again

    Posted 1 year ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.