// Setting up New WordPress Website
1. Log into WPEngine: https://my.wpengine.com/
2. Add New Install
- Type domain name which will be DOMAINNAME.wpengine.com
- Copy From: wordpressbase
- Duplicate (Includes content)
- Create install
3. Wait until the install is successfully created (The yellow banner will disappear)
4. Click on FTP username
- Type in new password to change
- Leave path as blank
- Click save
5. Click on PHPMyAdmin
- Click on database name with wp_
- Click Browse for the wp_users table
- Edit the username which matches the new domain (not the wpengine one)
- Paste a new password
- Change password dropdown to MD5 for encryption
- Change email from pete@paperstreet.com to blogs@paperstreet.com
- Save
- Exit PHPMyAdmin
6. Open WordPress admin located at http://DOMAINNAME.wpengine.com/wp-admin/
- Username: wordpressbase
- Password: Created in Step #5
7. Click on WP Engine tab
- Set "Object/Transient Cache" to Disabled
- Save
8. Click on Settings > General
- Change Site Title from "Pete Boyd Blog" to the client's name
- Change Tagline from "Your SUPER-powered WP Engine Blog" to a slider tagline
- Change email from pete@paperstreet.com to blogs@paperstreet.com
- Save changes
9. With new password setup in step #4, connect to the website via FTP
- Host: Server Address found under SFTP logins
- Username: DOMAINNAME in Step #2
- Password: Created in step #4
- Path: /
- Type: SFTP
- Port: 2222
10. Download the /wp-content/themes/paperstreet/ folder
11. Delete the Theme Switcher code in header.php which starts on line 54
   <?php
   // Remove Theme Switcher for your build
   include('/nas/wp/www/cluster-10561/wordpressbase/wp-content/themes/theme-switcher.php');
   ?>
12. If you are not building a Plus design ($9,500 level), then delete paperstreet2 and paperstreet3 theme folders

// If the wordpressbase theme did not copy
1. Download the paperstreet theme from WordPress Base
2. Download the plugins folder from WordPress Base
3. Log into WordPress Base
- Go to Tools > Export
- Ensure "All Content" is selected
- Click Download Export File
4. Upload paperstreet theme to new website
- Click on Appearances > Themes
- Activate paperstreet
5. Upload plugins folder to new website
6. Log into new website
- Go to Tools > Import
- Click on WordPress
- Click on Install Now
- Click on Activate Plugin and Run Now
- Choose file from step #3
- Click Upload file and import
- Select "wpengine" user for #1
- Select new domain username for #2
- Check "Download and import file attachments"
- Click Submit
7. Go to Settings > Reading
- Change "Front Page Displays" to "A static page (select below)"
- Change Front Page to "Home Page Headline"
- Change Posts Page to "Blog"
- Change "For each article in a feed, show" to Summary
- Ensure "Discourage search engines from indexing this site" is checked

// Double check plugins
1. Click on Plugins
2. Delete IJM Theme Switcher Bar
3. Installs plugins should be:
- Advanced Custom Fields
- Akismet
- Disqus Comment System
- Flexo Archives
- GatherContent Importer (Will remove after using)
- WP Force Lowercase URLs
- WP-PageNavi
- Yoast SEO

// Decide which items could use a CPT
- For example, Attorneys and Practice Areas are already setup as CPT
- Whitepapers, videos, podcasts, etc could be other examples

// Importing Content
1. Go to https://paperstreet.gathercontent.com/login
- Login with @paperstreet.com email address. We each have our own account
- Click the icon in the top right and select "Personal Settings"
- Copy the API Key from the "Legacy API" tab
2. Click on GatherContent in the bottom left
- Enter https://paperstreet.gathercontent.com
- Paste in the API Key from step #3
- Select the website from the list
- Click Import
- On the next page, all content pages should be listed
- Check the box to the far right from of Items title to select all pages
- Click "Configure selected items"
3. For each page:
- Import as: Page/Attorney/Practice Area
- Import to: New Entry (Home page, attorneys landing, etc can be selected for those pages)
- Parent: None or Parent Being Imported
- Status: Published
- For multiple children, can select "Repeat this configuration"
4. When you're done, click Import
- Popup box stating "Importing items and text content" will show progress
5. Go to Plugins and delete GatherContent Importer

