http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sat, 25 May 2013 16:57:14 +0000 http://themeshaper.com/forums/topic/separators-for-categories-widget-php-solution-wanted-css-not-working#post-16958 Sat, 13 Nov 2010 05:08:38 +0000 helgatheviking 16958@http://themeshaper.com/forums/ <p>after digging around in the wordpress files, the default categories widget is generated by</p> <p>class WP_Widget_Categories extends WP_Widget</p> <p>in the default-widgets.php file in wp-includes</p> <p>however, arent the categories generated in a ul list. can't you use the list-style css attribute and apply a bullet? you could also apply a border? or a background image? why isnt a CSS solution satisfactory? </p> http://themeshaper.com/forums/topic/separators-for-categories-widget-php-solution-wanted-css-not-working#post-16952 Fri, 12 Nov 2010 20:39:45 +0000 mo 16952@http://themeshaper.com/forums/ <p>what a pity,… just a tip in the right direction would help,<br /> please! </p> http://themeshaper.com/forums/topic/separators-for-categories-widget-php-solution-wanted-css-not-working#post-16420 Tue, 19 Oct 2010 13:02:15 +0000 mo 16420@http://themeshaper.com/forums/ <p><strong>No Idea anyone?</strong><br /> I just kept searching but cannot find the PHP-code that adresses the wp-categories-widget…<br /> Sorry for pushing my thread - I'm in need for a solution! </p> http://themeshaper.com/forums/topic/separators-for-categories-widget-php-solution-wanted-css-not-working#post-16400 Mon, 18 Oct 2010 06:17:38 +0000 mo 16400@http://themeshaper.com/forums/ <p>Hi Forum!</p> <p>I wanted to show my cats and tags als block-text in the (header)sidebar of my new website. I used widgets to configure that menu. But when you show a list as block-text you need separators to make the visitor able to differentiate between the tags or cats to choose…</p> <p>Well – after some research I found out, that there already are some lines of code, that wordpress is using to define how the tags widget is working and looking. (see code below)<br /> So I added it to my functions.php and altered it a bit.<br /> This works fine now… every tag is separated by a "|" from the next tag.</p> <p>For the categories-widget I wasn't able to find out how this works in php or if there already is some code I could use to build in a separator. So I thought about it a while and then used some CSS(3?) code which worked (In opposition to the tags-widget the categories-widget is using "<code>li</code>" classes to define every item),…<br /> <strong>BUT!</strong> it only works fine in Firefox <strong>not</strong> in Safari…<br /> I'd appreciate if anyone knows a php solution for my problem, because Safari ignores the "<code>li:last-of-type:after</code>" and shows a "|" after the last cat which doesn't really look fine…</p> <p>Well, Here we go for the code,<br /> <strong>PHP for the tags-widget-separators:</strong><br /> <pre><code>// configure Tag-Cloud function my_tag_cloud($defaults) { $args = array( &#39;smallest&#39; =&gt; 7, &#39;largest&#39; =&gt; 7, &#39;unit&#39; =&gt; &#39;pt&#39;, &#39;number&#39; =&gt; 25, &#39;format&#39; =&gt; &#39;flat&#39;, &#39;separator&#39; =&gt; &quot; | &quot;, &#39;orderby&#39; =&gt; &#39;name&#39;, &#39;order&#39; =&gt; &#39;ASC&#39;, &#39;exclude&#39; =&gt; &#39;&#39;, &#39;include&#39; =&gt; &#39;&#39;, &#39;link&#39; =&gt; &#39;view&#39;, &#39;taxonomy&#39; =&gt; &#39;post_tag&#39;, &#39;echo&#39; =&gt; true ); $args = wp_parse_args( $args, $defaults ); $tags = get_terms( $args[&#39;taxonomy&#39;], array_merge( $args, array( &#39;orderby&#39; =&gt; &#39;count&#39;, &#39;order&#39; =&gt; &#39;DESC&#39; ) ) ); // Always query top tags if ( empty( $tags ) ) return; foreach ( $tags as $key =&gt; $tag ) { if ( &#39;edit&#39; == $args[&#39;link&#39;] ) $link = get_edit_tag_link( $tag-&gt;term_id, $args[&#39;taxonomy&#39;] ); else $link = get_term_link( intval($tag-&gt;term_id), $args[&#39;taxonomy&#39;] ); if ( is_wp_error( $link ) ) return false; $tags[ $key ]-&gt;link = $link; $tags[ $key ]-&gt;id = $tag-&gt;term_id; } $return = wp_generate_tag_cloud( $tags, $args ); // Here&#39;s where those top tags get sorted according to $args $return = apply_filters( &#39;my_tag_cloud&#39;, $return, $args ); if ( &#39;array&#39; == $args[&#39;format&#39;] || empty($args[&#39;echo&#39;]) ) return $return; echo $return; }</code></pre> <p><strong>CSS(3?) for the cats-widget-separator:</strong><br /> the "<code>li:last-of-type:after</code>" gets ignored by Safari,…<br /> <pre><code>.widget_categories li{ display: inline; font-style: normal; font-weight:normal; font-size:10px; line-height:15px; text-transform:none; } .widget_categories li:after{ content: &quot; | &quot;; } .widget_categories li:last-of-type:after{ content: none; }</code></pre> <p>Thank you in advance! </p>