Posts tagged as:

hooks

Thesis Hooks Reference

March 15, 2009

Thesis hooks make it easy to customize your blog. I’ll admit I haven’t used many of the hooks yet, mostly the multimedia box and sidebar hooks. Here’s a list of the hooks available.

thesis_hook_before_html
Just after the opening body tag, before anything else.

thesis_hook_after_html
Just before the closing body tag, after everything else.

thesis_hook_before_header
Just before the block which usually contains the site name & tagline.

thesis_hook_after_header
Just after the block which usually contains the site name & tagline.

thesis_hook_header
Determines the content of div#header.

thesis_hook_before_title
Within div#header, before the site title.

thesis_hook_after_title
Within div#header, after the site tagline.

thesis_hook_before_content_box
Within div#page, just before div#content_box. Depending on your settings, the feature box may be added to this hook.

thesis_hook_after_content_box
Within div#page, just after div#content_box.

thesis_hook_before_content
Within div#content, before posts begin.

thesis_hook_after_content
Within div#content, after all posts.

thesis_hook_feature_box
Within div#feature_box; the feature box must be enabled in the Thesis Options for this hook to have any effect.

thesis_hook_before_post_box
……………..

thesis_hook_after_post_box
……………..

thesis_hook_before_teasers_box
……………..

thesis_hook_after_teasers_box
……………..

thesis_hook_before_post
Within div.format_text, before post content. If more than one post is shown on a page, this hook fires before each of them. The position of the post is passed as a parameter if needed in actions added to this hook (targeting only the first or third posts, for example).

thesis_hook_after_post
Within div.format_text, after post content. If more than one post is shown on a page, this hook fires before each of them. The position of the post is passed as a parameter if needed in actions added to this hook (targeting only the first or third posts, for example).

thesis_hook_before_teaser_box
……………

thesis_hook_after_teaser_box
……………

thesis_hook_before_teaser
……………

thesis_hook_after_teaser
……………

thesis_hook_before_headline
Within div.headline_area, before the title of the page. If more than one post is shown on a page, this hook fires for each one. The position of the post is passed as a parameter if needed in actions added to this hook (targeting only the first or third posts, for example).

thesis_hook_after_headline
Within div>headline_area, after the title of the page. If more than one post is shown on a page, this hook fires for each one.

thesis_hook_before_teaser_headline
………

thesis_hook_after_teaser_headline
………

thesis_hook_byline_item
Within p.headline_meta, just before the edit link (if enabled). This hook will only have a noticeable affect if there is a byline to display according to the settings in Thesis Options. If more than one post is shown on a page, this hook is fired for each one.

thesis_hook_before_comment_meta
Within dt.comment, before the comment’s meta information. If there is more than one comment on the page, this hook is fired for each one.

thesis_hook_after_comment_meta
Within dt.comment, after the comment’s meta information. If there is more than one comment on the page, this hook is fired for each one.

thesis_hook_after_comment
Within div.format_text, after the comment’s text. If there is more than one comment on the page, this hook is fired for each one.

thesis_hook_comment_form
Within form#commentform, just before the paragraph containing the comment form’s submit button.

thesis_hook_archives_template
….

thesis_hook_custom_template
….

thesis_hook_faux_admin
Within div#content_box (and also div#column_wrap if a sidebars-first three-column layout is in use). Can be used with plugins such as Customize Your Community to customize things like the login form.

thesis_hook_archive_info
Above the first post only on archive views (e.g., category listings, date listings, search results).

thesis_hook_404_title
Within h1. Determines the title of 404 error pages (not the title which appears in the browser’s title bar).

thesis_hook_404_content
Within div.format_text. Determines the content of a 404 error page.

thesis_hook_before_sidebars
Just within div#sidebars, before either sidebar or the multimedia box begins.

thesis_hook_after_sidebars
Within div#sidebars, after both sidebars.

thesis_hook_multimedia_box
…..

thesis_hook_after_multimedia_box
Within div#sidebars, after the multimedia box.

thesis_hook_before_sidebar_1
Within div#sidebar_1 ul.sidebar_list, before sidebar 1’s first widget.

thesis_hook_after_sidebar_1
Within div#sidebar_1 ul.sidebar_list, after sidebar 1’s last widget.

thesis_hook_before_sidebar_2
Within div#sidebar_2 ul.sidebar_list, before sidebar 2’s first widget.

thesis_hook_after_sidebar_2
Within div#sidebar_2 ul.sidebar_list, after sidebar 2’s last widget.

thesis_hook_before_footer
Just before div#footer.

thesis_hook_after_footer
Just after div#footer.

thesis_hook_footer
Within div#footer.

{ 0 comments }

Twitter Widget

March 14, 2009

Another great tutorial from Kristarella is her twitter widget. You don’t need to download a twitter plugin in order for it to work.

/*Twitter Widget*/
function footer_scripts() { ?>
  <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
  <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/allaboutshae.json?callback=twitterCallback2&count=2"></script>
<?php }
add_action('thesis_hook_after_html', 'footer_scripts');

function twitter_widget() { ?>
  <li class="widget">
      <div id="twitter_div"><ul id="twitter_update_list"><li> </li></ul><img src="<?php bloginfo('template_url'); ?>/custom/images/twitter_48.png" alt="" /></div>
    <p><a href="YOUR TWITTER ADDRESS GOES HERE>tweet with me</a></p>
  </li>
<?php }
add_action('thesis_hook_after_multimedia_box', 'twitter_widget',1);

Next is to customize the widget. Here’s an example of how I have mine coded.

#twitter_div {margin-left:1em;}
  #twitter_div img {float:right;}
  li.widget #twitter_update_list{list-style:none;}
  #twitter_div a{color:#3A93CC;}
  li.widget p a{color:#3A93CC;margin-left:1em;}

{ 0 comments }