James W.D. Stewart

James W.D. Stewart

Embrace "The Suck"


Home  •  About  •  Blog  •  Blogroll  •  Contact  •  Donate  •  Freelance  •  Gallery  •  In Case of Emergency  •  Résumé  •  Socialize  •  The Suck

 

 

 

Share to:  E-mail  •  Facebook  •  Google+  •  LinkedIn  •  Pinterest  •  Reddit  •  Tumblr  •  Twitter

 

Creating your own Web site may seem hard and complex at first sight.  Since the Internet is full of different guides and manuals dedicated to this particular topic, some of you may be confused or misled by wrongly interpreted information.

I have a question for you, my dear reader!  Aren't you tired of bullshit articles on how to create a Web site?  Don't you find them useless and not detailed enough?

/blog/2017/04/20/how-to-create-a-web-site-in-2017/

https://forces.army/blog/2017/04/20/how-to-create-a-web-site-in-2017/

How to Create a Web Site in 2017

Count Words — Reading Time
by James Stewart
Published: 
Updated:    Added YouTube Video for Power Builder
Location:  The Balmoral, 720 Bruce Ave., Sudbury, Ontario, P3C 5C4, Canada
 

 

Creating your own Web site may seem hard and complex at first sight.  Since the Internet is full of different guides and manuals dedicated to this particular topic, some of you may be confused or misled by wrongly interpreted information.

I have a question for you, my dear reader!  Aren't you tired of bullshit articles on how to create a Web site?  Don't you find them useless and not detailed enough?

Personally, I checked numerous articles on this topic, and I found it very annoying when the manual itself looked good but some important details were missing.  So it looked like this:

  • You take a look at your admin panel.
  • Then, at the screen capture from the manual, and back at your admin panel…
  • Something went wrong.

Basically, that's the reason why I'd decided to work on this article for you.  It's time to cut the crap and get it done.  This Internet needs a hero.  Brace yourself, I've prepared an ultimate guide on how to create a Web site for you!

Turn off the TV show or movie that you're watching.  You're going to finish your Seinfeld episode later.  It's time to start creating!

We're about to take-off.  Take your seat, it's going to be a long, yet exciting, journey!

 

How to Choose a Web Site Platform

Whenever someone talks about getting a Web site up-and-running, you may hear a 'CMS' abbreviation.  This section will explain to you in-detail what a CMS is and how you should utilize such a tool.  If you already have this basic knowledge, you may just skip this section, and skip ahead in the article.

CMS stands for "content management system".  The main purpose of these systems is helping you manage and modify the content on your Web site without touching a single line of code.  Basically, the CMS usually includes all of the needed scripts to control your Web site content and to deliver it to your Web site visitors.

There are plenty of different CMSs around.  However, within this article, I'll use the most successful and powerful ones.  These include:

  1. WordPress
  2. Joomla
  3. Drupal

I've gathered the needed information about the aforementioned CMSs for you.

As you may have noticed, WordPress covers more than a half of the Web sites on the Internet.  Millions of Web developers choose WordPress as their primary Web site building platform.

The difference between first and second place is huge, right?  Joomla and Drupal hold the second and third places with the proud numbers (10% and 9%).  Let's see why Web developers choose WordPress and why it's better than any other CMS.

 

The Better CMS

Some of you may say that WordPress is just about blogging Web sites and magazines.  That's a common misconception.  Nowadays, this platform offers you much more functionality.

You can use WordPress to start a blog, eCommerce store, landing page, magazine, portfolio, and more…  You can do, literally, most nything.  This CMS is flexible enough to start a project of any size and complexity.

A lot of large projects are built with WordPress.  For example:

  • BBC America
  • New Yorker
  • Variety
  • Wired

The credit given by these big brands can be easily explained by the multi-functionality and simplicity of WordPress.  It doesn't matter whether you're trying to build a Web site for your company or just a small blog for yourself to post news about how good was your breakfast today.  WordPress will work fine for everything.

