Web Design

How to Setup wordpress

00. Install Evernote App and setup an Account to track all your Installation and Website creation details. ( Their is a lot to remember )
0. Setup a Gmail Account similar to the Domain name or Niche you want to use. 
1. Purchase Domain and Hosting Package
2. Obtain Login details from Hosting Provider
3. Log into cPanel and set up Databases – Database Name and User Name
  1. Log in to your cPanel.
  2. Click MySQL Database Wizard icon under the Databases section.
  3. In Step 1. Create a Database enter the database name and click Next Step.
  4. In Step 2. Create Database Users enter the database user name and the password. Make sure to use a strong password. Click Create User.
  5. In Step 3. Add User to Database click the All Privileges checkbox and click Make Changes. Click Go Back arrow at bottom.
  6. In Step 4. Complete the task note the database name and user. Write down the values of hostnameusernamedatabasename, and the password you chose. (Note that hostname will usually be localhost.)
——————————– 
9. Download latest version of WordPress – https://wordpress.org/download/
10. Find and rename wp-config-sample.php to wp-config.php, then edit the file with Microsoft Expression or similar editor and add your database information.
Change only in Red with details from above
define(‘DB_NAME’, ‘database_name_here‘);
define(‘DB_USER’, ‘username_here‘);
define(‘DB_PASSWORD’, ‘password_here‘);
11. Download and Install CoffeCup Free FTP http://www.coffeecup.com/free-ftp/  ( or FileZilla https://filezilla-project.org/ for windows  or Mac )
12. Open FTP Client, Click on Manage Servers and add Domain name, User login name and Password. This Info you will get from an Email from your Hosting Company. Takes 24hrs to become active. Add in Port 21. When Finished click on Connect. Two window panes will have. Left is local Window on your computer and right is Server window
13. Go to your Unzipped WordPress folder and show all contents. That is inside Wordpess folder where wp-admin, wp-content and wp-includes folder is.
14. On Server right window double click on Public_html so folder open with cgi-bin folder visible. Now select all files and folders on Left hand local wordpress files and upload to public_html folder
——————————–
Run the Install Script by copying into the browser your details like – http://example.com/wp-admin/install.php
If all goes well you will see a Menu of the choie of the Language you want to use.
15. Type in the Site Title Name usually the same as your Domain Name. Then create a Site Username and Password for Admin access and site editing. Add your Email account you created earlier and then click on Install WordPress. If all goes well should end up at Login screen with words SUCCESS! at top. with a URL like – http://yourdomain.com/wp-admin/
Which is your Website Backoffice Login URL. Make a note of all your Login details in Evernote App
——————————–
Now Can choose a Theme or use default and begin customizing your website and adding Blog posts, Pages and Images. Upload new Theme folder to public_html/wp-content/themes folder.
Here are some Plugins worth looking at and Adding into your site for security and enhancements
=============================
My Plugins
BackWPup
BulletProof Security
Contact Form – Subscription form?
Duplicator
Email Encoder Bundle – Protect Email Address
Email This Page
Exclude Pages – from Navigation – By Simon Wheatley | Visit plugin site
Facebook Page Publish 2
Font – Keyword search – fontsforweb
Mail Subscribe List
Microblog Poster
Page Links To
Remove “Comments are closed”
Search & Replace
TinyMCE Advanced
WordPress Database Backup
WP-DB-Backup – WordPress Facebook Like Plugin
WordPress SEO by Yoast – WordPress SEO
WP Clone by WP Academy
WP Show IDs
Jigoshop – eCommerce
Cyclone Slider 2
Contact Form to Email 
Page Builder by SiteOrigin
PlugNedit HTML Editor

Embedly

WP Robots Txt by Christopher Davis

===========================================================================

How to Resize any Image in Windows 7 to 10
1. Right mouse click on any picture and select from the menu
“Open with” Choose “Paint”
2. Click on the Resize word
3. Type in 50 for Horizontal % and Vertical will do the same.
4. Untick “Maintain aspect ratio” if you want to do an odd size.
5. Click OK and then save. Voila you have a smaller size Pic.

How to Resize any Imageon a Mac
1. Go into Finder and Pictures
2. Double click on an Image file to get it into Preview mode.
3. Click on the Tools Menu and select “Adjust Size”
4. Change sizes and click OK. All done.

I am a Techie guy. If you need any pointers or help with Online Technical things just Private message me.

ResizeAnyImage

=============================================================================
Powerpoint 2007 3D Buttons – https://www.youtube.com/watch?v=_20sWMVphSY
Button Shape slect Rectangle or Round Button Shape from Home / DrawingMenu
1. Shape Fill / Theme Colours into darker Colour
2. Remove Outline by Selecting Shape Outline / No Outline
3. Skip this step if you want a 2-D Button – Right Click on Button / Format Shape / 3D Rotation select Presets and Perspective Relaxed
4. Button Shape depends on the Beval Tyupe – Format Shape / 3-D Format / Bevel / Top / Top / Bevel and select Cross ( 3rd in )
5. In same format window make Bevel width 40 and Bevel height 50pt
6. In Format Shape / 3-D Format / Depth make 20pt
7. to Make more realistic go to Format Shape / Shadow / Apply Presets/Outer/ Offset center / size to 112%
Button is now finished

Now remove Gridlines and guides and make Display view 110% size
Now use Jing in Mac or fastone Capture in Windows to take a screenshot of

the finished button save it as a png file.
You now have your new 3D Button created

=============================================================================

Html – background sizing of Table or Web page. – http://www.tizag.com/htmlT/htmlbackground.php

================================================================================

3 Easy Ways To Remove Backgrounds From Images Without Specialized Software

Gimp remove background.
Step 1 – Select the Image Background. Using the Fuzzy Select Tool select the part of the image that you wish to remove. …
Step 2 – Add Transparency to the Image. Add transparency to the image by using Layer > Transparency >Add Alpha Channel. …
Step 3 – Delete the Background. …
Step 4 – Smooth the Edges. …
Step 5 – Save the Image.

================================================================================

Remove Index.Php from URLs on a Linux Server

http://derekmolloy.ie/remove-index-php-from-your-wordpress-url/

1. create .Htaccess file in notepad
2. Copy this code into it
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
3. Upload wit hFTP to public_html folder on your server
4. In WordPress go to Settings / Permalinks and Change to Custom Permalink and type in to right of domain name in text box %postname% and save
5. Test your links after Two minutes to update site.

————————————————————————————————————————————–