Jump to content

How to make a Responsive Website?


Ross
 Share

Recommended Posts

Hi! I am new to ProcessWire.

I inherited a website with ProcessWire version 2.3.1

The website is currently not responsive on smartphones or tablets.

Can I make the site Responsive with version 2.3.1 or do you recommend updating the version and the template?

What are the correct steps to follow?

Thank you all!

Ross

Link to comment
Share on other sites

44 minutes ago, Ross said:

Can I make the site Responsive with version 2.3.1 or do you recommend updating the version and the template?

Hi Ross.

ProcessWire has zero-influence on how your frontend looks like or what strategy you adopt to present your frontend. This is 100% up to you. It is the result of the code you have in your template files. So, what you inherited was the previous developer's strategy for outputting frontend content. In short, ProcessWire does not get in your way. In contrast, it does offer you the tools (via its API) to do various things including fetching data from the backend to show on the frontend. In this respect, it does not matter if your ProcessWire version is 2.3.1. However, there have been numerous improvements to ProcessWire since 2.3.1, too numerous to list here, that make it compelling to upgrade to version 3.x. How to upgrade from a version that far back is a topic on its own but there are threads in the forums (and maybe something in the docs but I am not 100% sure) to help you out. Let me quickly point out that It is not required to upgrade. ProcessWire 2.3.1 is perfectly safe to use.

As for responsiveness, that is up to you and your CSS. How are your skills in this area? 

  • Like 3
  • Thanks 1
Link to comment
Share on other sites

8 hours ago, kongondo said:

Hi Ross.

ProcessWire has zero-influence on how your frontend looks like or what strategy you adopt to present your frontend. This is 100% up to you. It is the result of the code you have in your template files. So, what you inherited was the previous developer's strategy for outputting frontend content. In short, ProcessWire does not get in your way. In contrast, it does offer you the tools (via its API) to do various things including fetching data from the backend to show on the frontend. In this respect, it does not matter if your ProcessWire version is 2.3.1. However, there have been numerous improvements to ProcessWire since 2.3.1, too numerous to list here, that make it compelling to upgrade to version 3.x. How to upgrade from a version that far back is a topic on its own but there are threads in the forums (and maybe something in the docs but I am not 100% sure) to help you out. Let me quickly point out that It is not required to upgrade. ProcessWire 2.3.1 is perfectly safe to use.

As for responsiveness, that is up to you and your CSS. How are your skills in this area? 

I am starting to study programming and css.

This motivates me to learn. Thanks for your tips.

  • Like 2
Link to comment
Share on other sites

On 10/23/2021 at 1:02 AM, Ross said:

I am starting to study programming and css.

This motivates me to learn. Thanks for your tips.

If your CSS skills are limited you could use a CSS framework to get you up and going more quickly.

ProcessWire itself uses UIKit for the backend admin UI.

https://getuikit.com/

Bootstrap is another fairly popular CSS framework

https://getbootstrap.com/

The down side of CSS frameworks is that they include a lot of CSS that your site probably won't use, and this can slow your site down, so eventually, writing your own responsive CSS will provide you with better performance, but if you need a fairly quick solution to make the website responsive where someone's already made and tested the CSS, the using a CSS framework can be helpful.

  • Like 1
  • Thanks 1
Link to comment
Share on other sites

On 10/25/2021 at 7:47 PM, Kiwi Chris said:

If your CSS skills are limited you could use a CSS framework to get you up and going more quickly.

ProcessWire itself uses UIKit for the backend admin UI.

https://getuikit.com/

Bootstrap is another fairly popular CSS framework

https://getbootstrap.com/

The down side of CSS frameworks is that they include a lot of CSS that your site probably won't use, and this can slow your site down, so eventually, writing your own responsive CSS will provide you with better performance, but if you need a fairly quick solution to make the website responsive where someone's already made and tested the CSS, the using a CSS framework can be helpful.

Thanks Kiwi for your recommendations!

Link to comment
Share on other sites

@Ross

In case you love learning by doing and explanation:

Web Dev Simplified 
https://www.youtube.com/channel/UCFbNIlppjAuEX4znoulh0Cw

Kevin Powell
https://www.youtube.com/channel/UCJZv4d5rbIKd4QHMPkcABCw

You might have to dig a bit in regards of your skills but those channels are really awesome.
The first one has some really good free courses and the other one has some good insights.

There are several more you can enjoy for free like:
https://www.youtube.com/c/DesignCourse
https://www.youtube.com/c/JesseShowalter
https://www.youtube.com/c/FluxWithRanSegall

You might want to watch them just to see whats possible and how some people do things.

I'm in this business for 20 years, yet I really enjoy each and every video on these channels.

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...