kucrut

Add HTML Tags in Post and Widget Titles

Dzikri Aziz — Thu, 03 May 2012 11:49:46 +0000

In a recent project, I needed to use tags to add some styles (just color, actually) to post and widget titles. By default — and there’s no hook to disable this — WordPress strips any HTML tags found in post and widget titles. Here’s my solution to this problem. Please keep in mind that I only needed to add tags, so if you need to add more tags, you should modify the code to fit your needs :)

First, add the span tags to the desired post and widget titles, replacing the < and > characters with hashes ( # ):

Add fake span tags to post and widget titles

Now, let’s create a tiny mu-plugin to handle our HTML tags. We’ll be using four filter hooks for this:

the_title, triggered in post titles
the_title_rss, triggered in post titles for feeds
wp_title, triggered in HTML document title, and
widget_title, triggered in — well, you guessed it right — widget titles

The plugin:

$replace = ( in_array($filter, array('wp_title', 'the_title_rss')) || ($filter == 'the_title' && (is_admin() || in_array('wp_head', $wp_current_filter))) ) ? '' : array('', '');
  $string = str_replace( $search, $replace, $string );

  return $string;
}

add_filter( 'the_title', 'kc_convert_title_html_tags' );
add_filter( 'the_title_rss', 'kc_convert_title_html_tags' );
add_filter( 'wp_title', 'kc_convert_title_html_tags' );
add_filter( 'widget_title', 'kc_convert_title_html_tags' );

?>

Take a closer look to the replacement string. We need to strip our fake HTML tags from the post titles when:

kc_convert_title_html_tags() is called by wp_title or the_title_rss hook
the_title filter hook is triggered from within wp_head action hook (eg. the post title is used by the title attribute of feed links
we’re viewing a post table in admin area.

However, when we’re inside the , they need to be converted to the real tags.

That’s it! :)

3 Jagoan Internet

Dzikri Aziz — Tue, 06 Mar 2012 11:05:37 +0000

Ternyata slogannya emang asli banget, ga ngecewain. Kuenceng, murah, stabil! Dengan modem pas-pasan dan sinyal paling tinggi 40%, gw bisa dapet segini nih:

wp_list_pages() for Custom Post Types

Dzikri Aziz — Sat, 18 Feb 2012 20:34:26 +0000

wp_list_pages() is a handy little function for displaying a list of hierarchical post type, and it works with custom post types too. Unfortunately, when used for a custom post type, the list items don’t have the necessary CSS classes for current page item/ancestors. Here’s a quick fix for this particular problem.

function kct_page_css_class( $css_class, $page, $depth, $args, $current_page ) {
  if ( !isset($args['post_type']) || !is_singular($args['post_type']) )
    return $css_class;

  global $post;
  $current_page  = $post->ID;
  $_current_page = $post;
  _get_post_ancestors($_current_page);

  if ( isset($_current_page->ancestors) && in_array($page->ID, (array) $_current_page->ancestors) )
    $css_class[] = 'current_page_ancestor';
  if ( $page->ID == $current_page )
    $css_class[] = 'current_page_item';
  elseif ( $_current_page && $page->ID == $_current_page->post_parent )
    $css_class[] = 'current_page_parent';

  return $css_class;
}
add_filter( 'page_css_class', 'kct_page_css_class', 10, 5 );

Override max-width

Dzikri Aziz — Tue, 14 Feb 2012 11:20:30 +0000

Just use none :)

.hentry img {height:auto; max-width:100%}
.hentry .someclass img {max-width:none}

KC DropBox

Dzikri Aziz — Mon, 06 Feb 2012 13:57:47 +0000

Here’s a simple plugin for uploading files from your WordPress site front-end. It uses Jaka Jancar’s DropBox Uploader and inspired by a tutorial on WP Tuts+ (although I took a slightly different approach). It’s pretty easy to use and you can integrate it in your contact forms.

Clone/download it from GitHub and feel free to let me know if you have any problem.

PulseAudio Equalizer

Dzikri Aziz — Tue, 31 Jan 2012 08:26:47 +0000

Finally got PulseAudio’s equalizer working. It consumes 1-4% of my 2.30GHz i5 CPU (Clementine’s built-in equalizer consumes 4-7%, btw), and sounds really good :)

In Gentoo, all you need to do to get this working is to install pulseaudio with equalizer USE-flag enabled (may need to unmask the unstable ebuild) and append this line to /etc/pulse/default.pa or ~/.pulse/default.pa (you can change the sink name to your liking) :

load-module module-equalizer-sink sink_name=equalized

After that, quit all applications that use pulseadio and restart pulseaudio:

pulseaudio --kill && pulseaudio --start

Now you should be able to use the equalized sink name for your multimedia application. For example, in Clementine, go to Tools » Preferences » Playback and change the Output plugin to PulseAudio Sink and fill the Output device field with your equalized sink name (equalized in the above example).

While Clementine’s playing, adjust the equalizer levels by running qpaeq. All done! ;-)

KDE 4.8 Taskbar

Dzikri Aziz — Mon, 30 Jan 2012 12:46:43 +0000

I’m not really sure if this feature is part of KDE SC 4.8, but it’s so cool and I feel like I have to write about it here :)

See the screenshot above? KDE’s default taskbar is now more powerful than ever! Right clicking on a taskbar item now gives you the ability to start a new instance of that application, and add a launcher of that application to the taskbar when it’s not running.

I know, it’s pretty similar to what Windows 7 offers, except (IMO) it’s waay cooler. In Windows 7, if you pinned an application to the taskbar, it will only show an icon, without the application name/window title, no matter the state of the application is (running or not). In KDE, well, you guessed it, if the application is not currently running, an icon will be added to the taskbar, and it will disappear when it’s launched.

