How to Import Wedding Wire Reviews to a Wordpress Site
Want to create a beautiful wedding website in WordPress?
I will evidence you how to create a wedding ceremony invitation website with an RSVP contact grade, but also transform it into a total-calibration nuptials (or wedding services) website with a gallery and contact page. Nosotros'll exist using Astra's Ready Websites (they have multiple wedding ceremony themes to choose from depending on the type of site). These are all pre-built themes that are 1-click import. All the content is already in that location; you lot just have to swap information technology out with yours and make customizations.
We'll be using SiteGround's hosting who was rated #1 in numerous Facebook polls and are worlds improve than what near bloggers refer you to (Bluehost) in terms of speed, support, and reliability. And by creating your wedding in WordPress, it also means y'all volition own information technology forever (no pun intended), unlike other wedding ceremony websites that are created on The Knot or Wedding Wire.
1. Become Domain & Hosting
Domain and hosting are unremarkably the just costs of building your own wedding website.
I recommend getting them through SiteGround since they were rated the #one host in many Facebook polls and have meliorate speed, back up, and reliability than other companies like Bluehost (who is owned by EIG) which is what nearly people refer y'all to because of their affiliate commissions. But when y'all practise your enquiry, SiteGround has a better reputation.
Starting time, sign upwards for a SiteGround programme. Their StartUp plan is skillful and only $six.99/month, unless you need to host multiple wedding websites, in which case y'all would need the GrowBig plan.
Adjacent, during the sign upwards procedure, choose your domain, hosting plan, and server location. Most people don't need domain privacy or SG Site Scanner; the options with the lowest cost is fine.
2. Install WordPress
Once you lot fill everything out and sign up, SiteGround volition send an email with a launch magician.
Click "Start a new website," select WordPress, then create your WordPress login details.
Now your hosting business relationship is ready to use!
3. Login To Your WordPress Admin
After yous install WordPress, SiteGround volition ship you an electronic mail with your WordPress login.
And then go ahead, login. Welcome to the WordPress dashboard, take a look around!
4. Secure Your Wedding Website With SSL
Calculation SSL makes certain all links and images on your wedding ceremony website are using the HTTPS (instead of HTTP). To add SSL, login to your SiteGround account go to My Accounts → Go To cPanel. In the Security settings, click "Let's Encrypt SSL" and activate it on your domain name.
Adjacent, in SG Optimizer get to Surroundings Optimization → Enable HTTPS. SiteGround prompts y'all to force HTTPS and have them automatically configure the settings, which you'll ostend.
Here's with SSL:
Hither's without SSL:
v. Import A WordPress Wedding Theme
Nosotros'll be using the Hymeneals Invitation Theme past Astra in this tutorial.
Astra has multiple wedding themes that look neat, are easy to customize, and are mobile responsive. The Wedding Invitation theme is the only gratuitous wedding theme from Astra, just they also have other Bureau (premium) wedding themes that require a premium Astra account.
Stride one: Go to Plugins → Add together New, search for Astra Starter Sites. Install and actuate the plugin.
Step two: Yous will exist prompted to install and activate the chief Astra Theme. Get ahead and practise information technology.
Step 3: Select Elementor which is the fastest, about user-friendly page builder for WordPress.
Step 4: Find a theme yous want to use for your wedding website.
Stride v: Once you've called a nice wedding theme you like, click information technology and you'll come across the pick to Import Site. When you lot do this, Astra will download the entire pre-built website onto your domain including the required plugins, WordPress customizer settings, widgets, and content.
Step 6: When your theme is washed downloading, refresh your website; it's set up to customize!
Alternative Wedding Themes – in that location are plenty of free and premium WordPress wedding themes to choose from, including in WordPress nether Advent → Themes. At that place are likewise theme stores like ThemeForest or StudioPress. But I notwithstanding recommend using an Astra theme.
six. Proper name Your Wedding Website
You will proper noun your wedding website in WordPress under Settings → Full general. Leave the tagline blank and don't modify the WordPress Address or Site Address since it tin break your website.
7. Design The Homepage
If you're using a wedding theme from Astra, the homepage is pre-designed.
To edit it, go to Pages → All Pages → hover over the homepage → click "Edit With Elementor."
Now you can change the page'due south layout, content, and design. Nearly everything is betoken and click.
Elementor also has tons of YouTube tutorial videos, but it's very user-friendly.
Use Elementor Block + Page Templates – the easiest mode to change a folio's layout/design is with Elementor's templates. Click the "folder" selection when editing a page, then choose from blocks (individual blocks on the page) or full page templates (a completely pre-designed page). They have templates for wedding pages, RSVP contact forms, gallery pages, and much more.
8. Create An RSVP Form With Wedding Details
WPForms is a contact form plugin that lets y'all easily build an RSVP class for weddings. If y'all're using an Astra theme, chances are information technology'south already being used for any forms on your website. On the Wedding ceremony Invitation theme, an RSVP contact form is already built-in to your homepage.
To edit it, in your WordPress dashboard, get to WPForms → Edit → Contact Form. You can customize where the email is sent to and add or remove fields past dragging and dropping them in the editor. In the WPForm settings, you tin can also add together new contact forms or customize them.
To add a contact form, edit a folio with Elementor, so select the WPForms widget. Select which contact form you desire, then add together it to the folio. Drag and drop where you want it to go.
nine. Create A Gallery Page
By default, Astra's wedding theme only comes with a single page (the homepage).
Y'all tin can add additional pages under Pages → Add together New. To create a gallery folio, merely add together a gallery in Elementor's widgets. Search for "Gallery," choose an option, and so add your images. Yous can alter the size of the images in the gallery and brand information technology a 2, iii, etc cavalcade layout. You can add a gallery to your homepage the same way; it only depends which page you desire it on.
Only ane example:
ten. Create Your Navigation Menu
Some nuptials themes are i unmarried page and don't have a built-in navigation menu.
If you want to add 1, this section shows yous how.
Step 1: Create Your Pages – you will demand to create (publish) the pages you lot want in your navigation menu. They don't have to exist fully designed, but they practise need to be published.
Pace 2: Create A Navigation Menu – once your pages are published, create your navigation bill of fare nether Appearance → Menus. Drag and drop the pages from the left to your navigation card on your right. You tin can create a dropdown menu by dropping the page with an indent.
Step 3: Customize The Navigation Carte – you can customize parts of your navigation carte and header under Appearance → Astra Options including the layout on both desktop + mobile.
11. Customize The Website's Design
Almost every global customization can be done under Appearance → Astra Options.
This is where you alter fonts, colors, upload your logo, and customize the header/footer. The Astra Options make it very easy to do basic customizations on your WordPress wedding ceremony website. Many Astra Options volition atomic number 82 you to the WordPress Customizer where you tin edit other global options. Be sure to get through both the Astra + WordPress Customizer options.
Adding the logo:
Irresolute colors:
Customizing the footer:
12. Customize Your Mobile Wedding Website
All of Astra'south wedding themes are mobile responsive.
This ways your hymeneals website will automatically format for desktop, phones, and tablets. Nonetheless, if y'all want to change something specific on your mobile website, you lot can do that using Elementor's responsive fashion. Simply edit a page with Elementor, then nigh the bottom left of your screen you will see a Responsive Mode Option. This will let you lot view how the folio looks on desktop, mobile, and tablet. Only like you would edit whatever page in Elementor, you would do the same for your mobile site. Simply point, click, edit, and save! You can do this for whatever page.
13. Customize How Your Website Looks In Google
For a wedding invitation website, you lot probably only need to customize the homepage. But for more robust wedding websites (those offering services and wanting to rank higher in Google to get more customers), you lot will want to create a page for each service and customize it'south snippet.
Hither'south how to customize how your pages look in Google:
- Install the Yoast SEO Plugin
- Edit your homepage and scroll downwards to the Yoast SEO section
- Write your homepage snippet (the SEO title + meta description)
- Try to follow the character limits (the bar in Yoast should be light-green)
And if yous're targeting wedding service keywords, here's how to find them:
If you lot want to go a step farther, sign upward for a free Google Search Panel business relationship, verify your domain, so submit your Yoast XML sitemap in the Sitemap section of Google Search Console.
14. Make Your Website Format Nicely On Facebook
Want to make your wedding website look nice on Facebook?
To practise this, you lot will demand the Yoast SEO plugin. One time installed, edit your homepage and ringlet down to the Yoast SEO section, caput to the Social tab, then click the Facebook + Twitter tab.
Here, you lot can upload custom images to both social media networks so the image formats nicely when your wedding website is shared. You tin even customize the championship and description on social media. Facebook'south prototype dimensions are 1200 x 630 pixels, Twitter'south are 1024 x 512px.
Without custom images:
With custom images:
15. Add A Blog
Desire to add a blog to your nuptials website? Hither'south how.
Step 1: Add a page chosen "Blog" and publish it.
Footstep ii: In the WordPress customizer → Homepage settings, set the web log page as "posts page."
Step 3: Cull if you want a sidebar or get in full-width.
Step four: Create a web log post with an image and some text.
sixteen. Make Your Website Load Quickly
There are a few easy things you lot can to make your wedding ceremony website load faster.
Outset off, employ GTmetrix as your speed testing tool since information technology provides several benchmarks (load times, scores, requests). Side by side, follow the four recommendations listed beneath. I accept a full guide to optimizing wearisome WordPress sites simply for a simple wedding site, you lot shouldn't need to practice much.
- Configure SG Optimizer – this plugin has additional settings that can brand your site load significantly faster. I recommend enabling everything in the Frontend Optimization tab, then enabling lazy loading in the Media Optimization tab. Y'all probably don't want to optimize images (shrink them) to avoid loss in quality.
- Activate Cloudflare's CDN – in your SiteGround account, go to My Accounts → cPanel → Cloudflare →Activate Gratis (see beneath). This activates Cloudflare'due south content delivery network which hosts your site on 200+ information centers around the world, reducing the geographical altitude between your server and visitors.
- Avoid Slow Loading Plugins – avoid installing these 73+ slow plugins.
- Avert Uploading Huge Images – avoid uploading oversized images (otherwise you lot will see serve scaled image errors in your GTmetrix written report). For example, if your Elementor gallery images calls for 1024 x 1024px, use those dimensions!
17. Install Basic WordPress Plugins
For a simple wedding website, you probably don't need too many plugins.
Below are the somewhat "mandatory" plugins I would install on your website. Between all these, they will aid you lot with design, security, backups, and controlling your Google snippets.
- Duplicate Page – indistinguishable pages on the fly.
- Elementor Pro – paid plugin with more templates.
- iThemes Security – 1-click security plugin.
- SG Optimizer – SiteGround'due south plugin that comes pre-installed when you setup their WordPress hosting and launch wizard. Get to the settings, and so some things you lot want to practise are force HTTPS, select managed PHP, and enable minfiication and combination of files (makes your wedding ceremony website load fast).
- UpdraftPlus – free, easy, and lightweight backup plugin.
- Yoast SEO – SEO plugin which lets yous control how your website appears in Google. Once installed, edit a folio, whorl down to the Yoast SEO section, then edit your SEO title + meta clarification and write custom ones. It will take a few days for these to update in Google. The Yoast settings have additional options.
Go A Custom Nuptials Website Design
If you desire something a niggling more than special (custom), contact our team. We build custom designed hymeneals websites in WordPress. Of grade if you're getting married, chances are yous're already on a tight budget! If you have any questions on build a wedding website in WordPress, comment below and I'll get back to y'all equally soon as I can. Hope this was helpful!
Cheers,
Tom
Source: https://onlinemediamasters.com/how-to-make-a-wedding-website/
0 Response to "How to Import Wedding Wire Reviews to a Wordpress Site"
Post a Comment