WordPress¶

1. Download the latest WordPress
2. Unpack the contents to V:\wp\
3. You should have the following structure: V:\wp\wp-config-sample.php
4. In your browser, open: http://CT_SERVER_NUMBER.pinky.createit
5. WordPress Installation will appear
6. Set database name: wp_CT_SERVER_NUMBER, eg. wp_ct11
7. Set database username: wp_CT_SERVER_NUMBER, eg. wp_ct11
8. Set database password: ct
9. Set database host: localhost
10. Set table prefix: wp_
11. Click: Submit
12. Choose English language
13. Set your CT_SERVER_NUMBER as a site title
14. Set username: createit
15. Set password: createit
16. Check: Confirm use of weak password
17. Set email: Your CT domain e-mail address
18. Check: Discourage search engines from indexing this site
19. Click: Install WordPress
20. Click: Log in (twice)
21. Now, You should be logged in to WordPress wp-admin panel

Multisite¶

Multisite will allow you to have multiple themes installations at one place.

1. In notepad open V:\wp\wp-config.php
2. Above the line /* That's all, stop editing! Happy blogging. */ add text: define( 'WP_ALLOW_MULTISITE', true );
3. In a browser, open: http://CT_SERVER_NUMBER.pinky.createit/wp-admin/
4. Enter menu: Tools -> Network setup
5. Select: Sub-directories
6. Click: Install
7. Follow the on screen instructions
8. Now, You should have access to network settings on top of wp-admin panel

Got stuck? Here’s a Codex tutorial on how to Create a Network

Boilerplate Checkout¶

1. Create a directory C:\work\boilerplate

2. Copy contents of V:\wp (including hidden files) to C:\work\boilerplate

3. Run PHPStorm and click: Open…, and select C:\work\boilerplate

4. In PHPStorm menu click: File -> Settings -> Languages & Frameworks -> PHP -> Frameworks and check: Enable WordPress integration and type path to WP files: C:\work\boilerplate

5. In PHPStorm menu click: VCS -> Checkout from version control -> Git

6. Enter Git repository URL: Theme boilerplate

7. Enter parent directory: C:\work\boilerplate\wp-content\themes

8. Enter directory name: theme-boilerplate

9. Click: Clone and enter credentials

10. After a while you should have C:\work\boilerplate\wp-content\themes\theme-boilerplate directory content cloned from Git

11. Repeat checkout with Theme Plugin boilerplate and Theme Demo Plugin boilerplate to C:\work\boilerplate\wp-content\plugins directory

12. For Theme Plugin and Theme Demo Plugin you also need to composer update the framework.

    1. In PHPStorm, press Alt+F12 to open the terminal

    2. Go to Theme Plugin directory (eg. type cd \, press enter, type cd work\boilerplate\wp-content\plugins\theme-plugin-boilerplate, press enter)

    3. Type composer update and press enter

    4. Here’s a screenshot of PHPStorm Terminal:

       

    5. Unyson and Bumblebee frameworks should now be present in vendor directory.

    6. Repeat these steps for Theme Demo Plugin

Deployment¶

Let’s try to send those files to server.

1. In Project view, right click on C:\work\boilerplate\wp-content\themes\theme-boilerplate directory and click: Upload to pinky
2. Go to file explorer and check if files were sent to the server. If not, check your Deployment settings
3. Go to http://CT_SERVER_NUMBER.pinky.createit/wp-admin and select on the top: My Sites -> Network Admin -> Themes
4. Theme boilerplate should be visible on the list of themes. Network activate it.
5. Now, you can activate the theme in site wp-admin.

Commit changes¶

1. In PHPStorm open c:\work\projectname
2. In PHPStorm project tree view, right click on c:\work\projectname\wp-content\themes\projectname folder and select git -> add
3. In PHPStorm project tree view, right click on c:\work\projectname\wp-content\plugins\projectname-plugin folder and select git -> add
4. Press Ctrl+K, select all files you wish to send to git, then press ‘commit & push’. Alternatively, you can right click on a folder and select git -> push.

wp-config.php¶

Add below lines to your wp-config.php content (anywhere above wp-settings.php load line):

# set this for easy plugin installation
define("FS_METHOD",'direct');

# set error show
define('WP_DEBUG', true);
define('WP_DEBUG_LOG', true);

.htaccess (optional)¶

You may take advantage of xdebugger by setting .htaccess something like this:

RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]

# add a trailing slash to /wp-admin
RewriteRule ^([_0-9a-zA-Z-]+/)?wp-admin$ $1wp-admin/ [R=301,L]

RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
RewriteRule ^([_0-9a-zA-Z-]+/)?(wp-(content|admin|includes).*) $2 [L]
RewriteRule ^([_0-9a-zA-Z-]+/)?(.*\.php)$ $2 [L]
RewriteRule . index.php [L]

# general errors
php_flag display_startup_errors on
php_flag display_errors on
php_flag log_errors on
php_value error_log  /var/www/YOUR-PATH/logs/PHP_errors.log
php_value error_reporting -1
php_value short_open_tag false

# xdebug dump
php_value xdebug.var_display_max_depth 20
php_value xdebug.var_display_max_children 256
php_value xdebug.var_display_max_data -1
php_value xdebug.max_nesting_level 5000
php_value xdebug.show_local_vars 1
php_value xdebug.collect_params 1
# php_value xdebug.collect_assignments 1
# php_value xdebug.collect_includes 1
# php_value xdebug.collect_return 1

# xdebug debugger
php_value xdebug.remote_connect_back 1

# xdebug profiler
php_value xdebug.profiler_enable 0
php_value xdebug.profiler_enable_trigger 1
php_value xdebug.profiler_enable_trigger_value PHPSTORM
php_value xdebug.profiler_output_dir /var/www/YOUR-PATH/logs/profiler
php_value xdebug.profiler_output_name callgrind.%H%R.callgrind

# xdebug trace
php_value xdebug.auto_trace 0
php_value xdebug.trace_enable_trigger 1
php_value xdebug.trace_enable_trigger_value PHPSTORM
php_value xdebug.trace_output_dir /var/www/YOUR-PATH/logs/trace
php_value xdebug.trace_output_name trace_%H%R
php_value xdebug.trace_format 0

Database access¶

If you need database access, use one of the following tools:

• PHPStorm (menu View -> Tool windows -> Database)
• Adminer or
• HeidiSQL

Here is an Adminer basic setup. Adminer is a simple PHP tool.

1. Download Adminer

2. Place adminer-#####-mysql.php file in your server wordpress directory, eg. V:\ct11\wp\adminer.php

3. Open the file in browser, eg. http://ct11.pinky.createit/adminer.php

4. Enter db credentials (replace ct11 with your pinky number)

   

5. You should see all tables of your database:

   

6. That’s it.