Ebrahim Moeini ebi3102

## tailwind-webpack-setup.md

      
              1 file
            
          
              48 forks
            
          
              37 comments
            
          
              171 stars
            
          
                bradtraversy
                / tailwind-webpack-setup.md
            
            
              Last active
              June 16, 2024 17:28
            
              
                Setup Webpack with Tailwind CSS
              
          
    Webpack & Tailwind CSS Setup

Create your package.json

npm init -y

Create your src folder

Create a folder called src and add an empty index.js file. The code that webpack compiles goes in here including any Javascript modules and the main Tailwind file.

  
## cpt-list.php
<?php
/**
 * @package Wordpress Theme
 * @subpackage wordpress-theme
 * @since Wordpress Theme 1.0
 * Template Name: Template-post-list
 */
/* How to Use it
 for use of this file you should copy it into your theme directory
 then create a page in your wordpress admin dashboard and set it's template

## get-ip.php
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Your IP Address</title>
</head>
<body>
<p>Your IP address followes:</p>
<div style="background: #ddd ; border:1px solid #999; font-weight: bold; font-size:20px; padding: 10px; width: 50%;">
	<p>Your IP Address:

## install wp-cli on windows beside xammp
Installing WP-CLI in Windows

WP-CLI is a tool for controlling WordPress through a console window.

thanks to author of this page on wensolutions.com
http://wensolutions.com/installing-wp-cli-in-windows/

For linux : https://www.jetbrains.com/help/idea/using-the-wordpress-command-line-tool-wp-cli.html

Although it is said that wp-cli requires UNIX-like environment (OS X, Linux, FreeBSD, Cygwin) environment however it is still possible to install in Windows environment.

## example-wp-list-table.php
<?php
/*
 * Plugin Name: Paulund WP List Table Example
 * Description: An example of how to use the WP_List_Table class to display data in your WordPress Admin area
 * Plugin URI: http://www.paulund.co.uk
 * Author: Paul Underwood
 * Author URI: http://www.paulund.co.uk
 * Version: 1.0
 * License: GPL2
 */
	<?php
	/**
	* @package Wordpress Theme
	* @subpackage wordpress-theme
	* @since Wordpress Theme 1.0
	* Template Name: Template-post-list
	*/
	/* How to Use it
	for use of this file you should copy it into your theme directory
	then create a page in your wordpress admin dashboard and set it's template
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Your IP Address</title>
	</head>
	<body>
	<p>Your IP address followes:</p>
	<div style="background: #ddd ; border:1px solid #999; font-weight: bold; font-size:20px; padding: 10px; width: 50%;">
	<p>Your IP Address:
	Installing WP-CLI in Windows

	WP-CLI is a tool for controlling WordPress through a console window.

	thanks to author of this page on wensolutions.com
	http://wensolutions.com/installing-wp-cli-in-windows/

	For linux : https://www.jetbrains.com/help/idea/using-the-wordpress-command-line-tool-wp-cli.html

	Although it is said that wp-cli requires UNIX-like environment (OS X, Linux, FreeBSD, Cygwin) environment however it is still possible to install in Windows environment.
	<?php
	/*
	* Plugin Name: Paulund WP List Table Example
	* Description: An example of how to use the WP_List_Table class to display data in your WordPress Admin area
	* Plugin URI: http://www.paulund.co.uk
	* Author: Paul Underwood
	* Author URI: http://www.paulund.co.uk
	* Version: 1.0
	* License: GPL2
	*/