LoriB.me

Rambling On…

Favorite Codex Tip Of The Day — 04/22/2014

Favorite Codex Tip Of The Day

To remove meta boxes created by plugins, 'admin_menu' is fired too early, use 'do_meta_boxes' instead.

Such a simple thing, but I wasted at least 15 minutes by using the wrong action hook. The meta box in this case was not created by a plugin, but by the parent theme of a child theme that I am building.

Set Line Height in Komodo — 10/29/2013

Set Line Height in Komodo

Have I mentioned that I love Komodo IDE? Still, I occasionally come across an annoyance. One very annoying thing is that there is no way to change the line height in the editor other than changing the font size. I like to have a larger than average line height for better readability. I recently noticed that PhpStorm has a line height setting. I also love PhpStorm and think it has advantages over Komodo for certain tasks, but I still like Komodo better overall and use it more often. After some googling, I found this great tip on the ActiveState forums:

Add this Komodo JavaScript macro to the toolbox to increase the line height:

Change the 16 to any number you want (as long as it increases the line height – does not work for decreasing line height). I set mine to 21 because my font size is set to 14, and I like a line height of about 1.5em. Even though the setting is for the bracebad style only, it has the effect of changing the line height for everything else too.

How to add a macro:

  • Open the toolbox pane in Komodo
  • Right click and choose Add > Create new macro
  • In the Macro tab, name the macro, choose JavaScript as the language, and enter the code above into the main text area.
  • In the Triggers tab, check the box that says “Macro should trigger a Komodo event”.
  • Choose ‘After file open’ as the event and click ‘OK’.

These instructions are for the latest version of Komodo IDE (8.5.2 at this time) on mac. They may vary slightly in other situations.

To edit the macro, right click on it in the toolbox, and choose ‘Properties’.

Change Admin Post/Page List Color By Status — 09/09/2011

Change Admin Post/Page List Color By Status

Favorite WordPress tip of the week:

This snippet will change the background colors of posts, pages, and custom post types in the administration post/page lists based on their status, i.e. draft, private, pending, etc.

Note: Draft color changed to a slightly lighter yellow than original.
Update on 5/18/2016: Changed pending color to lighter blue.

Don’t get_the_permalink() — 07/24/2011

Don’t get_the_permalink()

get_the_permalink() does not exist. Use get_permalink().

Note to self: Debug my own site like I would debug any other site.

I have used that function an uncountable amount of times, but got confused anyway because of having get_the_title() on my brain.

This tip was brought to you by the half hour of my life that I will never get back.

Get the Current Page URL — 07/08/2011

Get the Current Page URL

I am working on a site now where I need to use the current page URL as a condition to determine where the main menu links will lead. This function has made an easy task of it:

Komodo Snippet for Comment Banners — 07/05/2011

Komodo Snippet for Comment Banners

I like to keep my code organized and easy to read, but since I am almost always working on a tight deadline, I do not always have time to organize and comment my code as well as I would like to. Shortcuts that aid in keeping my code organized are more likely to get used than their longer counterparts. Comment banners are one way to keep code organized, especially in large files.

In Komodo, the following snippets will turn highlighted text into a comment banner, or if no text is selected, pop up a dialog box asking for the Banner Title. After inserting the banner, the cursor will be be positioned below it. These snippets will work for any code editor, IDE, etc. if you leave out the [[%(s:orask:Banner Title)]] or replace it with whatever works for your software.

You can set a key binding for this shortcut in the ‘Key Binding’ tab of the snippet properties dialog window.

To create a new snippet in Komodo Edit or IDE, open up the Toolbox pane (View > Tabs & Sidebars > Toolbox), and either click on the gear icon and choose ‘New Snippet’, or right-click on a folder where you want to store the snippet and choose ‘New Snippet’.

The snippet dialog box will appear. Give the snippet a title, and place the following text into the larger text box:

PHP, C, C++, C#, Java, JavaScript, ActionScript, etc.:

PHP, JavaScript, CSS, ActionScript, C, C++, C#, Java, etc.:

Small Banner:

HTML, HTML5, XHTML:

The important part is the interpolation shortcut ([[%(s:orask:Banner Title)]]). You can make the banner look however you like as long as the text is wrapped in code that denotes a comment. Make sure to position the cursor a line or two below the banner.

