Vfxdude » Tag: sidebar

Vfxdude » Tag: sidebar - Recent Posts http://www.vfxdude.com/forum/tags/sidebar premium wordpress themes en-US Thu, 09 Feb 2012 05:59:42 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.vfxdude.com/forum/search.php vfxdude on "Tips and Tricks" http://www.vfxdude.com/forum/topic/tips-and-tricks#post-8203 Fri, 20 Jan 2012 14:43:14 +0000 vfxdude 8203@http://www.vfxdude.com/forum/ Image placeholder for bfthumbs add this code to functions.php (of a child theme) to add a placeholder for bfthumbs posts (a default image when there's no thumb image): <pre><code>function bf_thumb_placeholder() { $placeholder = 'http://domain.com/default-thumb.jpg'; ?> <script> jQuery(function($){ $('.thumb.bfthumbs:not(:has(img))').each(function(){ $(this).prepend('<img width="'+($(this).width())+'" src="<?php echo $placeholder; ?>" />'); }); }); </script> <?php } add_action( 'wp_head', 'bf_thumb_placeholder' );</code></pre> Change the $placeholder url to the thumb placeholder url. To only apply it some bfthumbs shortcodes, add a class paramater like this (in the shortcode): class="phthumb", and in the code above, change ".thumb" to ".phthumb .thumb". ------- Here's another solution, using the bfthumbs_content filter: <pre><code>function bfthumbs_placeholder($thumbPost, $atts) { if ($atts['pholder']) $placeholder = $atts['pholder']; else $placeholder = 'http://domain.com/default-thumb.jpg'; if (!($width = $atts['width'])) $width = '255'; $placeholder = '<img src="'.$placeholder.'" width="'.$width.'" />'; $image = false; if (is_array($thumbPost[0])) { foreach ($thumbPost as $items) if ($items['image']) $image = true; if (!$image) array_unshift($thumbPost, array('image' => $placeholder)); } else if (!$thumbPost['image']) $thumbPost['image'] = $placeholder; return $thumbPost; } add_filter('bfthumbs_content', 'bfthumbs_placeholder', 10, 2);</code></pre> This will only work for bfthumbs, but the jQuery one can be modified to work with the blog thumbs, portfolio template, featured widget etc. The advantage using the filter one is that a pholder parameter can be added to the bfthumbs shortcode with a placeholder image url (can have different placeholder per shortcode). vfxdude on "Sidebar Font Size..." http://www.vfxdude.com/forum/topic/sidebar-font-size#post-8146 Thu, 12 Jan 2012 09:59:03 +0000 vfxdude 8146@http://www.vfxdude.com/forum/ <code>#sidebar { font-size: 11px; }</code> arothafel on "Sidebar Font Size..." http://www.vfxdude.com/forum/topic/sidebar-font-size#post-8138 Wed, 11 Jan 2012 14:24:09 +0000 arothafel 8138@http://www.vfxdude.com/forum/ This is probably a dumb question, but I can't seem to find (theme editor) where to change the font size for the side bar. Not the Headers, but the text below the headers. I just updated the theme and somehow deleted my child theme in the process so all my css inserts are gone. Is there a css insert for the sidebar fonts to 11px normal? Here's the site: <a href="http://www.privatelabelfitness.com/2011/12/weight-management-on-autopilot/" rel="nofollow">http://www.privatelabelfitness.com/2011/12/weight-management-on-autopilot/</a> vfxdude on "BF - Individual Menu in the Sidebar" http://www.vfxdude.com/forum/topic/bf-individual-menu-in-the-sidebar#post-7950 Thu, 22 Dec 2011 14:54:34 +0000 vfxdude 7950@http://www.vfxdude.com/forum/ changing styles for any widget can be done with css. Use Firebug to find what to change, example: <code>.widget_nav_menu .sub-menu a { font-size: 11px; }</code> philippe on "BF - Individual Menu in the Sidebar" http://www.vfxdude.com/forum/topic/bf-individual-menu-in-the-sidebar#post-7938 Wed, 21 Dec 2011 12:16:34 +0000 philippe 7938@http://www.vfxdude.com/forum/ no, i use a menu on the sidebar and i want to change the font size etc of the childpages. <a href="http://www.fairbindung.org/wp/bildung/angebot/" rel="nofollow">http://www.fairbindung.org/wp/bildung/angebot/</a> hartenkamer on "The sidebar titles are IN CAPS" http://www.vfxdude.com/forum/topic/the-sidebar-titles-are-in-caps#post-7915 Sat, 17 Dec 2011 13:20:39 +0000 hartenkamer 7915@http://www.vfxdude.com/forum/ Thank you... I added it here... but it didn't work. /* Tabber tabs */ #sidebar ul.tabbernav > li { display:inline; padding:5px 5px 5px 0; border: none; } #sidebar .style1 { background:none; padding: 0; } #sidebar .style1 ul.tabbernav li.tabberactive a { color: #fff; background-color: #333; border: 1px solid #333; } #sidebar .style1 ul.tabbernav li a:hover { color: #fff; border: 1px solid #666769; } #sidebar .style1 ul.tabbernav { margin:0 !important; padding-left:0 !important; } #sidebar .style1.tabberlive .tabbertab { padding: 15px 0 0; margin: 0; border: none; } #sidebar .widgetheading h2 { text-transform: normal; } vfxdude on "The sidebar titles are IN CAPS" http://www.vfxdude.com/forum/topic/the-sidebar-titles-are-in-caps#post-7912 Sat, 17 Dec 2011 09:52:14 +0000 vfxdude 7912@http://www.vfxdude.com/forum/ with css (add to bottom of style.css): <code>#sidebar .widgetheading h2 { text-transform: normal; }</code> hartenkamer on "The sidebar titles are IN CAPS" http://www.vfxdude.com/forum/topic/the-sidebar-titles-are-in-caps#post-7909 Sat, 17 Dec 2011 02:23:48 +0000 hartenkamer 7909@http://www.vfxdude.com/forum/ How do I change the CAPS in the Bigfeature widget titles for the sidebar? (example at <a href="http://www.hartenkamer.nl" rel="nofollow">http://www.hartenkamer.nl</a>) vfxdude on "BF - Individual Menu in the Sidebar" http://www.vfxdude.com/forum/topic/bf-individual-menu-in-the-sidebar#post-7895 Thu, 15 Dec 2011 09:47:18 +0000 vfxdude 7895@http://www.vfxdude.com/forum/ size of the dropdown menu? added with the bfnav shortcode? change font size? or padding? philippe on "BF - Individual Menu in the Sidebar" http://www.vfxdude.com/forum/topic/bf-individual-menu-in-the-sidebar#post-7885 Wed, 14 Dec 2011 17:31:02 +0000 philippe 7885@http://www.vfxdude.com/forum/ i use an individual menu on the sidebar and want to change the size of the level2-pages. vfxdude on "Tips and Tricks" http://www.vfxdude.com/forum/topic/tips-and-tricks#post-7807 Fri, 02 Dec 2011 10:39:14 +0000 vfxdude 7807@http://www.vfxdude.com/forum/ Child themes do's and dont's 1. Do not change the header in style.css of the child theme, unless you know what you are doing. 2. The parent theme must be installed correctly. It must be in a folder bigfeature under the themes folder. Some install the downloaded zip file and then the bigfeature folder will be in a subfolder, and then child themes will not work. And this will also cause many other problems too. 3. Do not import style.css of the parent theme like done in other child themes. The importing is handled in functions.php. This improves the performance, and sets the right order of importing. 4. Do not copy all css from style.css of the parent theme into the child theme style.css. This will override all the theme setting styles and cause all kinds of problems. Only copy in those styles that should be overriden. 5. Do not copy header.php into the child theme, unless you know what you are doing. Changing this template will mess up the theme. 6. Do not remove any hooks, like wp_head or wp_footer since they must be there for the theme and plugins to work. 7. When copying templates into the child themes for modification, do not remove the importing of the header or footer, since these are essential for the theme to work. 8. If creating templates to be used with the import shortcode in the shortcode template system the header and footer can be removed and the whole div structure can be in the template. The "Remove the header & footer html" setting must then be enabled. 9. If using the yarpp plugin with child themes the yarpp-template-bf.php template (from the bigfeature folder) must be copied into the child theme folder. 10. Functions added to functions.php of the child theme must have unique names. Many have copied code and gotten errors, then it's most likely a naming conflict with an existing function (in the child theme, parent theme, wordpress or plugins). vfxdude on "Tips and Tricks" http://www.vfxdude.com/forum/topic/tips-and-tricks#post-7579 Thu, 03 Nov 2011 18:56:15 +0000 vfxdude 7579@http://www.vfxdude.com/forum/ Targeting the BF Page widget In version 1.4.1.1 the BF Page widget was modified to use the shortcode template system. This means that the content added in the template outputted by the BF Page widget will only show where it's targeted. Here's how: 1. Enable the "Enable Custom Templates Feature" theme setting. 2. Create a new post in the Templates custom post. 3. Add the content to be outputted by the BF Page plugin into the editor. 4. Select the targeting under the editor (single, blog, page etc.) and the "BF Page widget template" checkbox, and then publish the post. 5. Drag the BF Page widget to a widget area and select the template created in step 2-4. Now the widget will only show where it's targeted (set in the template). And it's also possible to add a widgetarea shortcode to the template, this means you can combine sidebars. In other words, you can create a custom sidebar in the theme setting (1.4.1 functionality) and add widgets to this sidebar, and add it to the main sidebar with the BF Page widget, and then use the targeting to determine where it should display. vfxdude on "Tips and Tricks" http://www.vfxdude.com/forum/topic/tips-and-tricks#post-7577 Thu, 03 Nov 2011 12:48:36 +0000 vfxdude 7577@http://www.vfxdude.com/forum/ Shortcode Template System Here's a short tutorial (to clarify some stuff that was not shown in <a href="http://www.youtube.com/user/vfxdudedotcom#p/u/0/mzFXQVhiNOs">the video</a>): 1. Enable the "Enable Custom Templates Feature" theme setting. 2. Create a new post in the Templates custom post. 3. Add a bfthumbs to the editor (in html mode), like this: <code>[bfthumbs sid="bfthumbs-loop" showposts="10" width="153" height="120" numcols="5" marginright="20" numwords="10" ajaxnav="false"] </code> 4. Select the targeting under the editor (blog, search etc.) and publish the post. The shortcode above is a 5 column bfthumbs layout. The numcols="5" sets the number of columns, and the showposts="10" sets the number of posts shown on every page (must install wp-pagenavi or "wp page numbers" plugin for page navigation). The ajaxnav="false" parameter makes it so that it's normal page navigation (the page reloads). The clue here is that there's no post fetching parameters in the bfthumbs shortcode (category, tag, tax etc.), so that it will show the post relevant for where it's targetted. For example, if the blog is the target then it will replace the normal blog design, but show the same posts, just with a custom design (same for the archive and search). This makes it possible to have custom designs per category/taxonomy/custompost etc. For example a portfolio can be created with categories, and every category/taxonomy can have a different design. And there's more shortcodes for this template system, for example one for sidebars (widgetarea) and one for outputting hook content (bfhook), and also one for including php templates (bfinclude) added to a child theme (use the shortcode GUI to see the possible parameters and a description of each one). One of the possibilities with this is also to include external php templates and target those. Just add an include shortcode with the name of a custom single.php template and it can be targeted with this system (enable the "Don't include header & footer files" setting below the targeting if the template imports the header and footer). This means that the <a href="http://www.vfxdude.com/bigfeature/2009/10/faq/#customsingle">custom single functionality</a> is not necessary anymore since this is way more flexible, since it can target just about everything (custom post type, taxonomy type, taxonomy term, category, tag). Another feature is to remove the header and footer html for just this template. This makes it possible to have a custom div structure (100% width designs etc.) for just the portfolio, while the blog is using the normal layout. Many possibilities with this system, and I'm exploring those with some new child themes coming soon. The shortcodes from the "custom blog frontpage" and "featured thumbnails with bfthumbs" tutorials above can used in these templates. It uses 2 parameters that is important to learn, offset and onlyfirstpage. The offset parameter makes it possible to use many bfthumbs and continue the flow of posts. For example offset="1" makes the shortcode skip the first post and together with numposts or showposts (pages) the design can have many bfthumbs making up the post design. The onlyfirstpage parameter makes the bfthumbs only show up on the first page, but not on other pages when using ajaxnav="false" for normal pagination. Also read the <a href="http://www.vfxdude.com/bigfeature/2010/01/changelog/">changelog</a> for version 1.4.1, since it got a lot of information about this system there. And also <a href="http://www.vfxdude.com/forum/topic/announcements#post-7040">read this</a> for more information and also some shortcode examples. vfxdude on "Tips and Tricks" http://www.vfxdude.com/forum/topic/tips-and-tricks#post-7572 Wed, 02 Nov 2011 20:34:34 +0000 vfxdude 7572@http://www.vfxdude.com/forum/ Custom related posts design In the latest version of the theme (1.4.1.1) it is possible to use the bfthumbs shortcode with the yarpp plugin. Then you can have any design (number of columns, width etc.) of the related posts thumbs. Here's how: 1. Enable the "Enable Custom Templates Feature" theme setting. 2. In Templates (a custom post that will appear. see <a href="http://www.youtube.com/user/vfxdudedotcom#p/u/0/mzFXQVhiNOs">this video</a> for more info.) create a new post and call it "yarpp template". Insert this code into the editor (in html mode): <code><h5>Related Posts</h5> [bfthumbs sid="bfthumbs-yarpp" numposts="6" numcols="3" width="200"]</code> 3. Add this code to the child theme functions.php (use the bf_after_article hook to add above the comments): <pre><code>add_action( 'bf_after_comments', 'custom_related_posts' ); function custom_related_posts() { echo do_shortcode('[bfyarpp template="yarpp template"]'); }</code></pre> 4. Deactivate the related posts setting in the theme settings. Now the look of the related posts can modified with bfthumbs in the yarpp template. vfxdude on "Sidebar vs Full Width options" http://www.vfxdude.com/forum/topic/sidebar-vs-full-width-options#post-7390 Tue, 04 Oct 2011 10:40:53 +0000 vfxdude 7390@http://www.vfxdude.com/forum/ use the new shortcode template system. <a href="http://www.youtube.com/user/vfxdudedotcom#p/u/0/mzFXQVhiNOs">See this video</a>. Here's the steps: 1. Enable the "Enable Custom Templates Feature" setting (need the latest version of the theme). 2. Create a new template with a bfthumbs shortcode in it (you need one of the navigation plugins listed <a href="http://www.vfxdude.com/bigfeature/2009/07/setting-up-the-theme/">here</a> for page navigation). Example: <code>[bfthumbs sid="bfthumbs-mycat" showposts="9" ajaxnav="false"]</code> 3. Enable archive below the editor of the template editor and select the category to target and publish the template. The bfthumbs shortcode can have very many different designs, and with the new <a href="http://www.youtube.com/user/vfxdudedotcom#p/u/1/-N0dein2ofw">bfthumbs layout system</a> it can be even more customized. thempro on "Sidebar vs Full Width options" http://www.vfxdude.com/forum/topic/sidebar-vs-full-width-options#post-7374 Thu, 29 Sep 2011 17:24:43 +0000 thempro 7374@http://www.vfxdude.com/forum/ Hi, How is it possible to have one category page with no sidebar, with the sidebar only appearing on the blog ? Thanks vfxdude on "Navigation below featured image?" http://www.vfxdude.com/forum/topic/navigation-below-featured-image#post-7357 Tue, 27 Sep 2011 21:14:28 +0000 vfxdude 7357@http://www.vfxdude.com/forum/ sidebar2 set to left is using the same hook, so modify the hook call above to this to make it display before the sidebar. <code>add_action( 'bf_before_content', 'bf_navigation', 9 );</code> aw2 on "Navigation below featured image?" http://www.vfxdude.com/forum/topic/navigation-below-featured-image#post-7354 Tue, 27 Sep 2011 13:41:21 +0000 aw2 7354@http://www.vfxdude.com/forum/ Thanks. This works fine. But: if I use two sidebars and I move Sidebar2 to the left in the theme settings, the site design gets messed up. The content and right sidebar (sidebar1) go below sidebar2 instead of next to sidebar2. I've tested this on different sites but always get this problem. Am I doing something wrong or is there any solution to this? Thank you for helping me out. vfxdude on "Navigation below featured image?" http://www.vfxdude.com/forum/topic/navigation-below-featured-image#post-7287 Wed, 14 Sep 2011 11:04:47 +0000 vfxdude 7287@http://www.vfxdude.com/forum/ adding this at the bottom of functions.php will do it (before the ?>): <code>remove_action( 'bf_header', 'bf_navigation' ); add_action( 'bf_before_content', 'bf_navigation' );</code> You can add a if(is_single()) around them to only do this in for single view pages. If you add them to a child theme you need to add the remove_action in a hook the the wp_head (see <a href="http://www.vfxdude.com/downloads/">other child themes</a> for examples). changing some styles is also necessary: <code>ul.navigation { margin-bottom: 20px; } .feature { margin:0; }</code> opticmedia on "Navigation below featured image?" http://www.vfxdude.com/forum/topic/navigation-below-featured-image#post-7282 Wed, 14 Sep 2011 07:13:04 +0000 opticmedia 7282@http://www.vfxdude.com/forum/ It's possible to move the navigation below the featured posts images with hooks, but I need to know if that is what you are talking about before I go further with this. Indeed this is what i needed! Hope you can help me out because at the moment i have a temporarily solution. The other option is to have a vertical menu on the left side of the feautured image... thanks in advanced! vfxdude on "Page using "blog post" template by category AND tag" http://www.vfxdude.com/forum/topic/page-using-blog-post-template-by-category-and-tag#post-7213 Wed, 07 Sep 2011 09:48:06 +0000 vfxdude 7213@http://www.vfxdude.com/forum/ the cf name is tax (like the bfthumbs parameter). It can have this format: genre:action,thriller;actor:Mel Gibson. manuelden on "Page using "blog post" template by category AND tag" http://www.vfxdude.com/forum/topic/page-using-blog-post-template-by-category-and-tag#post-7196 Wed, 31 Aug 2011 14:18:53 +0000 manuelden 7196@http://www.vfxdude.com/forum/ is this feature ready? I tried to use "taxonomy" and "taxonomy name" on a page ( I want to display my custom post types) with "blog posts" page attributes with no result khasfoto on "Ads at the side bar" http://www.vfxdude.com/forum/topic/ads-at-the-side-bar#post-7108 Wed, 17 Aug 2011 07:12:21 +0000 khasfoto 7108@http://www.vfxdude.com/forum/ Thank You vfxdude on "Ads at the side bar" http://www.vfxdude.com/forum/topic/ads-at-the-side-bar#post-7074 Mon, 15 Aug 2011 12:13:33 +0000 vfxdude 7074@http://www.vfxdude.com/forum/ install this the <a href="http://wordpress.org/extend/plugins/wp125/">wp125 plugin</a>, and add the images with the plugin settings, then add the widget to the sidebar that comes with the plugin. khasfoto on "Ads at the side bar" http://www.vfxdude.com/forum/topic/ads-at-the-side-bar#post-7049 Sun, 14 Aug 2011 05:44:41 +0000 khasfoto 7049@http://www.vfxdude.com/forum/ How do i add my ads to the side bar similiar to <a href="http://www.vfxdude.com/bigfeature/">Big Feature Main Page</a> There are 4 ads below the about column. How do i that thanks. vfxdude on "BF - Individual Menu in the Sidebar" http://www.vfxdude.com/forum/topic/bf-individual-menu-in-the-sidebar#post-6992 Tue, 02 Aug 2011 21:09:15 +0000 vfxdude 6992@http://www.vfxdude.com/forum/ how do you add the menu to the sidebar? a hover effect can be made with jquery, binding preview images to the classes in the menu. lineheight of the dropdown menu? philippe on "BF - Individual Menu in the Sidebar" http://www.vfxdude.com/forum/topic/bf-individual-menu-in-the-sidebar#post-6983 Tue, 02 Aug 2011 09:03:15 +0000 philippe 6983@http://www.vfxdude.com/forum/ BF - Individual Menu in the Sidebar How can i create a hover-effect for the links to the pages? And how is it possible to change the linehight of the pages in the 2nd level? vfxdude on "How to show / hide sidebars" http://www.vfxdude.com/forum/topic/how-to-show-hide-sidebars#post-6970 Mon, 01 Aug 2011 19:07:50 +0000 vfxdude 6970@http://www.vfxdude.com/forum/ you can create a custom page template and use the get_sidebar call to only show sidebar2. like this (replace the default get_sidebar() call): <code>get_sidebar('2');</code> tommy on "How to show / hide sidebars" http://www.vfxdude.com/forum/topic/how-to-show-hide-sidebars#post-6969 Mon, 01 Aug 2011 17:00:20 +0000 tommy 6969@http://www.vfxdude.com/forum/ Update: I'm using only one sidebar now, so for the time being the question is not important anymore. Anyway it would be great to know if there's a way to solve this :-) vfxdude on "Navigation below featured image?" http://www.vfxdude.com/forum/topic/navigation-below-featured-image#post-6955 Mon, 01 Aug 2011 10:14:12 +0000 vfxdude 6955@http://www.vfxdude.com/forum/ it depends if you are talking about the post images displayed as container width on the frontpage of the blog and the single post pages, or an header image added to an adspace. <a href="http://www.vfxdude.com/bigfeature/2009/10/faq/#featureimage">Read this</a>. It's possible to move the navigation below the featured posts images with hooks, but I need to know if that is what you are talking about before I go further with this.