Here are the key WordPress benefits:

  • Ease of Use
    • Personally, I'd say that "take it easy" is an unofficial WordPress slogan which inspires the developers of this CMS to build such a great product.  You'll not need big 500-page books to study on how to use this CMS.  You'll be guided through the installation process by the CMS itself.  How cool is that, eh?
       
      Then you'll be able to add the functions that you like by adding plug-ins through the admin panel.  Each of them can be configured within a few clicks.  You can go live with your Web site in the blink of an eye.
  • Truly Responsive and Mobile-Friendly
    • Once you install WordPress and kick it off with your newly created Web site, you'll not have to worry about how your Web site looks on mobile devices.  The major part of WordPress themes nowadays, is built with all of the latest standards, giving you a possibility to convey your content to your audience through mobile devices in the most efficient way.
       
      Just take a look at the best sellers demos and check-out how they look on smart phones and/or tablets.  They're specifically designed to meet your cross-platform expectations.
  • WordPress Web Sites Look Stunning
    • This is pretty simple…  It really is beautiful.  If you don't believe me, feel free to check-out the catalog of the premium WordPress themes and you'll see what I'm talking about.

These are the key benefits that should be of interest to you if you're a newbie and you're trying to select the correct CMS.  Of course, there are plenty of other pros in WordPress, but I wouldn't want this article to become all about those though.  Let's move on.

Drupal and Joomla are less popular amongst Web developers, but they've still got their market share and their own fans anyhow.  I've, intentionally, included Drupal and Joomla in one section.  They both have very similar cons when compared with WordPress.

One of the biggest problems with these types of systems is their complexity.  It's simply harder to work with them…  You need to have a more advanced level and knowledge to be able to build a fully-functional and good looking Web site.

All the same, they're listed in the top-3 for a reason.  That's why I've decided to provide you with not only one, but three guides.  That's right, I'll show you how you can create a Web site using any one of these three platforms.

For your convenience, you can decide which CMS works the best for you, depending on your skill and knowledge, and skip to the relevant section of the article.

 

Choosing a Domain and Web Hosting

Each and every Web site needs a domain name and Web hosting.  That's like a home for your Web site.  Everybody needs a home, right?

I'm not going to tell you about the possibility to be hosted at wordpress.com for free…  I'm a serious person.  Using a subdomain of wordpress.com will make your Web site look unprofessional.  That's not what we're trying to do.

There are plenty of Web hosting providers around the Internet.  The pricing varies from being as low as Hell to being ridiculously high.  Personally, I'd suggest that you considering the two Web hosting providers below:

These guys will give you an opportunity to get Web hosting for a price-point of around $3–6 USD; a great deal.  The best part of it, is that they have great servers.  And, even for the price, they'll provide you with a good customer service experience.  It's very important for everyone who is running their own Web site to have a good relationship with their Web hosting provider.

I'd recommend you taking a look at the offers from both Bluehost and InMotion; choosing what will work best for you.  For this article, I'll show you how you can sign-up with Bluehost and host a Web site on their Web servers.

The domain name should be chosen wisely.  There are 3 key things to keep in mind while selecting a domain name for your Web site:

  1. The URL of your future Web site is the first thing that the visitor will see.  A kick-ass domain name will, definitely, make a great and lasting impression.
  2. The domain name should be the same as your brand name; or, as close to it as possible anyhow.  It will be a huge plus to your brand recognition.
  3. Keep it simple…  Nobody wants to memorize the domain name.  If it's something like "thincrunchpizzafromchicago1259.com", you're going to burn in Hell.

 

How to Get a Domain and Web Hosting

This is where we stop talking and start doing.  I've made a step-by-step guide on how you can start working with Bluehost.  Essentially, it will give you a general knowledge that will help you to work with InMotion as well because the process is very similar on both platforms.

First of all, open the Bluehost Web site.

You'll notice that they advertise their most popular pricing plan right in the header and they list all of the benefits for you.

  • Good News
    • You'll get free 24/7 customer service from them.
  • Very Good News
    • You'll get a free domain (.com) for a year!  Isn't that great?

Let's click on the "Get Started Now" button.

You'll notice that they offer 3 different pricing plans.  For you, as a beginner, the Basic plan should work fine.  It gives you an opportunity to host 1 Web site and gives you 50GB of Web site space/storage.  It should cover all of your needs.

Once you click on the "Select" button, under the Basic plan, you'll be redirected to the page where you can select the domain name for your future Web site.

