WordPress


Clippy - CSS Tool to generate some commonly used shapes

How to add a WordPress widget to your website header

If WP admin bar not showing on front end, add this to functions.php

function admin_bar()
{
if(is_user_logged_in()){
add_filter( 'show_admin_bar', '__return_true' , 1000 );
}
}
add_action('init', 'admin_bar' );

Theme support

Panoramic wp theme support


Neighbourhood theme forum

Betheme

Betheme forum

Kale

Guardian WP theme support forum

SiteOrigin Vantage theme support


Moesia documentation: http://athemes.com/documentation/moesia/

Total support: http://themeforest.net/item/total-responsive-multipurpose-wordpress-theme/6339019/support

Access Press Ray theme
Access Press Ray documentation
Access Press Ray youtube video tutorials

 

WP Twenty Twelve

http://allaboutbasic.com/2012/09/05/wordpress-com-theme-twenty-twelve-theme-modification-modify-headerfooterfontsitebartitles-using-css/

 

WP customise Twenty Fourteen theme
http://premium.wpmudev.org/blog/how-to-make-twenty-fourteen-or-any-other-wp-theme-super/

iscout everyday adventure wp theme support

Ready to use CSS styles

http://tympanus.net/Tutorials/BasicReadyToUseCSSStyles/

 

WP Themes

http://themeforest.net/

 

CPO Wordpress themes

HTML

Centering images:
http://www.netmechanic.com/news/vol7/html_no10.htm
 

HTML Center images

<p align="center"><img src="imgName.gif" alt="image description" height="100" width="100"></p>

WordPress blog More tags
(Vantage theme - Head to Appearance > Theme Settings > Blog and set your Post Content to Full Content. Then go to each post add More tags as required)

Displaying images side by side in WordPress

http://vivin.net/2009/11/05/displaying-images-side-by-side-in-wordpress/
Media queries for standard devices
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
 

Bootstrap

http://www.w3schools.com/bootstrap/
 
Bootstrap components
http://getbootstrap.com/components/

WORDPRESS FORUM SUPPORT
 
https://wordpress.org/support/ 

Codex Function reference
http://codex.wordpress.org/Function_Reference/
https://developer.wordpress.org/reference/

WP Plugin support

WP-e-Commerce plugin video tutorials

http://docs.getshopped.org/category/resources/videos/
Customer area plugin Support

http://wordpress.org/support/plugin/customer-area

http://customer-area.marvinlabs.com/support/forum/general-support-questions/

http://customer-area.marvinlabs.com/demo/

Updating plugins

http://customer-area.marvinlabs.com/documentation/general-topics/updating-main-plugin-andor-add-ons/

Customer Area plugin - update procedure
http://wp-customerarea.com/documentation/update-procedure/


Videos
How to Turn Off Related YouTube Videos in WordPress

Wordpress - embed video

Setting width of youtube videos (last resort way):

<div style="max-width:500px">
https://www.youtube.com/embed/om5yyGPtc64
</div>


Bootstrap course
http://getbootstrap.com

Sass
http://sass-lang.com/guide

Scout (must have Java installed)
http://mhs.github.io/scout-app/

Font awesome cheatsheet: http://fortawesome.github.io/Font-Awesome/cheatsheet/

Bootstrap

Glyphicons example

<i class="glyphicon glyphicon-envelope"></i> Contact

button example
<a class=“btn btn-primary” href=“#”>Sign up </a>

Font awesome - download toolkit from here: http://fortawesome.github.io/Font-Awesome/
Unzip, and copy font-awesome.css and everything in the fonts folder to your project.
Icon examples: http://fortawesome.github.io/Font-Awesome/icons/

Bootswatch - free bootstrap themes (click on download and copy code to html file)

Bootstrap article: http://www.hotscripts.com/blog/started-twitters-bootstrap/
Bootstrap button generator: http://www.plugolabs.com/twitter-bootstrap-button-generator-3/

Bootstrap tutorial: http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/



<div class="text-center">

</div>



<div class="clearfix">

</div>

Useful to know:

Embed video and set dimensions (example)
[embed width="640" height="360"]http://www.youtube.com/watch?v=e5_Q-LvQu1Y[/embed]

 


WordPress word-wrap:
word-wrap: normal;
-webkit-hyphens: none;
        -moz-hyphens: none; 
        hyphens: none;


Force line break
<p>&nbsp;</p>

 
CSS - handy code

<p><br clear="all" /></p>

 

<br class="blank">
this won't be stripped by wordpress editor 
 

Try using <br />

CSS padding example
 
p {
    padding-top: 25px;
    padding-right: 50px;
    padding-bottom: 25px;
    padding-left: 50px;


CSS margin example
p {
    margin-top: 100px;
    margin-bottom: 100px;
    margin-right: 150px;
    margin-left: 50px;

 

 

HTML

<a href="http://www.w3schools.com" target="_blank”>


Wordpress - Clearing your Site & Browser Cache – Important!
AFTER you update your theme you must clear all site and browser cache to prevent errors (this should be done when updating ANY theme or plugin). So, before getting into how to update your theme it’s really important you understand how to clear your cache. Please read or bookmark the links below so you know how to do this after updating.


  1. Clear site cache
  2. Clear browser cache

Animate.css
https://daneden.github.io/animate.css/

wow.js
http://mynameismatthieu.com/WOW/
(click on Github, dist)
click on how to use - link & activate:

<script>
 new WOW().init();
</script>