Difference between revisions of "Atticus Finch Widget Areas"

Latest revision as of 00:15, 23 May 2017

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
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

@@ Line 1: / Line 1: @@
+{{Template:AtticusFinch}}
 [[File:Af-widget-areas.png|thumb|150px|Partial display of Atticus Finch Widget Areas Options]]
@@ Line 83: / Line 85: @@
 [[Category:WordPress]]
-[[Category:Atticus Finch Theme]]