You may enter any domain name you want.  If it's already been registered by someone else, Bluehost will let you know; and, even offer some alternative names to work with.  As an example, I decided to go with "mywebsite.com".  Of course, I knew that such a domain name had already been taken, but the Web hosting provider offered me alternatives to consider though.

I decided upon "mywebsitedirectory.com".  That doesn't sound very attractive, but it's just an example.  I've already explained to you earlier, in a section above, how you should choose the domain name properly.

Now, it's time for you to fill in all of the personal data.  Below the account information block, you'll notice the package and payment information blocks.  That's where you can confirm the plan that you want to go with and select the term.

I shouldn't need to explain how to enter your credit card information, eh?
 

One of my favourite things about Bluehost is that they offer to install WordPress for your in just a few clicks.  You'll not have to worry about moving files and/or folders around via the FTP, they'll do everything for you.

You'll only have to fill-in general information.  Once you've entered all of that information, you're done.  Click on the "Install WordPress" button and they'll… install it for you…  What a surprise, eh?

 

How to Create a Web Site with WordPress

When WordPress is installed, you may visit the WordPress admin panel which will be located at the following URI…

  • yourwebsite.com/wp-admin

You should use the credentials that you have chose while installing WordPress through the Bluehost admin panel.

Within the WordPress admin panel (i.e. the "Dashboard"), you'll see all of the sections on the left.  The window on the right will display all of the settings which you can work with.

First of all, we need to change the theme.  There are lots of great-looking WordPress themes.  Feel free to choose one that will suit your individual needs.  For this article, I decided to use the Monstroid 2 theme.  The reason is simple…  Monstroid 2 is a multi-purpose theme.  So, it usually works for varying Web site topics.
 

I'm going to create a Web site using the Monstroid 2 default skin as it's my favourite one.  But, here's where it gets better…  You may choose from more than 10+ skins.  That's why Monstroid 2 is suitable for a lot of different types of Web sites.

In order to change the WordPress theme, you should go to "Appearance" and click on the "Themes" menu option.

It will redirect you to the Web page where all of the installed themes are listed.  However, we're not interested in any of those though…  They look boring!

In order to install a new theme, you should click on the "Add New Theme" button and upload the template that you want to use.  As I've already mentioned, I'll upload the Monstroid 2 template.

After the installation process, you should click on the "Activate" button to apply the changes and set the new theme as a default one for your Web site.

Once it's activated, the WordPress admin area will show you a tip right above the templates area.  You'll see that it offers for you to install the "TM Wizard" and that's an excellent tip.  You should do that…  You'll see just how useful this tool is.

TM Wizard will offer for you to start the skins installation process.  Just click on the "START INSTALL" button.

The Wizard will check if all of your system settings are OK; notifying you if something's wrong.  When you see that everything is OK and green, just click the "Next" button.

That will take you to the list of all of the available skins.  That's where you should decide what skin may work best for your needs.  As I've already mentioned, I'll go with the default one.  So, I just click on the "select skin" button near the "default" skin.

There are two options here for you…  You may select either the Full or Lite installation option.  The Lite one can be used in case you don't have much Web site space with your Web hosting.  So, by choosing the Lite installation option, you agree to getting a lesser amount of the blog posts and other demo data.

If you selected Bluehost, you don't have to worry about it, just proceed with the Full Installation option.  It should work perfectly fine for you.

Now, the installation wizard will download and install all of the needed plug-ins.

In order to install the demo data, you should agree that you want the sample data to replace the existing data on your Web site.  Essentially, this warning was added just in case you're installing this theme on a Web site where you already have lots of old content.  That's something like a trigger for you to have a turning point and save your data.

Since my WordPress Web site is new, and it doesn't have any data, I don't particularly care whether my posts will be replaced or not.  So, I agree and select the "Replace My Existing Content with Demo Content" option.

WordPress won't be able to perform this without having you enter the admin password.  That's because such important decisions should be confirmed on your side…  Such a destructive action should be confirmed prior to proceeding.

It may take some time now, the wizard will import all of the sample data for you…  Making sure that your Web site looks great and operates as-needed.

Once everything has been installed, you'll have a Web site that looks like our demo unit.  You'll have all of the data imported.  I believe that it's time to start the customization process.

Let's go to the Dashboard and start editing the home page.  In order to do that, you'll need to visit the "Pages" section and select the "Home" page.

