Archive for the ‘WordPress’ Category

Google Web Fonts in HTML5Press

2

I’ve added 20 Google Web Fonts to HTML5Press. I pretty much just chose 20 fonts at random and went with them. The default font is still Droid Serif. You can choose one of these fonts via the theme options page.

The first 20 fonts are:

Antic
Volkhov
Numans
Voltaire
Short Stack
Questrial
Comfortaa
Rationale
Varela Round
Abel
Gloria Hallelujah
Sue Ellen Francisco
Nothing You Could Do
Amaranth
Quattrocento Sans
IM Fell Great Primer SC
PT Sans Narrow
Walter Turncoat
Jura
Coming Soon

You can see previews of those fonts here.

Do you want more Google Web Fonts added to HTML5Press?

View Results

Loading ... Loading ...

If you vote “yes” and have a specific font in mind, please leave a comment here and let me know what font you’d like included. I’d be happy to include any fonts requested.

Oh, and if you’re curious, I’m using the “Gloria Hallelujah” font as of this posting.

UPDATE 9/7/2011: I added 25 more fonts. All ~50 fonts will be available when HTML5Press 2.0 is released. If you’d like to try it early, you can download it from Github.

HTML5Press Lightbox Effect

2

The most recent poll I posted here indicates that most HTML5Press users would like to see a lightbox-type effect built into HTML5Press.

Would you like a lightbox-type effect built into HTML5Press?

  • Yes (91%, 32 Votes)
  • No (9%, 3 Votes)

Total Voters: 35

Loading ... Loading ...

I thought about adding a lightbox-type feature to HTML5Press with CSS3 but ended up settling on Slimbox2 instead. Slimbox2 is a very small clone of the popular Lightbox image overlay effect.

I have implemented slimbox2 for featured images mostly. So, if you click on a featured image when viewing a single post, the large image will show in the slimbox.

It will also work with images embedded directly in your posts. You won’t have to worry about adding rel=”lightbox” to your image links either, as I’ve added some code to take care of that automatically.

I haven’t officially released a new version of HTML5Press that includes this new feature, but if you’re interested you can grab a development version of HTML5Press from Github.

You’ll need to enable the lightbox effect via the HTML5Press Options page in your WordPress Dashboard. The effect is turned off by default.

This post is sponsored by:
Comindware – is an innovative company that produces unique business software and online collaboration tools for any industry.

WordPress Tip: Redirect to Previous Page After Login

9

I work for a group of newspapers here in Iowa. We recently started moving these sites to WordPress. Site visitors must be logged in to view stories. They can see all the stories on the front page, but when they click through to a single story, they see a login form in place of the post/story content.

I needed to redirect users back to the page they were viewing after logging in. So, if a user was viewing a story called “Look at me now”, they’d need to be redirected back to that story after logging in.

To achieve this redirect after login, add the following code to the functions.php file for your theme:


if ( (isset($_GET['action']) && $_GET['action'] != 'logout') || (isset($_POST['login_location']) && !empty($_POST['login_location'])) ) {
	add_filter('login_redirect', 'my_login_redirect', 10, 3);
	function my_login_redirect() {
		$location = $_SERVER['HTTP_REFERER'];
		wp_safe_redirect($location);
		exit();
	}
}

I looked at a number of plugins to do this, but none seemed to offer this functionality.

A bit of searching on Google yielded this post at Taproot Creative. I modified the code on that post to set the redirect location to the referring page, and that was it!

Now users are redirected back to the story/post they originated from.

Post navigation