Knowledgebase: Flexsitez - Content Settings
Flexsitez - Content Settings, Overview
Posted by - NA - on 09 June 2011 12:13 PM
Content Settings, Overview
Your Content Settings section is the portion of the wp-admin where you can change your Background Settings, Wrapper Block Settings, Menu Settings, Content Styling, Content Panel Settings, Gallery Settings, and different Sidebar Settings.
Here we will look at each individual area, one at a time!
Here you can set your background color, via either the color picker, or by entering a six digit color code.
You can also upload a custom background image, via the Select Background Image, for which you will need to select a Background Type. The selections are None, Fixed Size, Tiled, Tiled Horizontally, and Tiled Vertically.
Here are the differences between these choices:
None: No background image will be visible.
Fixed Size: This means that the image will remain sized as it is uploaded, whether that is 50px X 50px, or 2000px by 2000px.
Tiled: This setting will tile the entire background with the image.
Tiled Horizontally: This setting will create one horizontal tile of the background, across the top section of your background.
Tiled Vertically: This setting will create one vertical tile of the image, in the center of your template. Depending on the image (see screenshot) the vertical tiling can be “lost” behind your content panel quite easily!
You also have the option to edit the Horizontal and Vertical Align for your images.
And finally, there is the Background Attachment, for which you can choose Fixed or Scroll.
Fixed: This setting will keep your background image “locked” in place, so when the site visitor scrolls down the page, the image will remain in the top portion of the site.
Scroll: This setting will make the background image “move” with the visitor, as they scroll down the page.
Wrapper Block Settings:
In simple terms, your “wrapper” is like an invisible box that holds your menu, header, posts, and content area.
The first settings you will see in the wp-admin for this menu are the Wrapper Sizing settings; Content Wrapper Width, Content Wrapper Border Width, Content Wrapper Border Color, and Content Wrapper Top Margin, all including basic descriptions under the settings.
You will then see the Wrapper Area Background settings; Select Wrapper Background Color, Select Background Image, and the Background Type, and Horizontal and Vertical Image Align (these are the same as those discussed under Background Settings above – please reference those explanations for clarification)
Finally, you will see the Wrapper Custom Image Design settings; Select Fixed Background Image, Select Left Border Image, and Select Right Border Image.
These final settings allow you to add your own, very personal touches to the Flexsite!
This screenshot will demonstrate the Wrapper areas:
The newest releases of WordPress offer he user the ability to create more custom menus, using the Appearance > Menus area of the wp-admin. THIS Menu Settings section of the Flexsitez > Flexsitez Themes menu allows you to adjust the colors, fonts, and other aspects of the menu!
For additional info about the new WP menus, check out this article: http://codex.wordpress.org/WordPress_Menu_User_Guide
The first thing you will see is your EDITING MENU section; here you can change the following:
1: Button Color Background
2: Button Text Color
3: Button Rollover Background Color
4: Button Rollover Text Color
5: Top Border Color
6: Bottom Border Color
The following screenshot will identify the different color settings on the front end ? Please refer to the numbers above for comparison
On this page, you are also given the option to adjust your Top and Bottom Border Sizes (thickness in pixels), your Menu Position and Alignment, your all four Margins, and your button spacing, font (this must be web safe font such as Arial or Times New Roman, for a list of web safe fonts, please visit: http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html), font size, and Menu Bar Height.
The Content Styling menu provides you with the settings to adjust your General Content Font (again, must be a web safe font – see link above for info), the General Content Font Size, and General Line Height, as well as the colors for your General Font, General Links, General Visited Links, and General Hover Color.
You will also see, in the Page Titles section, the same sort of adjustments for your Page Title Font, Font Size, Title Style and Weight, as well as color adjustments for the Page Title Font Color, Page Title Links Color, Page Title Visited Color, and Page Title Hover Color.
These settings are fairly self explanatory, however, if you have questions; please feel free to contact us at email@example.com
Finally, you will see the Image General Styling Settings, including your Image Border Size (thickness in pixels), and the Image Border Color, Padding Size, Caption Background Color, Line Height, and Caption Text Align, which will all apply to images added to images posted to your Flexsite.
And, you will also see the Post Background Color selection, as well as the Use Background Color, True/False selection.
Content Panel Settings:
In the Content Panel Settings menu, you can change the Content Panel Background Color, and even upload a custom Background Image to the Content Panel itself, adding yet another layer of customization to your Flexsite.
Some of the settings will seem familiar, as they are the same used earlier in this article (Background Type, Horizontal Image Align, Vertical Image Align – please review earlier explanation of these settings).
The other settings, Top Spacing, Side Spacing, and Top Margin include basic explanations. If you have other questions, however, please feel free to contact us at firstname.lastname@example.org!
In this menu you will also see Advanced Settings, which grants you the ability to add custom CSS settings for the content panel, such as a border. This is only recommended for a more Advanced User, however, for information about CSS creation, please check out http://www.htmldog.com/guides/cssbeginner/, and, for a FREE online CSS creator, please visit http://www.creatingonline.com/webmaster/css_generator.htm
The Spacing Adjustment may be necessary IF custom CSS is added, and includes an explanation.
Your Gallery Settings menu will include your Gallery Height, which is a VERY important setting!! This is the height of the image area, adjusting the height will affect whether the image appears full bleed to the edge or not. This setting is designed to work directly with your Wrapper Width, which can be adjusted in the Wrapper Settings menu, between 500 and 1300 wide.
IF you would like your images to appear full bleed to the edges, you will want to edges, you will want to make sure you set this to EXACTLY a 3:2 aspect ratio (width:height), in regard to your Wrapper Width.
For example, if your Wrapper width is set to 800, you will want to set the Gallery Height to 530, and pre-size your images to 530 high, prior to upload.
In this menu, you will also see the Gallery Background Image Area, where you have the ability to customize your galleries by changing background colors, or uploading a custom Background Image, and setting the usual Background Type, and Horizontal and Vertical Align!
You can also upload your custom logo to the Gallery Logo area, to have it appear below the menu and above the category related blog posts, and customize your Gallery Navigation by uploading your own, custom navigation arrows!
These are all very self explanatory, and include brief descriptions, but feel free to contact us at email@example.com if you have questions!
Left Sidebar Settings & Right Sidebar Settings:
Within the Left and Right Sidebar settings menus, you will be able to adjust the optional sidebars for your template.
You have the option to set a solid color background for them, or upload an image of your choice, which can be set to appear either at a fixed size, or tiled.
You have the ability to adjust both the Horizontal and Vertical image alignment, as well as the width and spacing and margins of the sidebar.
The footer has similar settings to those of the Left and Right Sidebars; within this menu, you will be able to adjust the Footer Placement, either to Within Content Area, or Underneath Content Area, and adjust the width to your liking.
You can customize the colors of the background and text, as well as the height of the Footer.
The widget area is customizable, in regard to title, text, and link colors.
Additionally, you have the option to upload a divider image, which can be any sort of image, but we recommend a file similar to a blog post divider.
Finally, you can upload a Content Panel Bottom Image as well, which will appear right below the content panel block and is ideal for a bottom frame image that matches the top.
For details about the Content Top Settings, please check out the new article available here: http://www.portfoliositez.com/support/index.php?_m=knowledgebase&_a=viewarticle&kbarticleid=415