If you really want Windows 7′s taskbar in KDE, you can install this plugin :)

Using Built-in Post Finder in Plugins

Dzikri Aziz — Fri, 20 Jan 2012 00:54:23 +0000

I was making some improvements to the KC Posts widget module in my KC Essentials plugin, and I wanted to make it easy for the users to find post IDs they want to include/exclude from the query. As you may already know, in the Media admin page, we can ‘attach’ an attachment to a post. It uses a neat jQuery UI dialog box to find posts. Here’s how I use it in KC Essentials.

First add we need to add the dialog box and the required JS to the admin page, in my case, it’s widgets.php.

add_action( 'load-widgets.php', 'my_widgets_admin_actions' );
function my_widgets_admin_actions() {
  # Enqueue scripts
  wp_enqueue_script( 'my-widgets-admin-scripts', plugins_url('myscript.js', __FILE__), array('media', 'wp-ajax-response'), '0.1', true );

  # Add the finder dialog box
  add_action( 'admin_footer', 'find_posts_div', 99 );
}

Next, create myscript.js file inside the plugin directory and add these lines:

jQuery(document).ready(function($) {
  // Find posts
  var $findBox = $('#find-posts'),
      $found   = $('#find-posts-response'),
      $findBoxSubmit = $('#find-posts-submit');

  // Open
  $('input.kc-find-post').live('dblclick', function() {
    $findBox.data('kcTarget', $(this));
    findPosts.open();
  });

  // Insert
  $findBoxSubmit.click(function(e) {
    e.preventDefault();

    // Be nice!
    if ( !$findBox.data('kcTarget') )
      return;

    var $selected = $found.find('input:checked');
    if ( !$selected.length )
      return false;

    var $target = $findBox.data('kcTarget'),
        current = $target.val(),
        current = current === '' ? [] : current.split(','),
        newID   = $selected.val();

    if ( $.inArray(newID, current) < 0 ) {
      current.push(newID);
      $target.val( current.join(',') );
    }
  });

  // Double click on the radios
  $('input[name="found_post_id"]', $findBox).live('dblclick', function() {
    $findBoxSubmit.trigger('click');
  });

  // Close
  $( '#find-posts-close' ).click(function() {
    $findBox.removeData('kcTarget');
  });
});

A quick explanation:
When the user double-clicks the input.kc-find-post field, the finder dialog box will popup. Clicking the Select button will send the selected post's ID to the input field. This can also be done by double-clicking one of the radio inputs at the left side of each found posts.

Need a demo? Just install KC Essentials :)

Move Cursor to the Next/Previous Paragraph in Kate

Dzikri Aziz — Fri, 20 Jan 2012 00:05:53 +0000

It kind of irritates me that Kate doesn’t have a builtin functionality to move cursor to the next/previous paragraph. Fortunately, as with most KDE SC applications, Kate is extendable with custom scripts. So here’s my solution for the mentioned problem.

/* kate-script
 * author: Dzikri Aziz 
 * license: GPLv2
 * revision: 3
 * kate-version: 3.4
 * type: commands
 * functions: jumpUp, jumpDown
 *
 * Move cursor to next/previous paragraph
 */

function jumpDown() {
  return _jump();
}

function jumpUp() {
  return _jump( true );
}

function action( cmd ) {
  var a = new Object();
  if ( cmd == 'jumpUp' ) {
    a.text = i18n('Move cursor to previous paragraph');
    a.shortcut = 'Alt+Up';
    a.icon = "";
    a.category = "";
    a.interactive = false;
  }
  else if ( cmd == 'jumpDown' ) {
    a.text = i18n('Move cursor to next paragraph');
    a.shortcut = 'Alt+Down';
    a.icon = "";
    a.category = "";
    a.interactive = false;
  }

  return a;
}

function help( cmd ) {
  if (cmd == 'jumpUp') {
    return i18n('Move cursor to previous paragraph');
  }
  else if (cmd == 'jumpDown') {
    return i18n('Move cursor to next paragraph');
  }
}

function _jump( up ) {
  var init   = curPos = view.cursorPosition().line,
      lines  = document.lines(),
      target;

  if ( document.firstColumn(curPos) == -1 )
    curPos = document.prevNonEmptyLine(curPos);

  if ( up === true ) {
    target = 0;
    while ( curPos-- > 0 ) {
      if ( document.firstColumn(curPos) == -1 && document.nextNonEmptyLine(curPos) != init ) {
        target = document.nextNonEmptyLine(curPos);
        break;
      }
    }
  }

  else {
    lines--;
    target = lines;
    while ( curPos++ < lines ) {
      if ( document.firstColumn(curPos) == -1 && document.nextNonEmptyLine(curPos) != init ) {
        target = document.nextNonEmptyLine(curPos);
        break;
      }
    }
  }

  view.setCursorPosition(target, 0);
}

Save this script as jump.js inside katepart directory in your KDE user directory, eg: $KDEHOME/share/apps/katepart/script (just create the sub-directories if they don't exist yet) and relaunch Kate. Now you can move the cursor to the next paragraph by pressing Alt+Up or the previous one by pressing Alt+Down. You can freely customize the shortcut from Settings » Configure Shortcuts.

Any improvements are welcome!

As a bonus, here's the scripting guide I printed from Google cache.

jQuery in Widgets Admin Page

Dzikri Aziz — Tue, 17 Jan 2012 20:31:15 +0000

Here’s a quick tip. If you built a custom widget for your themes/plugins and you need jQuery for the configuration form, you’ll need to call it when the ajax process is done, that is when a widget was just dropped to a sidebar/widget area, or the user just saved the configuration.

jQuery(document).ready(function($) {
  $('.widgets-sortables').ajaxSuccess(function() {
    // do your thing
  });
});