跳到主要内容

如何制作网站:初学者指南

+$Make it with Adobe Stock > Discover free templates

+$Want to build a website? Well, WordPress.org is a great system to use.

+$One of the giants of the web, WordPress powers around 32 per cent of the world’s websites, and for good reason. It’s been around for decades, it’s free and open source, and there’s a huge and active community around it.

+$You’ll still have to pay for your domain name and hosting, but theWordPress.org+$software itself, which you’ll use to build your website, is free. So this is a potentially cheaper option than many other网站建设者

+$There's quite a bit of a learning curve, so you have to be prepared to put some work in. But WordPress really is a tried-and-tested method for building websites. And so here, we'll walk you through the basics in order to get you started.

+$If these initial steps look intimidating, though, then don't worry: afterwards we'll introduce you to some alternatives that make it even quicker and easier to build a website, albeit at a price.

+$For some layout inspiration to get you started, take a look at our favouriteWordPress网站+$right now, or explore our pick on the best+$minimalist Site Designs

+$01. Buy a domain name and hosting

Hostgator homepage

+$We're using Hostgator, but other hosts are available...

+$(Image Credit: Hostgator)

+$As we mentioned, WordPress.org’s software is free to download. But unless you own your own computer server, you’re still going to need to pay someone to host your website and make it available to anyone in the world, 24 hours a day.

+$You also need to buy a domain name: the web address that allows people to access your site. (For example, the domain name of the site you’re looking at now is creativebloq.com.) Most hosting companies will sell you a package that includes both hosting and a domain name, which makes things a lot simpler.

+$If you don’t know where to start in choosing a hosting company, then check out the最佳网络托管服务+$. For the purposes of this article, though, we’ve randomly chosen+$Hostgator+$to create our dummy website.