// Transferring Content
1. Pages > Add New
- Or Attorneys > Add New
- Or Practice Areas > Add New
2. Copy the body content
- Possibly format some content with h2, h3, bold paragraph, ordered list, unordered list
- Try not to have extra spaces at the end of a sentence or empty paragraphs
3. Copy the title tag to the Yoast SEO field
4. Copy the meta description to the Yoast SEO field
5. Click Publish
6. Add the old link and new link to an Excel file with columns titled "OLD" and "NEW"

// Structuring Content
1. Delete testing content
- Posts: Test Post #1-5 and Hello World!
- Pages: Examples and its children
- Attorneys: Peter Boyd, John Doe, Jane Doe
- Practice Areas: Employment Law, Copyright Law, Maritime Injury Personal Injury and all their children
- Click on Trash
- Click on Empty Trash button to permanently remove all pages
2. Click Screen Options
- Change "Number of items per page" to 50. This will reduce the pagination. If needed, bump to 100 to fit on one page.
2. Log back into GatherContent via https://paperstreet.gathercontent.com/login
- Double check content for notes, order
3. Using the Quick Edit option, put the pages in order according to GatherContent
- Next to "Order", put 1 for the first page, 2 for the second and so forth
- Subpages can restart at 1
- For example: Home (1), About (2), Attorneys (3), Practice Areas (4), Blog (5), Contact (6), Confirmation (7), Sitemap (8), Disclaimer (9)
- Do the same for Attorneys and Practice Areas CPT as well
- When you refresh, the pages will show in the correct order now
4. If you imported the Home Page into "Home Page Headline", go to that page and edit the title
- Same for About, Attorneys, Practices, Legal
5. Add links to content
- Highlight text
- Click chainlink tool
- Click "Or link to existing content"
- Type in page name
- After finding the page, click it so the URL changes
- Delete the front portion of the URL, such as "http://tlgattorneys.wpengine.com" leaving the forward slash
- Click Add Link
- Repeat for each link
6. Copy the title tag to the Yoast SEO field
7. Copy the meta description to the Yoast SEO field
8. Click Update to save

// Add the Menu
1. Go to Appearance > Menus
2. Ensure Main Navigation (Primary Menu) is selected at the top
3. Match the menu exactly to the PSD
- If the PSD includes a dropdown, add the children.
- Add the subpages in the order according to GatherContent, which is the same as the menu order now after updating in the last section
4. Click Save menu

// Permalniks
1. Go to Settings > Permalinks
2. Select Custom Structure and add /blog/%postname%/
- If the website uses News & Resources, change /blog/ to /news-resources/
- Always match the blog slug
3. Click Save Changes
4. For Custom Post Types, the added static text (in the form of the blog slug) in front of the %postname% wildcard causes problems
- For this reason, we have to ensure our CPTs in /wp-content/themes/paperstreet/functions.php use the with_front attribute
- The following two lines of code:
   $rewrites = array('with_front' => false); <-- THIS LINE
   register_post_type('attorneys',
      array(
         'labels' => $labels,
         'public' => true,
         'supports' => $supports,
         'hierarchical' => true,
         'show_in_nav_menus' => true,
         'rewrite' => $rewrites <-- THIS LINE
      )
   );

// Copying Over Slice Files
1. If you haven't already, download the /wp-content/themes/paperstreet/ folder
2. Unzip and open the Slice folder
2. Within the CSS folder of the paperstreet theme
- Open compressed.css
- Open slice/assets/dist/css/foundation.css
- Find meta.foundation-version {font-family: "/5.5.3/";} at the top
- WordPress Base is currently on version 5.5.2
- If newer, copy and paste the foundation.min.css file in compressed.css, ovewriting the older version of Foundation
- If there are other CSS scripts, such as for jQuery scripts, add them to compressed.css above /* Style */
- Open style.css
- Change the name at the top from "WordPress Base" to the firm name
- Open slice/assets/dist/css/main.css (The main stylesheet with all the custom classes, could be called screen.css)
- Overwrite the style.css contents with main.css
- For your reference, you can copy the original contents of style.css into a new file
- At this point, I like to compress the entire style.css file by hand so all rules are on one line.
  This takes time, but it's 100% worth it in my opinion. I also add comments to break up the sections and understand the code.
  Since I didn't write the code, it's good to go over it and at least understand it.
  For example: http://tlgattorneys.wpengine.com/wp-content/themes/paperstreet/css/style.css
