Since I haven’t posted anything on this website in awhile, it’s probably time to post something. I will be speaking at the ‘Orlando WordPress Round Table’ Meetup.com group meetup meeting…meeting. I will be talking about styling WordPress themes with CSS and creating child themes in WordPress. The date is May 25.
Why must pagination in WordPress be so frustrating? Pagination with custom queries, that is.
This little bit of news may help some others out. When using a custom query, using ‘paged’ as a query variable within wp_query is common practice.
Adding this line of code to your custom query variables used to be acceptable:
‘paged’ => ( get_query_var(‘paged’) ? get_query_var(‘paged’) : 1 )
…but it doesn’t work now! BUT WHY!?
That’s because since WordPress 3.0.2, it is no longer ‘paged’ as a get_query_var. It is now just ‘page’. Use this code isntead:
‘paged’ => ( get_query_var(‘page’) ? get_query_var(‘page’) : 1 )
Now it should work.
The time has come again for WordCamp SF! I’m adding my personal keynotes here on stuff I want to remember from each presentation.
Simple Stuff to Make WordPress Faster
80% of the end user repsonse time is on the front end
In chrome: the blue tab ball thing is 20% (Your HTML), rest is front-end stuff
Turn on HTTp compression (gzip or deflate)
- go to html5boilerplate.com and grab the .htaccess file from github and paste in gzips tuff into your own .htaccess file
- mediaTemple: you need to turn on mod_deflate
- Set expires headers
- Break cache: style.css?v=1, etc
Losslessly optimize images
- Windows: PNGgauntlet
Make WordPress Faster
Environement: NGINX, PHP-FPM
Measure All The Things!
Cache, compress, serve (CDN)
Identify ‘your’ bottleneck today.
Analyze google analytics!
mod_pagespeed is an apache module for automatic optimization
Make Plugins Faster
State of The Word / Lunch
In-page editing – Customizer
Improvements in WordPress 3.5: Making galleries without adding photos to posts!
WordPress using custom post types as map items in Google Maps
16.7% of web is WP now
Custom Post Type Special
Zen of WP Development
Automattic Developer Plugin (User Switch To)
Apparently I’m an expert in WordPress, but we already knew that!
CodePoet just opened it’s doors and there is a quiz you can take to see your proficiency level with WordPress. Did I win?
Update: In the iPad version of my responsive CSS, there was in fact a min-device-pixel-ratio property in there for -moz- and -webkit- trying to detect retina displays on iPhone 4. This unfortunately triggered the iPad 3 with its new display into showing the mobile version in certain areas.
Anyone else having problems with the iPad 3 retina display wreaking havoc on your responsive website? Well, it’s not really havoc, but it’s an issue when someone comes up to you with an iPad 3 that’s displaying the mobile version of your website.
We are using a responsive stylesheet with only two alternate modes besides ‘full screen’. I was not able to use the mobile-first approach during the development of the site, so that went out the window. Tweaking our pixel values in the media queries may help, or adding detection for certain pixel ratios may help.
I will be missing out on the CSS dev day at inControl Orlando this year. BUT WHY YOU ASK? I will be out at a shooting competition, so I’m not mad.
Chalk another one up on the list. I’ll be attending the InControl conference this year in Orlando. Awesome.
AWESOME! My first real speaking event. Be sure to attend WordCamp Orlando!
Richmond, Virginia. Humid and wet.
Currently learning about content strategy and information architecture.
Saturday – Designers Track
Awesome Up Your Theme!
Custom post types!
<?php post_class(); ?> similar to body class. Use in post types such as <article> <aside> etc.
<?php get_template_part(); ?> => <?php get_template_part(‘content’); ?>’
get_post_format_link( get_post_format() );
<figure class="gallery-thumb"> <?php echo $image_img_tag; ?> </figure>while ( $recent_image_posts->have_posts() ) : $recent_image_posts->the_post(); get_template_part( 'content', 'image' ); endwhile;
Remember, the_content() is still king.
Version Control for Designers
Responsive Web Design
Fluid media and re sizable webdesign that works on every device.
Media queries: @media and etc.
Chris Coyier from CSS-Tricks! – Pseudo Elements
:before and :after, etc.
Can’t use pseudo’s on non-content elements such as <img> and </br>
CSS-based icons using pseudo elements
Is now good! Only 5 open tickets with the release of the RC.
TypeKit is great, if you can justify the subscription and use it allot.
TypeKit worked with Google to develop web font pre-loader using Java.
Scaling & Servers
Shared media server for uploads.
Drupal to WordPress – The Observer
Content re-use – Auto-complete for previously published content.
Improve cache ability to improve performance – W3 total cache, but caused problems over time; certain query kills server resources.
Check slow query log for issues.
The fix – Plugin called ‘Memcached Object Cache’! Still issue though, cache fills up until flush. Possible solution: allot more RAM to cache.
* Lunch at Tadich’s Grill. AMAZING. Go there immediately!
Otto and Nacin Show
Object cache: wp_cache_set();
Global cache groups: wp_cache_add_global_groups();
switch_to_blog – The devil? Be sure to cache around it!
Set global cache around global nav; for that issue.
Interesting fact: wp_sideload_image() – Pulls image from external URL into media library, not used by WP but is included in core.
Deep WordPress VooDoo
Ask Barry – Scaling and Etc.
Building Custom CMS applications on WordPress
Developers…think about content!
Focus on C and M. Content and management.
What is the content?
What is the data?
Where is the data stored?
Document Revisions by Ben Balter (In beta)
Management: Who edits/contributes? How is it curated?
I’m at WordCamp SF 2011!