Archive

Posts Tagged ‘Wordpress’

a class="title" href="http://guerrillawebbuilder.com/51/dreamhost-wordpress-install" rel="bookmark">Dreamhost Wordpress Install

August 15th, 2009 No comments

It’s time to install Wordpress! Because of Dreamhost’s 1-click install, the process is made pretty easy. Again, just carefully follow the instructions below.

The first thing to do is to login your Dreamhost Panel. This is your control center for your sites. Head over to https://panel.dreamhost.com. Use your email and the password that you selected when you initially signed up for hosting.

Once you’re in the panel, select  ”Goodies” on the left menu, then “One-Click Installs”.

Dreamhost menu selection

Welcome to the One-Click Installs page. This is where we can easily add software such as Wordpress and others. For now, we’ll just focus on Wordpress. You’ll notice that there are 2 options – easy and advanced. I recommend that you use the advanced as it will allow you total control over your Wordpress install – the easy one is, well a bit easier but also limited. So select the advanced option.

Advanced mode

By default, Wordpress will be selected as the option of choice. But just make sure.

Wordpress install selection

The next step is to specify the domain to install it to. If you only have one so far then that will be the one selected. Leave the second box blank.

Select the domain to install Wordpress to

The next step will ask you to create the database for Wordpress. Don’t worry if you don’t know what that is. Just ented the info exactly as shown in the image (replacing mydomain with yours of course).

Wordpress database creation and selection

Click the “Install it for me now” button. Check your email for instructions from Dreamhost. It usually takes about 10-15 min. Follow the instructions provided and you should end up staring at your Wordpress admin panel!  Good job!

a class="title" href="http://guerrillawebbuilder.com/89/creating-wordpress-content" rel="bookmark">Creating Wordpress Content

August 15th, 2009 No comments

In this section I will walk you trough the basics of creating some content using a Wordpress Page. Feel free to use a Post instead, the differences will be minor.

Click on the “Add New” entry under “Pages” in the admin sidebar menu. You will be presented with a form entitled “Add New Page”.

In the field at the very top, enter the title of your page. This will be both the menu entry as well as the title of the page.

The next box down, with all the buttons, is where the excitement happens. This is the visual editor that will let you create your page, insert images, make links etc..

Try not to directly paste text into the editor (such as from a Word document) as it will also imported undesirable formatting. Use the “Paste as Plain Text” or the “Paste from Word” options on the editor toolbar instead.

First things first… the editor has an advanced toolbar that we’ll want to turn on to get more formatting options. Click on the rightmost button on the toolbar to toggle the second row of buttons.

Wordpress editor toolbar

The use of most buttons should be straightforward. If you hover your mouse above each, you’ll get a brief summary of its use. The editor works like most text processors. Feel free to experiment. You can create and delete all the pages that you want. Please refer to this reference for an overview of each toolbar option.

Before you use any toolbar button, make sure that your cursor is inside the big text box, ready to write.

To preview your work without publishing the page (meaning without letting all your site visitors see the page), click on the “Preview” button near the right side. Once you are satisfied with it, click the “Publish” button. Your page should now appear on some menu on the public side of your site.

What pages do I need?

Ultimately you have to answer this for yourself but to get started, I would recommend a welcome page and an about page. Your business will greatly determine your needs of course. Additionally, a contact form is very useful and I’ll show you how to create one in the next section.

a class="title" href="http://guerrillawebbuilder.com/87/creating-a-contact-form" rel="bookmark">Creating a Contact Form

August 15th, 2009 No comments

In this section we’ll setup your site with one one of those useful contact forms to allow visitors to reach you. These are nice for a couple of reasons:

Your email address is hidden from spammers who use automation to harvest emails from websites.

Many people use webmail (such as Hotmail, Gmail) and cannot click on an email link and often get confused how to proceed

To create our form we are going to make use of a plugin called Contact-7. There are many form plugins out there but this one is relatively simple, tried and true. So let’s install it! Check out the “Adding a new plugin” section of this eBook and search for “Contact 7”, install and activate it.

Once installed, the next step is to create a basic contact form. This plugin will let you create as many forms as desired but for now we’ll just start with a simple one.