- Upload compresses.css and style.css
3. Within the JS folder of the paperstreet theme
- Open compressed.js
- Open slice/assets/dist/js/jquery.js
- Find the version number at the top
- WordPress Base is currently on version 1.11.3
- If newer, copy and paste the jquery.min.js file in compressed.js, overwriting the older version of jQuery
- Open slice/assets/dist/js/foundation.js
- Search for the version number, which looks like this - version : '5.3.1',
- WordPress Base is currently on version 5.5.2
- If newer, copy and paste teh foundation.min.js file in compressed.js, ovewriting the older version of Foundation
- If there are other JS scripts, add them to compresses.js above /* Custom */
- The other JS scripts may be located in main.js at the top, in which case, please move them
- A popular one is Modernizr which adds CSS classes for deprecated browsers
- Open custom.js
- Open slice/assets/dist/js/main.js
- Copy and paste the remaining custom jQuery code to custom.js (Start at // Custom functions and do not overwrite top items)
- Upload compressed.js and custom.js
4. Within the images folder of the paperstreet theme
- Copy the entire images folder from the slice
- Overwrite logo.png
- Upload folder contents

// Applying Templates
1. Open header.php
- Scroll down to right below <body <?php body_class(); ?>>
- Copy and paste the <header> area from the slice to the PHP file
- wp_nav_menu(array('theme_location' => 'primary')); will go in place of the static <ul> menu
- The if(!is_front_page()) block of code targets all subpages, primarly used for featured image banner areas
- Upload header.php
2. Open footer.php
- Compare the footer area of the subpages in case there are additional areas above the <footer> tag which repeat
- Copy and paste the <footer> area from the slice to the PHP file
- Add &copy; <?php echo date('Y'); ?> in place of static text
- Add <a href="http://www.paperstreet.com" target="_blank">A PaperStreet Web Design</a> in to link back to our site
- Add links to disclaimer, sitemap and privacy policy
- Leave the bottom section with script and wp_footer alone
- Upload footer.php
3. Open template-home.php
- Open the homepage HTML file (For example: slice/screen_5.html)
- Copy the HTML code between <header> and <footer>
- Paste between the get_header and get_footer PHP functions
- Use <?php echo get_template_directory_uri(); ?>/ for the image filepath.
  For example: <img src="<?php echo get_template_directory_uri(); ?>/images/s1.jpg" />
- Replace the static homepage text with:
  <h1><?php the_title(); ?></h1>
  <?php the_content(); ?>
- Upload template-home.php
4. Open page.php
- This template is for two-column (content and sidebar) pages that do not fit in the other templates. For example, the sitemap, disclaimer and about.
- Delete the // Coding examples code block
- Also delete the // Functions code block
- If the contact form is not using a two-column template, delete the // Contact code block
- If the practice areas template is not using a two-column template, delete the // Practice Areas code block
- Open the practice detail sliced file. In most cases, this template fits the two-column description also.
- Copy and paste the opening and close <div> containers for the content column and sidebar column
- Then, copy and paste the HTML code between these tags. For the sidebar, this usually includes <div class="widget"> to go along with the page lists. A contact form is usually in the sidebar also. For the content column, start with the code around the <h1> title and then move down to the content area. WordPress press the_title and the_content are used to print the actual text.
- Upload page.php
5. Open template-wide.php
- This template is for pages take up the full-width of the content area. The attorney landing, practice landing and contact pages usually fit this description. If the attorney landing requires a search, use a custom template such as template-attorneys.php
- Compare the HTML code for these three files. Copy the outside container <div> that all pages have in common. Maybe be multiple containers such as <div class="container"> and <div class="row">
- Paste the outside container below get_header and above the while loop.
  In place of <div class="main"><div class="row">
  Add or subtract the </div> containers at the bottom of page.php
- Go the practices landing template
- Copy the HTML code between the container <div> classes previously added
- Paste between if statement for Practice Areas:
  if(get_the_id() == 7)

5. Open single-attorneys.php
- As the name states, this file is the detail page for the attorneys CPT
-
6. Open single-practices.php
- As the name states, this file is the detail page for the practices CPT


4. Open page.php
- Delete the // Coding examples code block1
- Also delete the // Functions code block


5. Open single-attorneys.php
- As the name states, this file is the detail page for the attorneys CPT
-
6. Open single-practices.php
- As the name states, this file is the detail page for the practices CPT