You'll be redirected to the Web page with the power builder.  That's my favourite tool which helps you to customize your Web site by simply moving around the block of content from within the builder itself.  I'm happy that Monstroid 2 includes the power builder.
 

I removed the slider from the header section of the Web site and decided to go with one image at the top.  Once you've removed the slider itself, you'll need to click the "Insert Module" button and select the "Image" module from the modules list.

That's just the beginning…  Let's go deeper and get our hands dirty.

I decided to change the logo to the one that I've prepared in PhotoShop.  In order to update the logo, you should click on the "Customize" button within the top panel of your Web site.  An additional menu will be opened on the left side of your Web browser window.

Just click on the "General Site Settings" » "Logo & Favicon", and upload the logo that you want to use, rather than the generic Monstroid 2 logo.

While scrolling the newly created Web site, containing demo data, I realized that I'll not need the "GPL3 License Advantages" block.  So, I simply went to the power builder tab and deleted it.

I also don't like the "Buy Theme" button.  This button strikes the eye and calls-to-action.  That's why I'll change the button to "Order a Story".  This will work perfectly.  It will give the customer a chance to order the Web site content, or any other service, right here and right now.  Oh, how I love call-to-action buttons…

In order to perform this change, you should go to the "Header" menu option.  Then, go to "Header Elements".  Change the text of the call-to-action button and click on the "Save & Publish" button.

Since we're working with the header, let's change the menu items.  I'll create the menu items that will take the clients to the following pages:

  • Contacts
  • Home
  • Portfolio
  • What We Do
  • Who We Are

I think that these are the Web pages which will give the customers all of the needed information about the company.

In order to add these menu items, I had to go to the "Menus" » "Main" and remove all of the existing menu items.  Then, I added all the menu items that I'll need, and linked them to the relevant Web pages that I'd created on the dashboard within the "Pages" section.

As you can see, we've already changed the way that the homepage looks once the customer views it.

Let's change the introductory text that goes right after the image.  In order to do that, we should go back to the power builder, and open the settings of the "Text" module; right after the "Image" module.

That's where we can fill in the information about the company and explain to the customer who we are and what we do.  I wanted to tell the customer that we, simply, deliver good content and working with us is worth a try…  There's no need to add a 5-page long read with a full history of the company.

There's a block within the default skin of Monstroid 2 where the main pros of the template are listed.  We'll use this block to advertise the 3 primary services:

  • Content Marketing
  • Creating Web Site Content
  • Speech Writing

Let's go to the power builder and scroll to the module containing the 3 "blurb" modules.  We can edit the content of each module by clicking on the settings icon to the right.  You can choose the body text, icon, and title for each service…  It's fairly simple.

If you open the power builder, you'll see that there are two similar rows on the homepage.  They both include the "Text" module, but it's located on different sides of the page though.  I decided to remove the second one; leaving only the first one.  Since I'd moved the "Services" block above, closer to the introduction text, now I have two blocks with the gray background and it doesn't too look good.

As such, I'll change the background and image for this block.  I'll set the background to a white colour and add a picture that will be more appropriate for the Web site.

I decided to let the customers know that we're responsible for one of the speeches that have been a part of the President's fundraising event.  There's also a block within the Projects showcase.  I believe that we'll need this one on the Web site.  So, I'll change the pictures to examples of the Web sites for which we've created the content for.

Let's go to the power builder.  Click on the options button near the "Projects" module and we'll see that all of these projects are taken from the "Project" category.

So, we'll need to go to the "Projects" category on the left side of the Dashboard and change each-and-every project or simply remove the old ones and add the news ones in their place.  That's quite simple and looks like the regular blog post edit page.  The featured image can be changed on the right and the body text is located in the middle.

I decided to move the "Testimonials" module above the "Projects" module.  It's very easy to do from within the power builder.  You can re-order the modules by moving them around using drag-and-drop.  So, now they'll be above the "Projects", but we need to change the testimonials to suit the company though.

In order to do that you'll have to go to the "Testimonials" section within the WordPress Dashboard and change each testimonial.  Basically, it looks like you're editing an article.  As the company I'm using for this article is fictitious, I simply changed the company name within the testimonials.  However, you'll have to add your own testimonials from real customers though.

