Cpanel Design WYSIWYG Editor
 

Cpanel Design WYSIWYG Editor
This information is provided by LPH as a courtesy. We suggest that you print out the tutorial and carefully follow the instructions. LPH doesn't have a fee structure or the staffing to do one on one training. We hope everyone understands and good luck with your edits. 
Caution: make a backup of the files you intend to edit BEFORE starting the editing process. In case of an error on your part you will have the originals to go back to. If you make a signifigant error and can't recover LPH has backup and can restore an earlier functional version of your website. Please be careful. A resore of your website is a $150.00 fee.

How to use Cpanel
WYSIWYG Design

1. To use Cpanel Design please go to your web site/cpanel as shown below, using your web site's URL +/cpanel or your IP address +/cpanel if your IP has not resolved.

use Cpanel WYSIWYG Design

2. When a pop up menu comes up fill in your web site's user name and password. (This information was supplied to you when your hosting account was set up.) Click OK.

panel WYSIWYG

3. The screen below will appear. Click on File Manager.

Cpanel File Manager.

4. The menu below will pop up. Select Web Root. Click on Go. .Cpanel Files editor
5. The screen below will appear. Note: you are now in the public_html folder, which is the root directory.
edit with Cpanel
If you are doing a very simple edit (i.e. changing a phone number) and are certain that
you will not mess up the web page you may skip steps #6 to # 9 and # 13 to # 16.

6. To ensure an existing web page is NOT incorrectly edited, create a new folder. You will use this folder to place a copy of the html page  you want to edit. Click on:
New Folder
(top menu item bounded in red, below). A menu will pop up. Fill in folder name. Click Create New Folder.
WYSIWYG Editor
7. Next navigate to the file you want to copy. Click on the file name.
WYSIWYG Edit
8.Click  Copy (top menu item bounded in red, below). A menu will pop up. Type in the folder name you created. Click Copy File.
WYSIWYG Edits
9. Click Rename File (top menu item bounded in red, below). A menu will pop up.
Type in new name. Click  Rename file (at bottom).
edit WYSIWYG
10. Click on the html file you want to edit. Next click on HTML Editor

WYSIWYG Editing

11. The file will pop up in a menu – see below. The screen below will appear. The "design" mode - see bottom tabs – allows you to make changes with the WYSIWYG Editor.

editing WYSIWYG

12. The operation of the design editor is very similar to MSWord. You may change text, fonts and images. Click on Save when you have completed changes. Check the changes
by going on the edited web page with a browser. If everything looks good, proceed to step #13.

13. If you created a new folder and new file as outlined in steps #6 to #9, Click on the original file. Click on Rename File (top menu item). A menu will pop up. Rename the original file using the file name and adding -old as a suffix. Click on Rename File
Cpanel WYSIWYG Editor
14 . Navigate to the file (with the corrections/edits) in the new folder. Rename the file to the same name as the
original file.
15. Move the new edited file (that now has the name of the original file) to the folder or root
of the original file by clicking on the
Cpanel WYSIWYG Edit

16. The editing process is complete.  The edited web page is now live. Recheck the changes by going on the web page, that was edited, renamed and moved, with a browser.


Home