Create a new Page using the “Add New” entry under “Pages”. Title your page “Contact Us” or something appropriate.

In the body of the article just type the following:

[contact-form 1 "Contact form 1"]

Now save your page. Go to the public side and you should have a “Contact Us” menu entry somewhere which will load your new contact form.

The contact form can be modified using the “Contact Form 7” entry under the “Tools” menu. You can add many options including a security code to prevent automated submissions. Feel free to experiment and read more about it here: http://ideasilo.wordpress.com/2007/04/30/contact-form-7/

The email that the result of the form go to is the email associated with your Wordpress user – i.e. the one that you used when you signed up for Dreamhost. You can change this email by going to “Contact Form 7” under the “Tools” menu. You’ll see it somewhere down the page. Don’t forget to save and you changes and send yourself a test email.

a class="title" href="http://guerrillawebbuilder.com/84/wordpress-sidebar-and-widgets" rel="bookmark">Wordpress sidebar and widgets

August 15th, 2009 No comments

Many themes are “widget ready” meaning that you can easily manage the content of the sidebar(s) of your public site. To manage these entries, click on the “Widgets” entry under “Appearance” in the admin menu. By default your site will show a generic selection of widgets. To customize this, just click the “Add” link next to one of the widget entries. You can then drag and drop these entries in the desired order. Many of these widgets have the ability to be customized using the “Edit” link on the blue widget bar.

a class="title" href="http://guerrillawebbuilder.com/82/wordpress-youtube-video-embedding" rel="bookmark">Wordpress Video Embedding

August 15th, 2009 No comments

Embedding a video in your page

There are a few ways to embed videos on a page so I am going to show you the easy one. Can you say YouTube? YouTube videos are of the FLV (Flash Video Format) type which is very well supported across browsers unlike other alternatives such as QuickTime and Windows Media which do not have the same range of support. Also, flash videos load very fast which is always a plus.

YouTube accepts videos in most formats and will convert them for you (Dreamhost actually has encoder available which can be found in the Dreamhost panel under Goodies > Flash Media but the process is more involved).

if you intend to embed someone else’s video from YouTube then you can skip the following section.

Upload a video to YouTube

To upload a video to YouTube head over to http://youtube.com and click on the Upload button. If you do not have an account with them yet, locate the SignUp link and follow the instructions.

Once you’ve signed up you’ll be able to upload most formats of video. You’ll receive an email with a link to your new video once they are done converting it.

Insert a video in your page

To embed a YouTube video, open up a new browser video, go to http://youtube and locate the desired video. If you re using one of your own you can click on the link you received in your email.

Once you are on the correct page on YouTUbe, locate the URL box somewhere on the right sidebar. Copy this URL (Select with mouse, right click, select “Copy”) and go back to your Wordpress admin and open up or create a new page/post to edit. Place your cursor where you would like the video to appear and click on the “Embed Media” button on the toolbar. Paste the URL previously copied (Right click, select “Paste”).  That’s it! Now preview or publish your page and you see your video.

Some videos do now allow embedding which would be indicated by the lack of an “Embed” field next to the video on YouTube.

Where to go from here?

Once you are comfortable with the basics of using Wordpress you might have an interest in exploring some of its more complex features. The Wordpress site itself is a good place to start. Clicking on the “Help” link on the top right corner of your Wordpress admin will provide you with links to further documentation as well as the support forums which is a great place to ask for help.

a class="title" href="http://guerrillawebbuilder.com/80/wordpress-plugins-introductio" rel="bookmark">Wordpress plugins introduction

August 15th, 2009 No comments

Overview

Plugins (see “Wordpress plugin” definition for more info) can also be found on the Wordpress site at http://wordpress.org/extend/plugins/ and are organized by keyword/tags – check out the left sidebar for a list of popular tags. I have also made a list of useful plugins.

Managing existing plugins

To view your existing plugins, click on “Plugins” in the left sidebar menu of admin. This will show you a list of all installed plugins (active and inactive).

Adding a new plugin