The only issue now, is the "Represent Your Staff" title that's located here for whatever reason.  I'd like to change it to something more appropriate.  Let's go to the power builder.  Select the "Cherry Testimonials" module and enter the text that you want to see there.

I don't want to have all of these widgets in my footer.  So, I'll remove them.  We can do that by going back to the "Customize" menu and selecting the "Widgets" option.  Simply, remove all of the widgets from within this area, and click on the "Save & Publish" button.

I believe that it looks great and I'd not say that iif it were hard to work with Monstroid 2.  You can set-up a working and good-looking Web site within a day or so.

 

How to Create a Web Site with Joomla!

The installation process of the Joomla! CMS will be a little tricky.  That's because not all of the Web hosting providers offer a 1-click installation process for Joomla!.  So, you'll need to move the files via FTP on your own, and also create the database on your own.

But, don't be scared though…  It's not so hard.  I'll show you everything and walk you through the installation, step-by-step.

First of all, you'll need to download the latest Joomla! package.  You can do it on the Joomla! official Web site since Joomla! is a free and open-source project.

Once you've downloaded the latest Joomla! package, you should unpack it and move the files to your Bluehost FTP.

Just click on the "File Manager" button from within your Bluehost control panel.  Then, click on the "Home Directory" option and submit your request.  That will take you to the root folder, to which you should upload the Joomla! package.

In order to install any CMS, you need to have the database.  Let's create one for your Web site.

Now, we can start working on the Web site.  Prior to that I'd suggest for you to check-out the premium Joomla! templates and pick one for your future Web site.

One of the pros of such and approach is that the template comes with a so-called "quick-start package"…  And, that's an amazing feature.

It's a Joomla! package that has the template pre-installed.  In order to get a good-looking Web site, with all of the demo data, you'll only need to agree to the sample data installation.  That's as easy as pie.

I've decided to show you how to work with Joomla! using the best template, Jumerix.  It's a multi-purpose template that has a few homepage layouts and a lot of pre-designed solutions.

Let’s begin our work!  I'll create a Web site for a digital agency here as well.  I believe that creating the Web sites on the same topic, but with different CMSs, will give you an understanding of how good it can get on each CMS.

Once you've moved everything via FTP, and created the database for your Joomla! Web site, you can proceed with its installation.  Open your Web site and you'll be redirected to the installation page of the Joomla! CMS.

That's where you fill-in the general information.  You also have the option to shut-down your Web site from the very beginning.  It means that while you work on your Web site, no one will have a chance to see it in an unfinished state.  If they open it, they'll be presented with a maintenance message.

The next step includes filling-in the database information.  During the last step, you should choose the "Install Sample Data" » "sample_theme3311" in order to have all of the demo data automagically installed.

One of the interesting things about the Joomla! installation process is that it always asks you to delete the "Installation" folder from your Web site.  In the older versions you had remove it yourself via FTP, but now you can just simply click on the "Remove Installation Folder" button and the CMS will do it for you.

This template also has a few more homepage layouts.

Essentially, all of the changes are performed from within the administrator panel of the Joomla! CMS.  You can sign-in at following URI…

  • yourwebsite.com/administrator

There, you'll have to fill-in the data that you'd entered during the installation.

All of the menus are located on the top panel and all of the settings will appear in the window area below.  Of course, the standard slider images don't fit the company.  So, let's change the images and text.  Go to "Content" » "Articles" and filter the articles by the "Slider" category.  You'll see 3 articles that are used in the slider.  Each article includes images and text.

Let's change the title and the picture on the "Images and Links" tab.  The slide text can be changed on the first "Content" tab.  You can edit the rest of the slides in the same manner.

Now, we need to change the logo and set the one with the agency name on it.  It will be the same one that I'd used in the WordPress tutorial.  Let's click on "Extensions" » "Templates" » "Styles".  Click on the "theme3311-Default" style and you'll be redirected to the settings page.  That's where the logo can be changed.

It's time to change the "What We Offer" block and to add the appropriate information therein.  All 6 items within that block are articles and you can change them by going to "Content" » "Articles" and filtering them by the "What We Offer" category.  I won't need all 6 items.  So, I'll unpublish 3 of them; leaving the other 3.

