This wiki is for the exclusive use of my friends and colleagues. Account creation and anonymous editing have been turned off.

If you are a friend or colleague of mine, and would like to participate in this project, please send me a message.

If you find these pages useful, please donate to help cover server costs. Thanks!

Difference between revisions of "Atticus Finch Widget Areas"

From OdleWiki
m (Added to Category:WordPress)
m (Added {{Template:AtticusFinch}})
 
Line 1: Line 1:
 +
{{Template:AtticusFinch}}
 +
 
[[File:Af-widget-areas.png|thumb|150px|Partial display of Atticus Finch Widget Areas Options]]
 
[[File:Af-widget-areas.png|thumb|150px|Partial display of Atticus Finch Widget Areas Options]]
  
Line 83: Line 85:
  
 
[[Category:WordPress]]
 
[[Category:WordPress]]
[[Category:Atticus Finch Theme]]
 

Latest revision as of 00:15, 23 May 2017

Atticus-finch-outline.png

Atticus Finch Theme
A monochrome theme for WordPress


Partial display of Atticus Finch Widget Areas Options

Atticus Finch has 22 different widget areas, allowing you to easily add content outside a post or sidebar without editing theme files or creating a child theme. Those areas are:

  • Before Header
  • After Top Menu
  • Before Social Media
  • Before Primary Menu
  • After Header
  • Top of Container
  • Before Post Title
  • Before Post Content
  • Top of Post
  • Bottom of Post
  • After Post Content
  • Before Post Meta
  • After Post Meta
  • Before Comments
  • After Comments
  • Before Comment Form
  • After Comment Form
  • Bottom of Container
  • Before Footer Menu
  • Top of Footer
  • Bottom of Footer
  • After Footer

Note: All of these areas are unstyled. You can style them with CSS in a child theme stylesheet.

To target all widget areas, use the css class atticus-finch-action-hook.

To target individual widget areas, use the following css id's:

Images are taken from a sample installation of WordPress with the site title "Atticus Finch WordPress Theme". Widget areas are shown with a red border and a pink background to indicate their location.
Widget Area CSS ID Image
Before Header atticus_finch_before_header Afwa-before-header.png
After Top Menu atticus_finch_after_top_menu
Before Social Media atticus_finch_before_social_media
Before Primary Menu atticus_finch_before_primary_menu
After Header atticus_finch_after_header
Top of Container atticus_finch_container_top
Before Post Title atticus_finch_before_post_title
Before Post Content atticus_finch_before_post_content
Top of Post atticus_finch_post_top
Bottom of Post atticus_finch_post_bottom
After Post Content atticus_finch_after_post_content
Before Post Meta atticus_finch_before_post_meta
After Post Meta atticus_finch_after_post_meta
Before Comments atticus_finch_before_comments
After Comments atticus_finch_after_comments
Before Comment Form atticus_finch_before_comment_form
After Comment Form atticus_finch_after_comment_form
Bottom of Container atticus_finch_container_bottom
Before Footer Menu atticus_finch_before_footer_menu
Top of Footer atticus_finch_footer_top
Bottom of Footer atticus_finch_footer_bottom
After Footer atticus_finch_after_footer