+$We’ll start by visiting the+$Hostgator Website+$and choosing the cheapest pricing plan. (That's something we’d usually recommend for beginners, whatever the hosting company, as you’re unlikely to use any of the advanced features in the more expensive options.)

+$Doing that takes us to the screen below, where we're asked to choose a domain name.

Web form

+$Our chosen domain name, 99percentmedia.com, wasn't available, but 99percentmedia.net was

+$(Image Credit: Hostgator)

+$This may take some time, as your favoured name may have been taken, but it’s worth taking your time over getting this right. Forbes has some good+$advice on choosing a domain name

+$In our case, we were lucky. While 99percentmedia.com wasn't available, 99percentmedia.net was. And that was good enough for us.

+$You’re then asked to enter your personal and payment details, which is all pretty self-explanatory. In section 4 of the form, there are some extra services the company will try to sell you. These are all potentially useful, but for beginners we’d recommend unticking all these boxes to keep the overall cost down.

+$In section 5, you get the chance to use a discount code to get money off. Don't pass this up. Do a quick Google search to see if you can find a valid code. Again, it’s worth taking a few minutes over this.

+$Once you’ve reviewed everything and are happy with your purchase, click the box saying you agree with the Terms and Conditions, and proceed to checkout.

+$02. Install WordPress

Hostgator homepage

+$Having bought our hosting, we're off!

+$(Image Credit: Hostgator)

+$After checking out, we get this screen (above) telling us that HostGator is setting up our account. After a couple of minutes, it’s replaced by this screen (below).

Hostgator screen showing two options

+$Fairly obviously, you want the left-hand option here

+$(Image Credit: Hostgator)

+$Clicking on the WordPress option brings us to the screen below.

Hostgator customer portal

+$Click on Install WordPress, near the bottom of the right-hand column

+$(Image Credit: Hostgator)

+$It’s not super-obvious, but from here, you need to click on安装WordPress+$Control Panel+$. This brings you to the screen below, where you need to enter some details. (You'll prob want to ignore the bit at the bottom about ‘Let a pro do it for you’.)

Hostgator form

+$One more form to fill out, and we'll be done

+$(Image Credit: Hostgator)

+$Blog Title+$is self-explanatory: it’s the title that will appear on the homepage of your website. It can be the same as your domain name, but it doesn’t have to be.+$Admin User+$is basically your username for logging into WordPress. We’ve chosen ‘admin’ but it could be your name, your nickname, or anything else that’s memorable.

+$Also add your first and last name, and your email address, tick+$Automatically create a new database+$, agree to the terms of service, and click the安装按钮。

+$Yay! You’re now finally at your WordPress dashboard, where you can start building your site. Note: in future, you can come here at any time by entering your site’s URL and ‘/wp-admin’. In our case, that's http://99percentmedia.net/wp-admin/.

+$03. Start building your site

WordPress Dashboard

+$Your WordPress Dashboard is where you'll build your website

+$(Image Credit: WordPress)

+$Now the real fun/work begins! But before we get into the juicy stuff, there’s a bit of boring admin.

+$At the moment, your site’s internal page URLs are going to be long and confusing. So you need to tweak a few setting to make them shorter and simpler.

+$In the left-hand pane, click on设置然后选择+$Permalinks+$. Scroll down and you’ll see that+$Custom Structure+$is selected. Instead, select+$Post Name+$, above it, and then+$Save Changes+$. That's It!

WordPress panel

+$Change the Permalinks setting from Custom Structure to Post Name

+$(Image Credit: Wordpress)

+$Okay, so want to see what your website looks like at the moment? Then hover over its name at the top of the page and click on+$Visit Site+$. Right now, it will look something like this:

Basic WordPress site

+$This is what a WordPress site looks like at its most basic

+$(Image Credit: WordPress)

+$Pretty basic, right? So now it’s time to add some style.

+$The most common way to do this is by using themes, which are basically templates with dummy images and text which you can then customise for your own purposes.

+$04. Choose A Theme

+$WordPress.org comes with a few preloaded themes, or you can find both free and paid third-party themes online. Check out, for instance, our lists of the最好的免费WordPress主题+$and Top-qualityWordPress组合主题

+$Once you find a theme you like online, then first you need to download it as a zip file. Then in your dashboard, go to出现并点击主题>添新>+$Upload Theme

+$Navigate to the zip file on your computer, then click on安装, 然后启用

+$05. Start Customising

wordpress interface

+$Our site with WordPress's Twenty Seventeen Theme

+$(Image Credit: Wordpress)

+$As you can see above, we’ve opted to use WordPress’s own+$Twenty Seventeen+$theme. There’s a lot that we now need to do to personalise this, but most obviously, the default picture isn’t really relevant to our topic. So let’s change it.

+$We Click On出现>定制>+$Header Media+$. Then we scroll down to+$Header Image+$, Select+$Add New Image+$, and swap our hero image for a more suitable one fromAdobe股票

wordpress interface

+$Add a nice stock image, and the homepage starts to come to life

+$(Image Credit: Wordpress)

+$Instantly, this is starting to look less like a bland template and more like a bespoke website.

+$Obviously this is just the start of building out our website within the Dashboard. We'll need to swap out the dummy text and the other images with our own. We'll also need to change its structure, its colour scheme, add things like footers, icons, and social media links. We may also want to import plugins to add extra functionality to our site (check out our list of the bestWordPress插件)。

+$But every journey starts with a single step, and we’re now on our way. To help you through the next steps, check out+$WordPress’s own lessons+$, as well as our list of topWordPress教程+$. Best Of Luck!

+$Alternatives To WordPress

+$WordPress is great, but it's not the simplest way to create a website. So if you want an easy option, or if you need to get a quick website live today or tomorrow, then, we’d recommend spending some extra cash and opting for one of the paid-for website building platforms, such as维克斯Squarespace要么Shopify

+$Each of these has different pros and cons, check out our selection of the最佳网站建设者+$so you can see exactly what the various services have to offer and which one is likely to be the best fit for you.

+$Don't want to spend任何+$money? Then consider whether a website is actually what you need at all. For example, if you need a place to showcase your creative work online, then could a platform such asDribbble要么Behance的+$, or perhaps just an Instagram or a Facebook business page do the job just as well? Also note thatAdobe Portfolio+$is free if you’re already paying for the Creative Cloud.

+$We can’t answer these questions, of course: only you can. But they’re certainly worth asking. Because in 2019 it’s not always the case that everyone absolutely has to have a website.

+$If you do decide you need to build a website, though, then whatever system you use, make sure you bookmark our网页设计+$tag. Bringing you regular doses of inspiration, tips and tutorials, you'll find plenty to aid your website building efforts!

阅读更多:



翻译字数超限