Each and every item can be edited like a regular article.  So, you can put the title and body text there.  It gets a little tricky when you want to change the icons.  In order to change the icon for each item, you'll need to go to the "Images and Links" tab; changing the icon code within the "caption" field.

You may be wondering, "where can we get the icon codes?"  These are the codes of the Font Awesome icons.  You can review the huge library of their icons on the official Font Awesome Web site.  Choose the one which you like and that fits the topic of your Web site.  Once you click on the icon, you'll be able to get the icon code.

Now we need to change the introductory text of the "What We Offer" block.  In order to do that, we need to go to "Extensions" » "Modules" and search for the "What We Offer" modules.  You'll have a listing of modules with the same name.  The one that we need is the last one on the list…  The one that's located on the "navigation" position.

Once you start editing it, you'll see the "Pretext" field on the bottom of the page.  That's where you should enter the text that you want to be displayed in-place of the demo text.

Now, it's time to unpublish the blocks that we don't want to see on our page.  First of all, let's disable the "Flexible Pricing" module.  Just go to "Extensions" » "Modules" and unpublish both of them.  Now, let's turn off the rest of the unnecessary modules in the same way that we did with the pricing block.

Let's go to "Content" » "Articles" and search for the "You and Your Business Look Ravishing" article.  Once you've found it, feel free to edit it as-needed.

But the picture isn't located within the article though.  We'll have to look for the module that displays that picture with the parallax effect.  Go to "Extensions" » "Modules" and look for the "Home Parallax" module that's located on the "showcase" position.  Open it and upload your own picture that you want to see there.  Make certain that the picture is in a PNG format and has a transparent background.  Otherwise, it will look ridiculously bad.

Now let's change a little bit of the module that displays the texts about how the company works.  Go to "Extensions" » "Modules" and search for the "How We Work" module.  There are a few modules with the same name there.  You'll need to open the one on the "none" position.  As you can see, this module is linked to an article with the same name.  Just click on the "Edit" button and you'll be able to edit the article right from there.

As you may have noticed, the top menu panel and the footer have a background image, and as of right now, it doesn't really fit the style.  I decided that the top panel should be black and the footer should be dark grey.  We can change these settings within the template.css file of the Jumerix template.  Go to the folder with the template via FTP and open the "template.css" file within the CSS folder.

Look for the "#top" ID and comment or remove the background image.  Then, add the following line:

  background-color: #000000;
  
Now, I think that the top panel looks sick!

You can change the footer colour in the same way.  Look for the "#copyright-top" ID and comment or remove the background image line.  Then, simply add the following line:

  background-color: #1a1b1d;
  

The last thing to do, is to change the main menu.  That's very easy to do.  Just go to "Menus" » "Main Menu" and add the links to the Web pages that you want to display.  For me, these are all the same as found within the WordPress tutorial.

 

How to Create a Web Site with Drupal

The installation process is simple and quick.  Drupal doesn't want to scare you away right from the beginning.  Everything looks exquisite and convenient.

Once you've filled in the database information, don't forget to open "Advanced Settings" and enter the database hostname.  That's the host address which you can obtain from your Bluehost control panel.  Drupal, usually, sets this field value to a default value of "localhost".

Once you've given Drupal all of the information, the installation process is over.  You'll be redirected to the homepage of your newly created Web site.  It will have a generic Drupal theme.  So, we're not done yet.  Let's take a beautiful theme and install it properly…  It's very easy!

In order to install a new theme, you should go to "Appearance".  You'll be redirected to a Web page with the list of available themes.  Click on "Install New Theme" and choose the ZIP archive of the theme.

Once you've set the new theme as a default one, you'll see that your homepage now looks different.  It has a new logo now and the colour scheme is different.  However, it doesn't look like the demo, eh?  That's because we have to perform one more step to finish the theme installation process.

Now, we need our Web site to have the demo data installed.  In order to do that, we have to go to our phpMyAdmin panel.  Let's click on your Drupal database (everybody will have a different name).  That will take you to the Web page with all of the tables available within your database.  But, we're not looking for those.  We need to import some data.

Click on the "Import" tab and "Select the File".  Now, we'll have to select the SQL file from the ZIP archive of your theme.  Let's get back to your Web site and log-in to the admin panel.  Just go to the URI…

  • yourwebsite.com/user

