You are on page 1of 35

Wordpress Website Secrets

Wordpress Website Secrets

WordPress Secret Weapon

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.

Wordpress Website Secrets

Page 2

Wordpress Website Secrets

Setting Up

our !ew "log#Website

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"

cPanel address $the syntax will be li'e this" htt#"..///.///.///.///"0000

Your cPanel username Your cPanel #assword

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.

Wordpress Website Secrets

Page 3

Wordpress Website Secrets

4nd youre in5

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 ha##y !ace6

8lic' on the title ,WordPressnear the to# o! the le!t hand column on the #age that o#ens u# next6

Wordpress Website Secrets

Page 4

Wordpress Website Secrets

Slide on over to the right and clic' on ,!ew *nstallation-

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.

Wordpress Website Secrets

Page 5

Wordpress Website Secrets

*elow this section, youll !ind an 4dministrator setu# area. 3ill in the blan' sections in the !ollowing diagram, then clic' ,+nstall Word#ress-

$9ost #eo#le use ,admin- as their 1dministrator2 username.

*e sure to choose a strong password, randomly combining letters and numbers.%

3*!/0 The Admin Nickname! is the post signature people will see on your blog " if you keep your signature, that is#

Wordpress Website Secrets

Page 6

Wordpress Website Secrets


3*!/0 $ou can set up your new domain email later " but still put your new email address for the moment. It wont matter for now if its not set up.

8lic' on the ,Finish *nstallation- button.

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.

8lic' the button ,Send )2mail-.

8lic' on the underlined words ,"ac- to WordPress o+er+iew-6

Wordpress Website Secrets

Page 7

Wordpress Website Secrets

)n the #age that a##ears next, next to your blog name, clic' ,6isit Site

8ongratulations5 You have success!ully created your blog5

Wordpress Website Secrets

Page 8

Wordpress Website Secrets


This is what you see in your browser, once youve selected ,:isit Site-6

+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

Wordpress Website Secrets

Page 9

Wordpress Website Secrets


Your !irst ste# log in to your new blog. This !irst time, you are going to do it by clic'ing on the ,Log in- lin' in the bottom right hand 7uarter o! your browser #age.

$/*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

Wordpress Website Secrets

Page 10

Wordpress Website Secrets

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.%

Wordpress Website Secrets

Page 11

Wordpress Website Secrets

To change our Theme, we are going to clic' on the ,4##earance- tab grey arrowhead6$You can barely see it, but its there6%

This will o#en u# to reveal interior menu tabs.

8lic' on ,1dd !ew /hemes-.

+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"

Wordpress Website Secrets

Page 12

Wordpress Website Secrets

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"

Wordpress Website Secrets

Page 13

Wordpress Website Secrets

+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

u#loading it to your blogs ,themes- !older, inside ,wp2content-

$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

Wordpress Website Secrets

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

Wordpress Website Secrets

Page 15

Wordpress Website Secrets

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.

Wordpress Website Secrets

Page 16

Wordpress Website Secrets

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.

Wordpress Website Secrets

Page 17

Wordpress Website Secrets


The !irst tab were going to start o!! with is the ,$eneral- tab.

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.

=o the same !or both @;B settings.

$+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

Wordpress Website Secrets

Page 18

Wordpress Website Secrets


are guessing at your site name, most #eo#le will ty#e it in with the ,wwwincluded.%

Your to# C settings now loo' li'e this"

=)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-.

Wordpress Website Secrets

Page 19

Wordpress Website Secrets


8lic' on the ,Custom Structure- button. The bar beside it will be blan'. Ty#e into the blan' text area bar" .D#ostnameD.html

Thats it5 $=)2T 3);&(T to save the changes5%

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

Wordpress Website Secrets

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.

2 Absolute Must-Have Plugins


&oogle Sitema# and 1-ismet.

+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

Wordpress Website Secrets

Page 21

Wordpress Website Secrets


#age will o#en u# at WordPress.com. Sign u# !or a !ree WordPress.com account, and your #ersonal activation 'ey will be emailed immediately.

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

Wordpress Website Secrets

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

4nd o! course, weve already dealt with 4'ismet.

Free Wordpress /hemes


While were at it, we may as well ta'e a loo' at some good solid sources o! !ree WordPress Themes. Some are more suited to converting into static websites than others.

Wordpress Website Secrets

Page 23

Wordpress Website Secrets


Smashing 9aga<ines H// 3ree WordPress Themes htt#"..themes.word#ress.net. htt#"..www.w#themes!ree.com.

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

%emo+ing /he /ime 1nd Date Stamp


The one thing that still ma'es your website loo' li'e a blog is the time and date stam#. There are a !ew di!!erent ways to remove these !eatures but not all o! them wor' with every tem#late.

The most !ool#roo! method is this"

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

Wordpress Website Secrets

+mmediately, the code !or that !ile will a##ear in the big text area box"

3ind the code that says"

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

Wordpress Website Secrets

$3or the Prin< *ran!ord 9aga<ine theme, which we are using, you need to delete"

I?#h# theJtime$JJ$K9 >S, YK,Kbran!ordmaga<ineK%%E ?L M I?#h# Je$K*yK,Kbran!ordmaga<ineK%E?L

$H/th line down in the ,Single.#h#- !ile.%

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-.

Wordpress Website Secrets

Page 26

Wordpress Website Secrets

/*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.%

Wordpress Website Secrets

Page 27

Wordpress Website Secrets

+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"

Wordpress Website Secrets

Page 28

Wordpress Website Secrets

!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.%

Wordpress Website Secrets

Page 29

Wordpress Website Secrets


+n the case o! our Prin< *ran!ord 9aga<ine theme, however, youll !ind it within the images directory, in the bac'grounds sub directory and its called ,bg=branding.png-. $Thats about as hard to locate as +ve ever seen.%

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.

2ow we want to get rid o! more clues that its a blog.

1. Setting You Home Page

&o to ,Settings- and clic' on the

,'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.

Wordpress Website Secrets

Page 30

Wordpress Website Secrets


+! you want to customi<e it !urther, be warned you will need some 'nowledge o! P1P, 8SS and 1T9B. You would need to alter !iles in the ,1ppearance#)ditor- settings. $Be!t menu dro# down tab.% &etting into P1P, 8SS and 1T9B detail is beyond the sco#e o! this S#ecial ;e#ort, but here are some ti#s to hel# you get started..

*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

Wordpress Website Secrets

Page 31

Wordpress Website Secrets

$+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

Wordpress Website Secrets


4gain 8)PY 42= S4:( T1( );+&+24B 3+B( 3+;ST as a bac'u# be!ore you do any editing5 Your success is entirely de#endent on your own abilities, so + ma'e no guarantee5

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.

Wordpress Website Secrets

Page 33

Wordpress Website Secrets


)r you can ma'e your own >ust select ,/ext- widget, and drag it $in this theme% over to ,;egular Sidebar- on the right. +t will o#en u#, and you can insert your own code in it. You can write a blurb, or add a logo, or a #hoto anything you li'e5 4nd here is our !inished home #age with all the ,built in- sidebar sections removed, and our own custom ,text- widgets $including gra#hics% re#lacing them"

4nd thats about as !ar as we can go in one sitting5

Wordpress Website Secrets

Page 34

Wordpress Website Secrets


+ ho#e this ,how to- #rimer has given you a good start on installing a WordPress blog as well as a good start on turning it into your highly o#timi<ed static website5

Wordpress Website Secrets

Page 35

You might also like