Check the box for ‘Maintain selected text or cursor position after insertion’. The second check box is optional, but recommended. When you are finished, the box should look something like this:

Komodo PHP Comment Banner Snippet
Komodo PHP Comment Banner Snippet

Click ‘OK’ to save the snippet.

To use the snippet, highlight or enter the banner text and double-click on the snippet in your Tools pane or type your keyboard shortcut. Your banner will be inserted and the cursor will be positioned and ready for the next line of code.

Customize the WordPress Login Page —

Customize the WordPress Login Page

Custom Login Page
Custom Login Page

I love WordPress and am personally very happy to see the WordPress logo when I log into a site, but when building sites for some clients (and on my own development site where I build sites for clients to preview), it is nice to use their own logo for the login page. It gives a more professional look and fits in with the rest of their branding.

This snippet will use a custom logo instead of the WordPress default logo.

1. Upload your logo to the server, either manually or through the WordPress media library. It is best if the logo image is 326px x 82px or smaller.

2. In your theme’s functions.php file, add this code:

Replace PATH_TO_IMAGE/YOUR_IMAGE.png with the path to your logo image, i.e. images/logo.png.

To customize the entire login page (including the logo), you can use a similar function to call a custom stylesheet for the login page:

Display Custom Fields In & Out of The Loop — 05/25/2011

Display Custom Fields In & Out of The Loop

INSIDE THE LOOP:

OUTSIDE THE LOOP:

Numbered Search Results in WordPress — 03/04/2011

Numbered Search Results in WordPress

I needed to show search results in an ordered list for a project I am working on and was very surprised to discover how involved this is for paginated search results. Showing the results using a regular ordered list starts the list numbering over at 1 on each new page of results, even though the next set of results was being displayed.

After some horribly hacky solution involving grabbing the page number from the URL and hard coding the number of posts per page, I was led in the right direction by NicktheGeek at StudioPress who suggested getting the number of posts per page from the query string and using the paged value to get the numbers dynamically before applying the math to get the list numbers to display correctly.

A bunch of CSS was required to make the list numbers look like they were actually generated by an <ol> tag. Styling will vary depending on your theme, but one thing that may help if things are looking messed up is to display the post/page titles and contents inline.

CSS:

PHP:
For non-Genesis themes, leave out the genesis_ lines.

Function: wp_tag_cloud — 03/02/2011

Function: wp_tag_cloud

Usage:

Defaults:

Parameters:

smallest
(integer) (optional) The text size of the tag with the smallest count value (units given by unit parameter).

Default: 8

largest
(integer) (optional) The text size of the tag with the highest count value (units given by the unit parameter).

Default: 22

unit
(string) (optional) Unit of measure as pertains to the smallest and largest values. This can be any CSS length value, e.g. pt, px, em, %.

Default: ‘pt’

number
(integer) (optional) The number of actual tags to display in the cloud. (Use ‘0’ to display all tags.)

Default: 45

format
(string) (optional) Format of the cloud display.

  • ‘flat’ separated by whitespace defined by ‘separator’ parameter.
  • ‘list’ UL with a class of ‘wp-tag-cloud’
  • ‘array’ returns the tag cloud as an array for use in PHP

Default: flat

separator
(string) (optional) The text/space between tags.

Default: ‘\n’ (whitespace)

orderby
(string) (optional) Order of the tags.

  • ‘name’
  • ‘count’

Default: name

order
(string) (optional) Sort order.

  • ‘ASC’
  • ‘DESC’
  • ‘RAND’ tags are in a random order.

Default: ASC

exclude
(string) (null) optional

Default: None

include
(string) (null) optional

Default: None

topic_count_text_callback
(string) (optional) The function, which, given the count of the posts with that tag, returns a text for the tooltip of the tag link.

Default: default_topic_count_text

link
(string) (optional) Set link to allow edit of a particular tag.

  • ‘view’
  • ‘edit’

Default: view

taxonomy
(string or array) (optional) Taxonomy or array of taxonomies to use in generating the cloud.

  • ‘post_tag’
  • ‘category’
  • ‘link_category’
  • ‘any other registered taxonomy’
  • or array of taxonomies Note: this parameter was introduced with Version 3.1

Default: post_tag

echo
(boolean) (optional) Display the result or return it in a variable. The default is true (display the tag cloud).

  • 1 (true)
  • 0 (false)

Default: true