Once you've installed the theme, the username and password will be set to a default of:

  • Password:  admin123
  • Username:  admin

You may change this setting or create a new user through the admin panel later.  So, no worries.

We can apply changes to the structure of your Web site by adding, changing, and/or removing the block in the "Structure" » "Blocks" admin panel section.

I decided to remove the top panel with the contact information and move the "Follow Us" section to the "Menu" panel.  It looks cute, eh?

Now, it looks obvious that we need to change the slider background because this picture doesn't really work for the company.  In order to do that, you should go to "Appearance" » "Settings" » "Region Settings".  Click on "Select Media" and upload your image.  Now, it looks way better…  It fits the topic of your future Web site.

I think that it's time to change the text within the slider.  In order to do that, you may go to "Structure" » "Blocks" and click on the "Configure" button right by the "Header Block" row.

Since we're working with the header section of the Web site, it's time to work with the menu.  You can do it by going to the admin panel and clicking on "Structure" » "Menus".

We'll see the listing of the menu items.  I decided to remove the "Documentation" menu item.  I also decided to rename the "About Us" item to "Who We Are" and the "Services" item to "Why Us".

We've already done the menu, slider, and social links.  Now it's time to upload a new logo.  I decided to save the same colour scheme.  So, the new logo will have a green element to it.

We need to change the projects to suit the digital agency topic.  You can change each project on the main page easily enough.  Just open the project and click on the "Edit" tab.

As you can see, the introduction text fits the demo topic only.  Let's change it.  It's even simpler…  You can just hover over this block and click on the edit button; filling-in the data that you want.

We'll need the core features module as well.  It's a great way to showcase the main services of your company.  I decided to advertise 3 core features for the digital agency…

  • Content Marketing
  • Creating the Web site Content
  • Speech Writing

You can change the feature's look by going to "Content" and editing the articles from the "Services" category.

I don't want the Web site to have the latest news block.  So, I'm going to go to "Structure" » "Blocks" and disable all of the blocks that I don't want to see on the Web site.

Now, let's go to "Appearance" » "Settings" » "Region Settings" and change the footer image.  It's optional, but I have an image that I'd really like to see right there.  So, I decided to put it to a good use.

 

Conclusion

Let's wrap-up by summarizing the information that we've gathered.

If you want to build a Web site of any complexity, whether a huge store or a small blog, a landing page or a magazine, you can use WordPress and you'll be more than happy with the number of great features that this CMS has to offer.  It's unbelievably easy-to-use and it's also very easy to understand it and learn how to work with it.

There are plenty of premium WordPress themes around the Internet.  So, you'll not have to worry about how you can make your Web site stand out.

Working with Drupal and Joomla, probably, won't make you that happy.  But, they certainly have their pros though.  Joomla is a little bit more complex.  Drupal is as complex as Hell.  So, keep it in mind, while choosing the right CMS for your Web site.

The pool of Drupal themes and Joomla premium templates is a little bit smaller due to the fact that a smaller percentage of users prefer these platforms.  However, you can always find some ready-made solutions for those anyhow.

I've created this extensive article for you and hope that it will help you to create your first Web site without any issues…  Just keep calm and create great Web sites!

 
Categories:  Design, DIY, Technology  
Tags:  How to

 
Syndicated to:

 
References:

  1. Icons :: Font Awesome
    by Dave Gandy Referenced: 
  2. Bluehost
    by Bluehost Referenced: 
  3. Drupal
    by Dries Buytaert Referenced: 
  4. Joomla! Downloads
    by Open Source Matters, Inc. Referenced: 

 

Share to:  E-mail  •  Facebook  •  Google+  •  LinkedIn  •  Pinterest  •  Reddit  •  Tumblr  •  Twitter

 

 

 

 


DISCLAIMER:  Neither the forces.army domain nor any of its sub-domains are associated with and/or sponsored by any national and/or international government agency or branch of the armed forces in any nation.


Atom  •  Comments  •  Privacy Policy  •  Sitemap  •  Terms and Conditions

 
IndieWebCamp
 
 
Links Monetized by VigLink
 

Creative Commons Licence :: BY-NC-SA James W.D. Stewart by James Stewart is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.  Based on a work at https://github.com/jwds1978/jwds1978.github.io.