Clicking on the “Plugins” sidebar menu entry will display a drop down where you will see a link called “Add New” on the side menu. This will allow you to search and install plugins, both directly from the Wordpress site or from your computer in case you’ve previously downloaded a plugin from another site.

a class="title" href="http://guerrillawebbuilder.com/78/wordpress-themes-introductio" rel="bookmark">Wordpress themes introduction

August 15th, 2009 No comments

Overview

By default, Dreamhost installs Wordpress with many extra themes. However you may want to install a 3rd party theme or plugin that is not provided by default so I am going to show you where to find these and how to install them.

New themes (see “Wordpress theme” definition for more info) can be found on the Wordpress main site at http://wordpress.org/extend/themes/ where you will be able to search and refine your selections, Pay attention to the “Most Popular” sidebar list entries. In the Resources section I have made a list of popular themes.

When looking for a theme, make sure that it is widget capable. This will allow you to easily control what features appear on the sidebar(s) of your site such as menu, search box etc… If the site is not widget capable, you might still have sidebar items but will not be able to control them as well.

Managing existing themes

To manage themes, click on the “Appearance” link in the left sidebar menu of admin. You will be greeted by a list of available themes with your current theme highlighted at the top.

Switching themes is extremely easy! Just click on any of the theme images to see a larger preview. If you’d like to try out the theme on your site, click on the “Activate…” link at the top right of your preview box. Open your site (the public side that is) in a new window to see what it looks like.

Adding a new theme

To add a new theme, navigate to the “Add New Themes” option under the “Appearance” section. You’ll have the option to search and install themes from the Wordpress site (using the “Search” link at the top) or, if you found a theme somewhere else on the Internet that you would like to use, using the “Upload” link at the top. Check out this post for some recommended themes.

a class="title" href="http://guerrillawebbuilder.com/65/wordpress-editor-quick-reference" rel="bookmark">Wordpress Editor Reference

