Today creating a non-responsive website is no longer imaginable, it’s very important because more and more people are using their smartphones or tablets to browse the internet. That’s why I’m going to give you some tips to apply when developing your projects.
But first, what is a responsive site ?
A site called responsive will adapt to all types of screens, be it a computer screen or a smartphone screen, through the tablet screens.
If your site is not responsive then you must have a dedicated site or mobile application but I will come back to these two other processes in another article.
1 – Whith the code (Developer)
One of the solutions to make your site responsive is to go through the code, which is for me the best solution.
For that you will have to open your files HTML, PHP, CSS.
In the <head> of your HTML or PHP file, add the following lines
<link rel="stylesheet" href="css/style.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
In your style.css file
You will actually have several files in one, I’ll explain.
In your style.css file you will have the style for computer screens, followed by style for tablets, for smartphones … All this in one file.
To do this we will have to add lines of code.
(The values are variable)
/* PC */
@media (min-width: 827px) {
//votre code pour ordinateur
}
/* Tablette */
@media (max-width: 827px) {
//votre code pour tablette
}
[...]
(The code that is not between @media .. {…} will apply to all screens)
2 – Plugin (WordPress or other CMS)
The second solution is to go through WordPress extensions, just go to “Extensions”> “Add” and search with the keyword “Responsive”, install and activate.
Thousands of plugins are available then for you to find your happiness;)
That said, be careful not to overuse extensions to not make your site a “factory”, a site that will take time to load.
Conclusion
To create a responsive site, several options are available to you, but favor the integration of this process directly in the code of your project.
Why ? Since adding directly what is needed in the code your site will be natively responsive and will adapt to any type of screens. In the case of using plugin your site will be heavier and will display pages less quickly.
When developing your specifications with your developer, do not hesitate to talk to him about responsive, he will guide you and realize a responsive site natively.