Building Your First Website with Blocksy

Build Website With Blocksy: For Beginners
Based upon the YouTube video by “Websites 4 Beginners” https://www.youtube.com/watch?v=mivecpLdahc
  1. Purchase a Domaine & Hosting
  2. Set Up WordPress
  3. Download Blocksy Theme. Activate the Theme.
  4. Download Blocksy Companion Plugin. Activate the Plugin.
  5. Open up a seperate website tab to the www.pexels.com website. (To bring in pictures for our website)
  6. From the WP dashboard delete all pages and posts.
  7. Now go to Posts and hit New to create a brand new Post.
  8. Give your Post a Title (using H1) then a Sub Title (using H2). Hit Save, and then Preview on Right side of screen.
  9. Now on the right hit the Post Tab and then the Featured Image Tab. Now click on the Set featured image. You will be taken to the Media Library which is where your images are to be stored for your website.
  10. Now open up the folder on your computer where you have the image that you are going to use for your featured image and then drag that image into your Media Library. If you don’t have an image then download an appropriate image from the www.pexels.com website and then upload it and set it as the featured image. Make sure that you give the image title info and also info that lets others know where you got the image from.
  11. Now open up an additional website tab www.loremipsum.io so that you can get generic filler text for your post. On the www.loremipsum.io website click the button to generate more text filler paragraphs. Then open up a paragraph block and copy a couple of those paragraphs and paste them into your post, even as I am about to do to this post.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vestibulum rhoncus est pellentesque elit. Est pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat. Vel pretium lectus quam id. Ut lectus arcu bibendum at varius vel pharetra vel turpis. Tellus in metus vulputate eu scelerisque felis imperdiet proin fermentum. Consequat mauris nunc congue nisi. Magna sit amet purus gravida quis blandit turpis cursus in. Faucibus in ornare quam viverra. Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales. Ut etiam sit amet nisl purus in mollis. Id porta nibh venenatis cras sed felis eget. Odio aenean sed adipiscing diam donec adipiscing tristique risus nec. Urna et pharetra pharetra massa massa ultricies mi quis. Neque gravida in fermentum et sollicitudin. Nibh venenatis cras sed felis. Maecenas accumsan lacus vel facilisis volutpat est velit. Interdum varius sit amet mattis.

In vitae turpis massa sed elementum tempus egestas. Sit amet mauris commodo quis imperdiet. Egestas erat imperdiet sed euismod nisi porta lorem. Nunc non blandit massa enim. Vel facilisis volutpat est velit egestas dui. Tellus molestie nunc non blandit massa. Sem fringilla ut morbi tincidunt. Tellus in hac habitasse platea dictumst. Ac tortor vitae purus faucibus ornare. Platea dictumst vestibulum rhoncus est pellentesque. Malesuada fames ac turpis egestas integer eget aliquet.

  • Now you are going to hit Save Draft again, and then Preview again, and you should see everything up through the dummy text that you just pasted and saved. The Post is really starting to look like a real Post and the next thing you will do is head to the back end of WordPress once again where you have been adding to the post, and then add a picture to the post next. Click on the + symbol and then chose image for the type of block that you are about to add. Then download a good image from the www.pexels.com website and then drag the download into your Media Library. Once you do that then chose that picture to go into the Image Block that you are creating. Be sure to give it a Title, and Captions, and also make sure that you label where the picture came from.
Website Creation With Blocksy
Photo by picjumbo.com from Pexels
  • Now that you have added this Image to your post, there are some editing tricks that you can do if you want to change the Image or move it around. You can adjust the size of the image by clicking the image once and then moving your mouse arrow to the outer edges of the image. Then you will see a symbol that has two line and two arrows that will allow you to make the image larger or smaller by holding down the left clicker on your mouse until the image is the size that you want. You can also move the Image Block above blocks that are above it or below blocks that will be below it if you click the image once and then look for the symbol that is pointing up and for the symbol that is pointing down. There will also be a symbol there which can be used for dragging the Image Block up or down.
  • Now let’s add another image just like we did previously. Click the + symbol and then choose Image Block. Now find a good picture from www.pexels.com and download it. Now drag that picture into the Media Library. Now choose that picture to go into the Image Block that you just created.
Create Website with Blocksy
Create Website with Blocksy

Building Websites As A Group

Group Creating Website
Group Creating Website

Velit dignissim sodales ut eu sem integer vitae. Varius quam quisque id diam vel quam elementum pulvinar etiam. Est ante in nibh mauris cursus mattis molestie a. Risus pretium quam vulputate dignissim suspendisse in est ante. Ipsum suspendisse ultrices gravida dictum fusce ut. Elementum sagittis vitae et leo duis. Lacinia at quis risus sed vulputate odio ut enim blandit. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Vel pharetra vel turpis nunc eget lorem dolor sed. Tincidunt augue interdum velit euismod in pellentesque. At erat pellentesque adipiscing commodo elit. Urna et pharetra pharetra massa massa ultricies. Mauris in aliquam sem fringilla ut morbi tincidunt. Imperdiet sed euismod nisi porta. Duis ut diam quam nulla porttitor. Mauris nunc congue nisi vitae suscipit. Etiam sit amet nisl purus in.

Egestas tellus rutrum tellus pellentesque. Lectus arcu bibendum at varius vel pharetra vel turpis. Quam nulla porttitor massa id neque aliquam vestibulum morbi. Mi proin sed libero enim sed faucibus turpis. Et malesuada fames ac turpis egestas sed tempus. Nunc lobortis mattis aliquam faucibus purus in massa. Etiam non quam lacus suspendisse faucibus interdum posuere. Egestas purus viverra accumsan in nisl nisi. Augue lacus viverra vitae congue eu consequat. Felis imperdiet proin fermentum leo vel. Interdum velit euismod in pellentesque. Placerat orci nulla pellentesque dignissim enim sit amet. Dignissim enim sit amet venenatis urna cursus eget nunc. Viverra mauris in aliquam sem fringilla ut morbi tincidunt. Elit duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Ultrices vitae auctor eu augue ut lectus arcu bibendum. Rutrum quisque non tellus orci.

Leave a Reply