August 15th, 2009 No comments
Icon Function Description
Add an Image Add an Image To insert an image, click on button and locate the desired image on your desktop. The acceptable formats are jpg, gif and png. 
Once it’s uploaded take note of the options presented. The ones that matter are the last 2:
Alignment: If you want the image to break the text (a line, then the image, then another line of text) then select None. Once the image is inserted into your text, you can control the left to right positioning with the text alignment buttons on the toolbar (see below).
If, instead, you’d like your paragraph text to wrap/flow around the image, then use one of the 3 other choices as desired.
Size: Wordpress can automatically resize your images. Pick the best size as desired.
When you are ready, click on the “Insert into Post” button to insert your image.
Add Video Add Video This will allow you to upload a video and place a link in your page to the uploaded file for the visitor’s browser to handle. Since you are depending on your site visitors to have the correct software to view the video you should stick with popular formats such as mov, mpeg and avi.
Note: This does not place an embedded video like YouTube does, just a link to one. To embed a video (meaning the movie will play inside of your site) please refer to the “Embedding a video in your page” section where I go over the process in detail.
Add Audio Add Audio This will allow you to upload an audio file such as an mp3 and place a link to it on your page for visitors to click and play in their preferred music application such as iTunes.
Add Media Add Media This button is similar to the video and audio ones and is there for you to upload generic files such as PDF documents, MS Word files and so on. Once uploaded, clicking on the “Insert into Post” button will place a link on the page. The visitor’s browser will take care of handling the file once it is clicked on.
Tip: If you intend to place documents for download on your site, sitck with PDF if you can as it is one of the most universal formats. MS Word is popular but usually a bad idea.
Bold Bold Make text bold. Select the text with your mouse first.
Italic Italic Italicize text. Select the text with your mouse first.
Strikethrough Strikethrough Place a strike on text. Select the text with your mouse first.
Bulleted List Unordered (Bulleted) List Create a bulleted list Start a new line, click the button to place the first bullet, type text, hit enter to create a new entry. When you are done, hit enter twice.
Numbered List Ordered (Numbered) List Create a numbered list Start a new line, click the button to place the first number, type text, hit enter to create a new entry. When you are done, hit enter twice.
Blockquote Blockquote This creates an indented paragraph. Many themes will style this in their own particular way. Preview your page to get a clear idea of that this looks like on your selected theme.
Align Left Align Left Align the current paragraph to the left.
Align Center Align Center Center the current paragraph.
Align Right Align Right Align the current paragraph to the right.
Insert/Edit Link Insert/Edit Link Create a a hyperlink (a clickable link). Select the desired text (i.e. the visible text that will be clickable), then click this button and type the web address (i.e. http://timeshout.com).
Unlink Unlink Removes the link from a previously created hyperlink and turns it back into regular text.
Insert More Tag Insert More Tag Splits the page into multiple ones by inserting a “read more…” link. Useful for long pages.
Toggle Spellchecker Toggle Spellchecker Turns the spellchecker on and off. Good idea.
Toggle Fullscreen Mode Toggle Fullscreen Mode This option will launch the editor into full screen mode. This is very useful.
Show/Hide Kitchen Sink Show/Hide Kitchen Sink Toggle the second/advanced toolbar on the editor.
Paragraph Styles Paragraph Styles This drop down will let you select the format or style of the current paragraph. Note that what you see in the editor is only an approximation. The theme itself will determine what your headers, colors and font size will look like. Preview your draft for a clearer idea.
Underline Underline Underline the text. Select the text with your mouse first. I strongly recommend never using this as people expect underlined text to be links.
Align Full Align Full Align the current paragraph using full justification.
Select Text Color Select Text Color Change the text color. Select the text with your mouse first. I recommend that you use this sparingly such as to highlight a word or two. Do not use this to change the colors of all your headings for example. The stylesheet of the theme should be modified if that is what you want (though this is a bit more advanced as this stage).
Paste as Plain Text Paste as Plain Text Use this option to paste and clean text that you have copied from another source. This will strip all formatting and hidden code. You will have to reformat your text. Though this may take a little longer, I recommend this option as it will guarantee that your site’s pages stay consistent.
Paste from Word Paste from Word If you have some text written in MS Word, you can use this option to paste it inside of your page. It will attempt to clean unwanted hiddent code from the imported text while trying to preserve the format as best as possible. Feel free to experiment between this and the “Paste as Plain Text” option above.
Insert/Edit Embedded Media Insert/Edit Embedded Media This button will let you embed external FLV (Flash Videos) and such from external sources such as YouTube.
Remove Formatting Remove Formatting Removes formatting from the text such as bold, color, etc. Select the text with your mouse first.
Insert/Edit Embedded Media Insert/Edit Embedded Media Use this option to embed a video inside of your page such as what YouTube has. You can use Flash, Quicktime, Windows Media, etc. You’ll first need to upload your video file using the “Add Video” option.
Insert Custom Characters Insert Custom Characters Use this button to insert special characters such as copyright, currency and other symbols.
Outdent Outdent Removes possible indent from a paragraph of text.
Indent Indent Indent the current paragraph.
Undo Undo Undo the previous action(s).
Redo Redo Redo the previously undone action(s).
Help Help Read the provided help documentation.

a class="title" href="http://guerrillawebbuilder.com/55/selected-wordpress-themes" rel="bookmark">Selected Wordpress themes

August 15th, 2009 No comments

Here are a few quality themes that cover a wide range of needs.

Carrington
An excellent theme that is both elegant and professional.
Website: http://wordpress.org/extend/themes/carrington-blog
iNove
A clean, elegant design.
Website: http://wordpress.org/extend/themes/inove
Pixeled
A slick theme on a dark background. Good for media websites.
Website: http://wordpress.org/extend/themes/pixeled
Massive News
An excellent theme for those looking for a newspaper layout.
Website: http://iwordpress.wordpress.com/2008/03/21/massive-news-wordpress-theme/

Carrington

An excellent theme that is both elegant and professional.

Website: http://wordpress.org/extend/themes/carrington-blog

iNove

A clean, elegant design.

Website: http://wordpress.org/extend/themes/inove

Pixeled

A slick theme on a dark background. Good for media websites.

Website: http://wordpress.org/extend/themes/pixeled

Massive News

An excellent theme for those looking for a newspaper layout. Note that this is a commercial theme.

Website: http://www.press75.com/the-massive-news-wordpress-theme/

home