Kamil Mugutdinov mugukamil

Basic Knowledge START WITH THESE!

WP Template Hierarchy : https://codex.wordpress.org/Template_Hierarchy
WP Template Tags : https://codex.wordpress.org/Template_Tags

Step by Step

Preparing the Markup : http://code.tutsplus.com/tutorials/creating-a-wordpress-theme-from-static-html-preparing-the-markup--wp-33895
Creating Template Files : http://code.tutsplus.com/tutorials/creating-a-wordpress-theme-from-static-html-creating-template-files--wp-33939
Uploading Your Theme to WordPress : http://code.tutsplus.com/tutorials/creating-a-wordpress-theme-from-static-html-uploading-your-theme-to-wordpress--wp-33955
Adding a loop : http://code.tutsplus.com/tutorials/creating-a-wordpress-theme-from-static-html-adding-a-loop--wp-33968
Setting Up The Header : http://code.tutsplus.com/tutorials/creating-a-wordpress-theme-from-static-html-setting-up-the-header--wp-34005

#Error management in gulp

Sucking at something is the first step to becoming sorta good at something

No one can assure you, that plugins will run smooth in any circumstances (except for tests - they could), so neither should you convince anyone, that your plugin will never break. Only thing, that you could possibly do (if something gone wrong) - is gracefully inform your plugin user, that something went wrong and die.

We are will use this plugin from beginning to demonstrate error management. Suppose you have a task in gulpfile.js that contains this code (we modified it a little bit to be closer to real-usage):

var coffee = require('gulp-coffee');

	<!doctype html>
	<!--[if IE 8]<html lang="en" class="ie8> <![endif]-->
	<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Mobile Specific Meta -->

	//Set Variables
	$button-white: #ffffff;
	$button-green: #44ca00;
	$button-green-dark: #369a12;
	$button-blue: #a6d1f9;
	$button-blue-dark: #14283e;
	$button-gray: #eeeeee;
	$button-red: #9e0b0f;

	//Create Array

	/**
	* Helvetica Neue Normal (No Stretch)
	*/

	/* Helvetica Neue Black Font Stack */
	.{font-family: "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Arial Black", sans-serif; font-weight:800; font-stretch:normal;}

	/* Helvetica Neue Heavy Font Stack */
	.{font-family: "HelveticaNeueHeavy", "HelveticaNeue-Heavy", "Helvetica Neue Heavy", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Arial Black", sans-serif; font-weight:700; font-stretch:normal;}

	#!/usr/bin/env bash

	echo ">>> Starting Install Script"

	# Update
	sudo apt-get update

	# Install MySQL without prompt
	sudo debconf-set-selections <<< 'mysql-server mysql-server/root_password password root'
	sudo debconf-set-selections <<< 'mysql-server mysql-server/root_password_again password root'

	set nocompatible " Disable vi-compatibility
	set t_Co=256

	colorscheme xoria256
	set guifont=menlo\ for\ powerline:h16
	set guioptions-=T " Removes top toolbar
	set guioptions-=r " Removes right hand scroll bar
	set go-=L " Removes left hand scroll bar
	set linespace=15

	Linux - create "Default (Linux).sublime-mousemap" in ~/.config/sublime-text-3/Packages/User
	Mac - create "Default (OSX).sublime-mousemap" in ~/Library/Application Support/Sublime Text 3/Packages/User
	Win - create "Default (Windows).sublime-mousemap" in %appdata%\Sublime Text 3\Packages\User

	[
	{
	"button": "button1",
	"count": 1,
	"modifiers": ["ctrl"],
	"press_command": "drag_select",

	@import compass

	$icons: sprite-map("icons/*.png")
	$icons-hd: sprite-map("icons-hd/*.png")

	i
	background: $icons
	display: inline-block
	@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi)
	background: $icons-hd