Can I Use a Designer to Create Wordpress Blog
With over 35% of websites powered past its technology, WordPress.org is 1 of the oldest, most trusted and widely used website builders around. This largely free, open up-source software allows anyone to make a WordPress website, no matter their coding skill or pattern talent. And even so as amateur-friendly as it is, its capabilities are broad and flexible enough to attract advanced users, including major companies like Disney, MTV and Sony.
While WordPress is useful for not-developers, getting started involves a bit of a learning curve. To make it easier, we've put together the following guide on how to create a WordPress website from start to cease. And to walk through each footstep with you lot, we'll exist making our own WordPress website for 1 of our favorite, totally real family businesses: Bluth'south Frozen Banana.
How to make a WordPress website in 6 steps
—
- Prepare your website content
- Register domain and hosting
- Install WordPress
- Set upward your WordPress website
- Customize your WordPress pattern
- Launch your finished WordPress website
Stride one: Prepare your website content
—
Before you build your site, start with your website content. Considering WordPress is a content management arrangement, you tin always change or add content afterwards the website is live. Just getting most of your content ready beforehand non only makes building the website easier, it gives you a clearer idea of what your website needs to do and look like.
To that terminate, information technology is also useful to brand a unproblematic site map, listing out the number and purpose of pages (whether you lot'll need a homepage, about page, contact page, store page, blog, etc.). Here is some common content you will want to fix:
- Logo and branding (including brand colors and typography)
- Media (photography, illustrations, icons, video)
- Written content
- Headlines
- Subheadlines
- CTA and other button re-create
- Torso re-create
For Bluth's Frozen Banana, nosotros already take a logo and mascot to work with, and we'll be using the colour picker in Photoshop to become the color scheme from these materials. In your case, you lot may need to purchase your own logo. For prototype assets, you may either hire a lensman or use stock photos and icons.
Step 2: Register domain and hosting
—
A website domain is the unique website address that people use to access your WordPress website. This should ideally be straightforward, such as your company proper name if yous're a business or first and last proper noun if you lot're an private. We'll be usingbluthsfrozenbanana.com.
You volition too demand to secure hosting, which is a server that stores your website files. Many hosting platforms too provide domain registration every bit part of their service. When shopping for hosting sites, pay attention to things similar information storage limits and bandwidth, just most importantly whether it supports WordPress. In this example we'll go with Bluehost because WordPress recommends them, simply there are plenty of other options to cull from.
In most cases you will have to pay for your domain and hosting. Bluehost for case offers domain registration at $12.99 and charges $7.99 per month for the first year (billed annually, not monthly). Once you click the Get Started link on Bluehost's dwelling house folio, enter your chosen domain address, and if information technology is bachelor, you can purchase it at the checkout page.
One time you have purchased a plan, you will be directed to make a password and log in to your account. Bluehost offers to guide you through creating your WordPress site, but we recommend skipping these steps every bit the resulting templates will cost extra.
Step iii: Install WordPress
—
In theMy Sites tab on the Bluehost dashboard, selectingAdd Site will prompt you to install WordPress. If you used a different hosting service, you will have to follow the instructions provided by that service, which is why information technology's important to verify that the service integrates easily with WordPress beforehand.
Once WordPress is installed, press theLog in button with the WordPress logo (as well in theMy Sites tab). This takes you to WordPress.
In WordPress, you lot will meet a nighttime sidebar to the left, and clicking on each menu item changes the content of the primary folio on the correct. Allow'due south briefly walk through the most relevant items on this sidebar:
- Bluehost (or other hosting integration): Clicking on this takes yous dorsum to your account on Bluehost. At that place isn't much you need to practice hither except eventually launch your site (until y'all launch, your site is not live and the domain you lot've called displays aComing Soon message to the public).
- Dashboard: WordPress'southward full general hub for managing and viewing your site. It includes step-past-pace deportment, a log of your current site contents and recommendations for additional features.
- Posts: Where y'all tin add and manage blog pages.
- Media: Your media library, where all your uploaded images and videos are stored.
- Pages: Where you lot can add together and manage pages on your website.
- Comments: Moderate, respond to, or screen comments if they're enabled.
- Appearance: Your principal hub for editing the theme of your website.
- Themes: Where y'all can browse and install free and premium themes.
- Customize: Change the style of your chosen theme. Many of the other submenu items can exist edited through hither.
- Plugins: Where you tin manage your website plugins (3rd-political party software integrations that add boosted, specific functionality to your website).
- Installed Plugins: Where you can view, activate, deactivate and delete plugins that are already installed on your site.
- Add New: Where y'all can browse and install costless and premium plugins.
- Users: Where yous tin manage your countersign and user contour, as well as view/add team members and manage their access level to your WordPress admin.
- Settings: Manage specific options for your WordPress website
Step 4: Fix your WordPress website
—
WordPress gives you lot some bones starter content, which y'all can view nether thePagestab. This can be helpful for demonstrating how web page elements are built, but it's best to commencement with a blank slate. From thePagestab, select all existing pages past hitting the checkmark next to them and press theMotion To Trash button.
There are two ways to start setting up your site: build information technology from scratch or use a template. The get-go option is bluntly across the telescopic of this commodity as information technology requires proficiency in spider web development (in other words, writing code). We volition cover information technology briefly and then that you lot understand your options.
Building a WordPress site from scratch
Again, unless y'all know how to design and develop a website yourself or are willing to hire a WordPress designer, please skip to the side by side section.
Beginning, you volition demand to set up upwards your pages and add your content. Navigate toPages>Add together New, and you lot will be taken to the WordPress folio editor.
There are two different versions of this editor,VisualandText, which tin be toggled via the tabs pictured here. TheVisualtab allows you to edit a live preview of the page. You can copy-and-paste text content into the chief canvas and use the toolbar above information technology to style it as you would in a discussion processing program. TheAdd Media button to a higher place the toolbar allows yous to add videos and images from your media library.
TheTexttab is where you piece of work with the lawmaking that your folio is based on. While the visual editor gives y'all some tools for styling and arranging your website, you lot nonetheless need to know how to write in formatting languages and code to truly build a website that looks and functions in a more sophisticated way than a Microsoft Word dr.. This is why nosotros discourage this road for beginners or those unwilling to hire designers and developers.
Assuming you lot practice decide to piece of work with freelancers: 99designs can connect you with a pool of curated WordPress designers who, along with 99designs's coding partners, will pattern and develop your customized WordPress website at an affordable toll. Cheque in here for a gratuitous consultation.
Adjacent, let's talk over WordPress themes. Themes provide the layout, colour scheme, font choices, push shapes and more for the entire website—essentially, the branding. Designers can create custom WordPress themes or y'all tin can cull from one of the thousands of premade themes WordPress offers (note: in either case, folio construction and layout still need to go through a developer).
Later your content is uploaded and arranged, go to Appearance>Themes. This shows the themes you already take installed and you tin can activate them by clicking the respective button when hovering over the thumbnail. To browse and install new themes, click theWordPress.org Themesbutton at the top of the screen.
Once you have your preferred theme activated, y'all can edit information technology by navigating toAdvent>Customize. The sidebar here on the left gives yous express options for irresolute everything from the typography and color to the basic layout of elements like menus and headers.
Building a WordPress site from a template
Themuchmore beginner-friendly DIY option is to first with a template and customize your site from at that place. To practise so, you need what is chosen a plugin: third-political party tools that you tin install to extend the capabilities of WordPress.
Because WordPress is free and open-source (meaning anyone tin contribute to its lawmaking), many developers have congenital their ain integrations to make using WordPress easier or make certain website functionality possible. It's a good idea to inquiry some common plugins your website might demand once you get downward to customizing information technology. For now, we'll be installing a website builder plugin.
Navigate toPlugins>Add New. Using the search bar, enter a term like "starter sites" or "templates." Nosotros chose to work with the website architect Elementor, but feel free to review your options. Press the Installpush and navigate toPlugins> Installed Plugins. Scroll down to notice your new builder plugin, and click theEncounter Library link. This will take you to a display of free and premium templates you can browse.
The thing to look out for here is how well the template matches the amount and nature of your content—for instance, if your content is text-heavy, don't start with something prototype-based like an art portfolio template. With that said, you lot tin can e'er test out a template, delete the pages and start over as many times as you need to find a expert lucifer. For the Bluth Banana Stand, we went with the Fresco Italian template, since a eatery website is closest to what we're making.
When you're ready, select the template and chooseImport Complete Site. One time the install process is finished, yous'll have a complete starter website to work from.
Step 5: Customize your WordPress blueprint
—
(For the remainder of this article, we assume you've built your site with a template.)
To customize your template, navigate toPages, select the page that you want to work on (we'll be working on theHome Page) and click the Edit with Elementor push on the screen that follows.
Edit the WordPress theme
You will see a sidebar menu of tools and a live preview of your web folio, which you can directly edit. We'll start with the theme.
Select the hamburger icon in the upper-left corner of the sidebar and chooseSite Settings. UnderTheme Manner, you lot'll run across 4 options:Typography,Buttons,ImagesandForm Fields. Clicking on whatever of these brings up styling options for each of these theme elements, according to your visual make guidelines. For instance, in theTypographydepartment, you can change the font, size, color, weight, etc., for all of the different heading levels across your entire website, rather than changing each text box individually.
Set your logo and site identity
Navigate toSite Identity in the sameSite Settings section of the sidebar. Here, you lot can ready your site name and description, as well as swap out the logo with your own and even add a favicon. When you're washed, printing theBackbutton in the sidebar and close out ofSite Settings.
How to add, edit and delete page sections
Pages are built on a filigree, with each section organizing site elements (alternatively called widgets) into a number of invisible columns. When y'all hover your mouse over the summit of one of these sections, a blue tab with three icons appears at the top of information technology:
- The plus icon allows you to add a section above the electric current 1. To do so, you will be prompted to choose the number of columns. Yous can then elevate widgets from the sidebar into the new department.
- The dot grid icon brings up the properties for the entire section in the sidebar.
- TheLayouttab allows you to alter the spacing and alignment of all the elements in that department.
- TheStyletab allows you to alter the background image and other specific theme choices for that section.
- The x icon deletes the section.
How to edit website re-create and media
Every bit you hover over elements in the alive preview, y'all will notice boxes appear, letting you know that yous can edit them. Clicking and dragging on these elements allows yous to move them within their department on the grid.
Selecting an element also brings upward its properties in the sidebar, where you can change the content. Each widget volition have its ain specific properties separated by theContentandStyletabs. To delete elements, right click and selectDelete.
To edit images, select the one you want to change. In the sidebar, click onCull Image. This brings up theInsert Media dialogue box. Cull theUpload Files tab, and elevate your selected image inside. This adds it to yourMedia Library, and once it is finished uploading, y'all will see a checkmark side by side to it. On the right side of the dialogue box, yous can edit the cropping, alt text, explanation and description of the image. When you're finished, pressInsert Media on the lesser right.
This is essentially the nuts of what y'all demand to know in social club to work with content throughout all pages on your site. Every bit y'all go, don't forget to save your progress by selectingUpdateat the lesser of the sidebar. If you desire to preview your site in full, head back to the WordPress admin, become to your Dashboard and select View your site.
Footstep vi: Launch your finished WordPress website
—
Once you lot've finished editing your content and installing any additional plugins, you are now gear up for the shortest and easiest step: launching your website.
Caput back to the Bluehost tab and printing theLaunch your site button. (The push will modify toRestore Coming Before long, in instance you changed your heed and need to accept your site down.) Enter your website domain in the URL and y'all will be taken to your live, finished WordPress website.
Your WordPress website is live
—
WordPress is 1 of the cheapest and nearly popular tools for building websites, used by everyone from novices to major corporations. Just equally attainable every bit it is, it does take some fourth dimension and practice to become used to. Now that you've got the basics in hand, we encourage you to have advantage of the flexibility WordPress offers to build more and more advanced features into your website.
Unsure if WordPress is right for you? Take the interactive quiz below to notice the right spider web solution for your needs!
Source: https://99designs.com/blog/web-digital/wordpress-website-how-to/
0 Response to "Can I Use a Designer to Create Wordpress Blog"
Post a Comment