Professional Documents
Culture Documents
Youve decided you need a static website not a blog. So why should you use WordPress to create one? There are two excellent, time saving, tra!!ic boosting reasons to build your static website with WordPress"
WordPress #rovides the user with a !ull Content Management System $#lus many other !eatures%
WordPress blogs traditionally !are better with &oogle ran'ings and Search (ngines, since they are so highly optimized
)ne other huge WordPress advantage that you can 'ee# and install when you convert your WordPress blog to a static website"
Widgets to instantly allow you to #er!orm com#lex !unctions, such as search your site, log in with #asswords, dis#lay an active calendar to name only a !ew
*ut today, we are going to start creating your static website by !irst setting u# a blog in WordPress on your own domain, using your control #anel $cPanel% and Fantastico DeLuxe, a scri#t that ma'es it ha##en.
Page 2
Setting Up
You will need to 'now how to log in to your control #anel $cPanel%. +! you havent done it be!ore, your web hosts original ,Welcome- letter contains all the details you need to 'now"
1+2T" If youve totally lost your welcome letter, just contact your web host and tell them you need the above 3 pieces of information.
$etting Started
3ire u# your com#uter and internet connection, and in the U%L bar o& your browser' type your cPanel address, and hit ()nter.- 4 #o#u# will #rom#t you !or your username and password.
Page 3
You should see a #age !ull o! gra#hic icons6 slide your eyes down to the lower right hand 7uarter o! the icons, and youll !ind a little ha##y !ace with the words ,Fantastico De Luxe-.
8lic' on the title ,WordPressnear the to# o! the le!t hand column on the #age that o#ens u# next6
Page 4
This next section controls where $on your domain site% your new blog.website will go. *& you want your new blog#website in the root domain' lea+e the (*nstall in directory, text area box blan-.
/*P0 If you want to install it as a subdomain, type the name you want in the blank text area box with the green arrow pointing to it.
Page 5
*elow this section, youll !ind an 4dministrator setu# area. 3ill in the blan' sections in the !ollowing diagram, then clic' ,+nstall Word#ress-
3*!/0 The Admin Nickname! is the post signature people will see on your blog " if you keep your signature, that is#
Page 6
The next #age you will see concludes this stage o! setu#6
"445M1%5 the #age as instructed. The email address you enter here should be your main currently acti+e email address not the one you are going to set u# on your new domain.
Page 7
)n the #age that a##ears next, next to your blog name, clic' ,6isit Site
Page 8
+ts currently showing u# with WordPress de!ault blog theme a##lied. 2ot very exciting, is it?
Youll most li'ely want to choose a new template but well get to that shortly.
2ow to ma'e your brand new WordPress blog loo' li'e a static website6
Page 9
$/*P0 %ll other times, you will log in by entering the &'( you bookmarked into your browser &'( bar. )In our example, this would be htt#"..!oot#rintsnorth.com.w# admin.%
;ight now, enter your Log in Username and Password into the box that a##ears on your screen6
Page 10
4s soon as youve logged in, youll see your brand new ,Dashboard-. This is the user !riendly Content Management System that will allow you to do all your customi<ing and adding o! content .
The !irst thing we need to do, however, is to change that basic WordPress Theme5
2otice on the le!t hand side o! your =ashboard you have an expanding +ertical menu. 4ny one o! these menu tabs will ex#and into a dro# down i! you clic' on the little grey arrowhead at the right hand side o! each title. $4bove green arrow.%
Page 11
To change our Theme, we are going to clic' on the ,4##earance- tab grey arrowhead6$You can barely see it, but its there6%
+n the latest version o! WordPress $7.8 at this writing% you may notice the ,Themes- screen is somewhat di!!erent !rom #revious versions, i! you are at all !amiliar with WordPress"
Page 12
8lic' on 42Y o! the blue hy#erlin'ed o#tions under the ,+nstall Themesheading, u# T)P6
4nd you will see a selection o! themes you can >ust clic' on and instantly install6
1owever, we are going to install a theme we #ic'ed earlier the P;+2? *ran!ord 9aga<ine.
+! you are on the #age above $with all the gra#hic Theme sam#les% >ust use your bac' button to return to the #revious #age.
Then clic' on the ,Upload- hy#erlin', and you will see this screen"
Page 13
+nstalling an inde#endent Theme youve downloaded is usually as sim#le as browsing your com#uter directory till you !ind the <i# !ile you downloaded, and clic'ing ,*nstall now-
+! the install !ails which sometimes ha##ens when a theme is im#ro#erly <i##ed you can install it manually by"
un<i##ing it double clic'ing on the !older to see i! theres an ,extra- version inside the usual cause o! themes not being where theyre su##osed to be
$That is actually what ha##ened >ust now as + was attem#ting to install our ,"ran&ord Magazine, theme. *y ,extra- version, + mean that you un<i# the !ile, and instead o! >ust an Wordpress Website Secrets Page 14
images !older and P1P !iles being inside the ,Prin<*;423);=- !older, there is another ,Prin<*;423);=- !older 'ind o! a double wra#.%
@#load this last level interior Prin<*;423);= un<i##ed !older via your 3TP #rogram.
;eturn to your =ashboard, and clic' ,/hemes- in your le!t hand ,1ppearance- tab dro# down menu6
Your new theme should now show u# 6 4nd there it is, below5
Page 15
Aust clic- on the /heme screenshot to a##ly it to your blog. Your screen will dar'en, youll see a little ,barber #ole- status bar wor'ing6 and then your new theme !ills the #age.
There is one more im#ortant ste# to ta'e when you reach this stage. &o to the to# right corner o! the screen and clic' the ,4ctivate- button.
Page 16
4t this #oint, you can clic' on ,:isit Site- on the le!t hand to# area o! your browser, to see what your new theme loo's li'e. When you have admired it and visuali<ed where you want things to go, >ust hit your browsers bac' button to return to the =ashboard.
our Settings
2ow its time to introduce you to the very last but de!initely not least tab on your le!t hand dro# down menu bar" The ,Settings- tab.
8lic' the little arrow to active its dro# down sub menus, and youll see 7uite a variety o! settings you can #lay with. (very time you add a new #lug in, you should always chec' here when youve done everything else, to see i! there are any settings that have to be manually con!igured.
Page 17
2ow is your chance to easily change the 1eader and =escri#tion !or your blog.website. Aust re#lace what is ty#ed in the ,"log /itle- and ,/aglineboxes...
2ext, go down to the ,WordPress address 9U%L:- box and the ,"log address 9U%L:- settings. 8142&( the ,htt#"..!oot#rintsnorth.com- to ,htt#" www.!oot#rintsnorth.com.
$+n other words, you have >ust manually inserted the ,www- into the @;B addresses above.%
This ste# is not mandatory but it will hel# your Search (ngine )#timi<ation $S()% noticeably and it will ma'e it easier !or #eo#le to !ind you. $+! they
Page 18
=)2T 3);&(T T) S4:( Y)@; 8142&(S5 $*lue button at the bottom o! your screen%
$T+P" $ou will have to log in again " so make sure your username and password is handy.%
Permalin- Settings
4!ter youve logged in again, o#en the ,Settings- dro# down menu and select ,Permalin-s-.
Page 19
Plugins
Plugins are the #owerhouse engines that drive WordPress and thats true both !or blogs or static websites. 4nd where else could you get high level custom code written !or you, to #er!orm any one o! a variety o! com#lex !unctions all installed with one clic'5
Plugins #er!orm tas's li'e create #er!ectly coded and customi<ed Privacy Policies, build you a customi<ed &oogle Sitema# !rom scratch, #rotect your website !rom s#ammers and s#yware, hel# you run #hoto galleries and videos, o#timi<e your content !or the Search (ngines and a whole host o! other tas's too numerous to mention. Wordpress Website Secrets Page 20
That being saidE let me o!!er one warning" The more #lugins you have, the slower your site will run. Try to stic' with the essentials only.
+n !act, lets go activate 4'ismet now youll !ind its already sitting there in your =ashboard, ready to be activated. $This will serve as your #lugin installation ,demo-.%
8lic' on the ,Plugins- tab on your le!t hand menu, and when the Plugins #age o#ens u#, youll !ind 4'ismet waiting to be activated. Select it with a chec'mar', and clic' on ,4ctivate-.
2ow this one has an extra step to it6 you need an 1cti+ation 5ey. 8lic' on the words WordPress 4ctivation Fey in the 4'ismet descri#tion, and a
Page 21
T+P" $ou will use the same Activation Key for all your *ord+ress blogs " so make a note of the number.
)nce you have your %ctivation ,ey, go to the ,Plugins- tab on the le!t menu, and you will see that ,1-ismet Con&iguration- has been added to the dro# down menu. This means you have to do something with it in this case, clic' on it, and enter your 4P+ 'ey.
$/*P0 The +lugins! tab will also display a little orange circle when any of your plugins need upgrading " a one-click process.%
4lways chec' either the ,Plugins- dro# down menu, or ,Settings,, to see i! theres !urther action you need to ta'e on any #lugin.
With #revious WordPress versions, you could search more #lugins right !rom the Plugins #age but that !unction seems to be missing on my brand new u#graded WordPress 0.G. So + will include some lin's to my !avorite #lugins. Aust download them, un<i#, and u#load to your site via 3TP. $Put them in your ,plugins- !older, inside ,wp2content-.%
You can also !ind most #o#ular #lugins by searching the Word#ress.org site. Wordpress Website Secrets Page 22
My Fa+orite Plugins
4ll +n )ne S() 2 the name says it all5 8hec' it out !or a !ull list o! !eatures Sociable sites Privacy Policy (ssential i! you are going to moneti<e your site at all adds automatic lin's to your !avorite Social 2etwor'ing
WP Security Scan scans your WordPress installation !or security lea'sE suggests !ixes
&oogle Sitema# a sitema# is essential !or #ro#er S() 4dsense 9anager also handy i! youre thin'ing o! moneti<ing with 4dsense
Page 23
The truth is, there are thousands o! great Themes, both !ree and #aid, out there.
4nd o! course, dont !orget to chec' out the !ree Themes at Word#ress.org itsel!5
1. &o bac' to your Dashboard 2. 8lic' on the ,1ppearances- tab in the le!t menu 3. Select ,)ditor-, clic' 4. 3ind ,Single Post- in the list o! !iles on the ;+&1T 142= side o! the new screen, clic' once $its #robably called something li'e ,Single.#h#-% Wordpress Website Secrets Page 24
+mmediately, the code !or that !ile will a##ear in the big text area box"
I?#h# theJtime$Kd 9 YK%E ?L +! it is not in the ,single #ost- !ile, try the ,Page.#h#- !ile. Wordpress Website Secrets Page 25
$3or the Prin< *ran!ord 9aga<ine theme, which we are using, you need to delete"
When you are !inished, clic' the blue ,@#date 3ile- button6
1dding
our Pages
4dding an actual #age is easy. +n your le!t hand menu bar clic' the dro# down menu on the ,Page- tab.
8lic' ,1dd !ew-. 4 very user !riendly screen will o#en u#, and you can begin co#y #asting text $or 'eying it directly in%, adding gra#hics, inserting a title, saving your dra!ts and #reviewing your wor' be!ore you clic' ,#ublish-.
Page 26
/*P0 .ont copy text straight from /icrosoft *ord " there is usually hidden formatting that can mess up the look of your page. Instead, either copy it from 0pen 0ffice, or copy paste it from *ord into a plain text editor first as an interim step.
The only other thing youll need to do is scroll to the bottom o! the #age $not shown here% and un2select (allow comments- and ,allow #ings-.
2)T( 4BS) you can change the Permalin-s &or each page by clic'ing ,edit- and substituting whatever !ilename you want, while in ,1dd Page- or ,)dit Page- mode. $You wont need them on a static website.%
Page 27
+n the exam#le above, you might want to change the highlighted !ilename ,watching the water- to ,watchingthewater-, to better o#timi<e your 'eyword. $=ont worry about the ,index.html- convention you can easily designate any page you create as your home page with one clic' o! your mouse5%.
4t this #oint, i! we #review it, our new website loo's li'e this"
Page 28
!ote that we;+e already loaded our custom header via 3TP to the a##ro#riate s#ot in our ,w# content.themes- !iles. You can have a custom header created !or your theme $or ma'e one yoursel!, as we did here% >ust u#load it into the a##ro#riate s#ot into your images !ile via your 3TP #rogram.
$You may have to hunt a little to !ind the correct header gra#hic to re#lace, i! youre doing it yoursel!. The gra#hic !ile you want to alter or use as a tem#late is usually called ,header.png-, ,header.<pg-6 or maybe ,logo.gi&- or ,logo.<pg-... $You get the idea.%
Page 29
3inally, be!ore you clic' the ,Publish- button on the right hand u##er side o! your #age, unchec' the ,comments- and ,#ings- boxes down near the bottom o! the =ashboard. You wont need them with a static website.
,'eading- tab in the dro# down. Select ,1 static page- and select the #age you want as your home #age !rom the dro# down menu.
Page 30
*e sure to S4:( the original version o! any !ile you edit !irst5 That will save you more grie! than any other #recaution you can ta'e. To do this, Select the whole &ile within the text area box, and paste it into a plain text editor li-e !otepad. Save it onto your des'to# tem#orarily with its original !ilename. $"e sure to select (1LL F*L)S, &rom the !otepad dropdown when you save your bac'u# original !ile5%
3a+e a loo- at each &ile within your =ashboard text area box. See what code you can sa!ely remove. (x#eriment as long as youve saved the original !ile and can co#y #aste it bac' in and ,@#date- it, it wont #ermanently harm your site.
Some clues as to what to remove" 8hec' Page.php and remove any ,comments- coding $ma'ing sure you dont unnecessarily remove bits o! ad>oining code.% @sually a com#lete code command will be contained within brac'ets li'e this" I L
Page 31
$+n the Prin< *ran!ord 9aga<ine theme, its not necessary to touch Page.php eliminate sections !rom the Sidebar.php !ile instead, li'e this"
IliL IhNLI?#h# Je$KStay in!ormedK,Kbran!ordmaga<ineK%E?LI.hNL Iul classOP!eedPL IliLIa hre!OPI?#h# blogin!o$Krss0JurlK%E ?LPL(ntries $;SS%I.aLI.liL IliLIa hre!OPI?#h# blogin!o$KcommentsJrss0JurlK%E ?LPL8omments ;SS%I.aLI.liL I.ulL I.liL
3or exam#le, removing the above chun' o! code eliminates the 8omments and ;SS !eeds, along with the heading ,Stay +n!ormed-. 4lso remove any bits o! code dealing with author' date, time o& posting, and comment re!erences. The sort o! code you need to loo' !or would loo' li'e this" IhQLby I?#h# theJauthor$nic'name%E ?L on I?#h# theJtime$3 >S, Y% ? LI.hQL $1eres another exam#le6% IhQLI?#h# commentsJ#o#u#Jlin'$2o 8omments, RH 8omment, RD 8omments%E ?LI.hQL You have to loo' !or similar chun's o! code in all your tem#late !iles. Wordpress Website Secrets Page 32
Widget Mastery
)ne more thing +d li'e to show you how to add a ,widget- to that right hand sidebar, to !ill u# the s#ace weve created there by removing the basic sections. &o to the menu ,1ppearance- tab again, and select ,Widgets-. +n WordPress 0.G, this is what you will see"
You can select !rom the 1+ailable Widgets listed, and drag them over to your sidebar . You can choose !rom such widgets as a search !orm !or your site, lin's, ;SS entries and more.
Page 33
Page 34
Page 35