| /*================================== | |
| Default CSS | |
| =====================================*/ | |
| @import url('https://fonts.googleapis.com/css?family=Poppins:200,200i,300,400,500,500i,600,600i,700,700i,800,800i,900'); | |
| body { | |
| font-family: 'Poppins', sans-serif; | |
| line-height: 1.7; | |
| font-size: 15px; |
FWIW: I didn't produce the content presented here (the outline from Edmond Lau's book). I've just copy-pasted it from somewhere over the Internet, but I cannot remember what exactly the original source is. I was also not able to find the author's name, so I cannot give him/her the proper credits.
⇐ back to the gist-blog at jrw.fi
Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.
I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.
This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso
| # | |
| # Sources: | |
| # http://stackoverflow.com/questions/7704624/how-can-i-use-gzip-compression-for-css-and-js-files-on-my-websites | |
| # http://codex.wordpress.org/Output_Compression | |
| # http://www.perun.net/2009/06/06/wordpress-websites-beschleuinigen-4-ein-zwischenergebnis/#comment-61086 | |
| # http://www.smashingmagazine.com/smashing-book-1/performance-optimization-for-websites-part-2-of-2/ | |
| # http://gtmetrix.com/configure-entity-tags-etags.html | |
| # http://de.slideshare.net/walterebert/die-htaccessrichtignutzenwchh2014 | |
| # http://de.slideshare.net/walterebert/mehr-performance-fr-wordpress | |
| # |
| <?php | |
| $loop = new WP_Query( array( | |
| 'post_type' => 'Property', | |
| 'posts_per_page' => -1 | |
| ) | |
| ); | |
| ?> | |
| <?php while ( $loop->have_posts() ) : $loop->the_post(); ?> |
| /** | |
| * How to link into the WordPress Customizer | |
| */ | |
| Simple Link: | |
| <a href="<?php echo esc_url( admin_url( 'customize.php' ) ); ?>">Link to Customizer</a> | |
| Link to Panel: | |
| $query['autofocus[panel]'] = 'nav_menus'; |
| /** | |
| * Don't forget to include FontAwesome library, version 4.7 | |
| */ | |
| .social-icons li a:before { | |
| font-family: FontAwesome; | |
| } | |
| /* Default link icon - keep this icon first */ | |
| .social-icons li a[href*="http"]:before, | |
| .social-icons li a[href*="#"]:before { |
| <?php | |
| /** | |
| * WordPress Customizer Comprehensive Reference | |
| * Compiled by @ti_asif | |
| */ | |
| Panel | |
| Section |
| <?php | |
| function themename_customize_register($wp_customize){ | |
| $wp_customize->add_section('themename_color_scheme', array( | |
| 'title' => __('Color Scheme', 'themename'), | |
| 'priority' => 120, | |
| )); | |
| // ============================= |