Create a WordPress on Azure using DreamSpark
Transcript of Create a WordPress on Azure using DreamSpark
Creating a Personal WordPress WebsiteJoe RaioSenior Technical [email protected]@joescars
• Creating a Microsoft Account• Creating & Activating DreamSpark Account• Creating & Activating your Free Microsoft Azure
Account• Creating your Personal WordPress website• How to use WordPress• Customizing your Personal WordPress website
Content OverviewModules
Microsoft Account
Create a new Microsoft Account• Visit www.live.com• Click on “sign up now” on
bottom right hand side• Fill out the form in its entirety.• If you want to create a new
outlook.com email address to use click “get a new email address”
• Make sure to remember the password that you choose!
Create a new Microsoft Account• If you filled out everything
correctly it should take you to your Outlook.com email inbox
DreamSpark
Create a new DreamSpark Account• Visit www.dreamspark.com• Click on “students” in the main
menu• Scroll down and click on “Create
Account” in the bottom left• Click “continue” on the notice
that comes up.
Creating a newDreamSpark Account• You will now have to log into
your Microsoft account that you just created.
• If you stayed logged in you will automatically be taken to this page asking you to setup your student account.
• Select “United States” from the Country drop down
• Verify the information is correct and click “continue to verify”
Verifying yourDreamSpark Account• Select “I was issued a
verification code” from the options on the left
• Enter in the code that the instructor provided to you
• Click “verify”
Verifying yourDreamSpark Account• You should see the following
“Congratulations!” message if you entered the code correctly.
• Click “continue” • Click “continue” again on the
next screen• You should be back on the
“Students” section on the DreamSpark website
• Your DreamSpark account is now setup and ready to use!
Microsoft Azure
Create a new Azure Account• Return to the home page of
DreamSpark.com• Scroll to the bottom left and click
on “Get Azure Now” below the box titled “the cloud is ready for you”
Create a new Azure Account• Click on “Register Now”• Click on “Register Now”• You will then be redirecting to
the Microsoft Azure account creation page
Create a new Azure Account• Enter your cell # into the “Work
Phone” field• Enter in a valid cell phone
number and click “send text message”
• Enter in the code that was texted to you in field that appears under your phone number
• Click “Verify Code”• Click to agree to the subscription
agreement• After a moment the “sign up”
button will turn green and you can click it.
Create a new Azure Account• Now it will take just a few
minutes for Microsoft to create your own personal cloud!
• You can watch the video while you wait
Azure Account Created!• When you see this screen your
new D Microsoft Azure account is ready to use!
• Click on “Start managing my service” to continue
• You will now be taken to your new Microsoft Azure Portal!
About the Azure Portal• This is your main control panel
to manage everything with your Microsoft Azure Account
• You can customize the portal to display tiles that are important to you.
• All configuration is done through this portal.
WordPress Cloud Setup
Create a new WordPress Site• Click New• Scroll down and select
Marketplace• Type in “wordpress” and hit
enter• Click the first item titled
“WordPress”• Click “Create”
Configuring your WordPress Site• We must now configure all the
settings to create your new site• Click on “Web App / Configure
Required Settings”• Enter in a unique name for your
new website• This is how the world will find
your website• Enter a name for your
AppService Plan• Click “OK”
Configuring your WordPress Site• Next we must setup your
database• Click on “Database /
Configure Required Settings”• Enter in a database name
• You can customize• Click on “Legal Terms”• Click “OK” on the new blade
that slides out titled “MySQL Database”
• Click “OK”
Configuring your WordPress Site• Enter in a resource group name• Resource groups make it simple
to see and managed related Azure resources.
• Click “OK”
Configuring your WordPress Site• A new title will show up titled
“Creating WordPress”• Your new website will be ready
shortly!
Your WordPress site is ready to install!• Once the site is done creating
you will see a screen similar to this one.
• This “Blade” contains an overview of information about your resource group containing your website and lets you configure everything associated with it.
• All the hard work is done! Now we get to install and customize WordPress.
WordPress Install
Let’s Install WordPress• Open a new tab and enter in the
url to your new website• For example mine is
joeswordpress.azurewebsites.net• Optionally, you can click on the
web app icon (looks like globe) and then the URL will show in the blade that appears.
Let’s Install WordPress• Select English• Click “Continue”
Let’s Install WordPress• On this screen we are entering in
the basic information about your website.
• Enter a site title• Example: Joe’s Music Blog
• Enter a username• This is the username you will
use to access the site• Enter a password
• Remember what it is! • Enter your email address
• Use the one you created earlier.
• Click “Install WordPress”
WordPress InstallComplete!• That’s it! • WordPress is now installed!• Let’s have some fun!
WordPress Basics
• Website Front End• Control Panel Basics• General WordPress settings & options• Basic settings that help you customize your website and make it more
professional.• Types of WordPress content• Creating & Editing Posts• Creating & Editing Pages• Working with Media
• Keeping WordPress up to date• Why it is so important to keep your site up to date so that it is secure!
Section Overview
Logging in to WordPress• Click on the “Login” button from
the success screen. • Enter in the username and
password you entered on the previous screen.
• Check “Remember Me”• Click “Log In”
WordPressDashboard• The Dashboard is where you are
automatically taken each time you log into WordPress
• This gives you a central place to start when working on your site
• From The Dashboard you can create content, add media, change the look of your site, and customize many different settings.
• Before we dive into the rest of the control panel let’s look at the front end of your website.
WordPressWebsite Front End• Click on the title of your blog in
the upper left hand corner• This will take you to the front
end of the website that users see.
• Any changes you make in the control panel will be reflected here.
• The website shows posts, pages and any media that you add.
• By default, the WordPress default theme is fully responsive allowing to show properly on mobile devices.
• Return to the dashboard at any time by click on the title again.
Posts (Blog Posts)• Posts are what make your blog a
blog — they’re servings of content that are listed in reverse chronological order on your blog’s front page.
• There are several ways to publish new posts. The easiest way is with the New Post button on the right side of the toolbar.
• Detailed Instructionshttps://en.support.wordpress.com/posts/
Pages• Pages are static. That means
that the information displayed on a page doesn’t change, or doesn’t change often. A great example of a page would be the About or Contact Us section of a website.
• There are several ways to publish new posts. The easiest way is with the New Page button on the right side of the toolbar.
• Detailed Instructionshttps://en.support.wordpress.com/pages/
Media LibraryImages, Video, etc• The Media menu can be used to
manage your existing media files, such as images, audio, videos, and documents.
• You can also upload files to your Media Library using Media → Add
• Detailed Instructionshttps://en.support.wordpress.com/media/
WordPress & Plugin Updates• WordPress will automatically
notify you if there are updates available
• There are two types of updates• Plugin Updates – Updates to
specific plugins and features of your site
• WordPress Updates – These are general security updates or major version updates
• We will cover WordPress plugins in the next module
WordPress Customization
• WordPress Themes• Finding, installing, customizing WordPress Themes
• WordPress Widgets• Learn how to use WordPress widgets
• WordPress Plugins• Finding, installing, customizing WordPress Plugins• Recommended plugins to help manage your site
Section Overview
WordPress Themes• A theme controls the general
look and feel of your site including things like page layout, widget locations, and default font and color choices
• Detailed Informationhttps://en.support.wordpress.com/themes/
Install a Custom Theme• Click on “Appearance” in the
left hand menu• Click on “Add New”• Enter “cv card” in the search
box• Click on “Install”
• Only click once! This will take a minute!
• Once the installation completes click the “Activate” link• Note; The theme will then
recommend installing a few more plugins. Click “Begin Installing Plugins”
What are Plugins?• WordPress's plugin architecture
allows users to extend the features and functionality of a website or blog.
• WordPress has over 39,078 plugins available!
• Not all available plugins are always compatiable with the upgrades and as a result they may not function properly or may not function at all.!
• Detailed Informationhttps://en.support.wordpress.com/plugins/
Installing required Plugins• Click the check box next to both
plugins• From the drop down menu select
“Install”• Click “Apply”• When complete click “Return to
the Dashboard”
Custom ThemeInstall Complete!• Your custom theme is now
installed.• Click on the name of your blog in
the upper left to see the new theme applied.
• You will notice it looks nothing why the preview. • Why is this? Because we need
to add content.
Create Your Site!
• Using the lessons you have learned today you should now be able to select a custom theme and start uploading blog posts, pages, and portfolio items.
• The best way to get better at mange your site is by practicing.
• If you mess something up you can always start over. Don’t be afraid to try new things!
Start Creating Your Site!
Conclusion
• Contact Information• [email protected]• http://joeraio.com• @joescars (twitter)
• Helpful Links• http://azure.Microsoft.com• http://www.dreamspark.com• http://www.bizspark.com• http://www.wordpress.org
• Lesson Materials• http://aka.ms/dreamwordpress
Helpful Info