How to change a Wordpress theme to an untrained person
Update: >>> Sorry, I had to add after the discussion began in the comments. Not everyone reads the article to the end, so I’ll say right away that the described method is for those who have only a superficial, general idea of what CSS and HTML are. <<<
Faced this issue in the first days of using Wordpress, as an engine for my blog. All the topics that I liked, demanded a little dobrabotka, and edit the styles, when the page is dynamically formed, rather inconvenient.
I can’t say that at that time I was an expert on HTML or CSS, so I needed a completely brainless method. And he was found.
')
Macromedia Dreamweaver. I used version 8. (By the way, any WYSIWYG editor that has tools for adjusting CSS is suitable.
But, as mentioned earlier, the contents of the blog pages are generated at the time of the execution of the scripts, in fact this is the main problem.
Dreamweaver allows you to edit such pages, if you use the functionality of live data view (button
toolbars). But I didn’t like this option, so I couldn’t beat the error that the program displayed when I tried to change some property of the CSS file.
Because made everything easier. Since I only needed to adjust some CSS parameters, I saved the blog page locally (File - Save As - Web Page only HTML in FireFox). Then I opened the received .htm file in a text editor and changed the path of the CSS file like this:
on
The next step - copied to the folder where you saved the page - the style.css file and the images folder from the blog theme directory that I want to change.
Last action - open the saved file in Dreamweaver (or in your favorite editor). And in a convenient window we change any properties of CSS.
After everything is corrected, the style file is saved and copied to the theme directory of the blog. Also in the images directory we copy the added or modified images.
Everything.
I will add that the method is applicable when you need to change the location, size, color, any additional characteristics of objects on the page. You can even hide any elements. But you can not add new ones. It is impossible, because in the document structure and styles are separated. The structure is responsible for the content and content of the document, and styles - for the location, size, color and other details of the page decoration. Adding new elements will require a change in the structure of the document, not just the styles, and this is a completely different story.
PS I know that many people edit HTML, PHP, CSS and other documents in programs such as Notepad. To me, too, from a certain moment this method is closer. But above, I described how to do it easier, how to change the topic for myself completely unprepared person who knows only the basics of html.
Faced this issue in the first days of using Wordpress, as an engine for my blog. All the topics that I liked, demanded a little dobrabotka, and edit the styles, when the page is dynamically formed, rather inconvenient.
I can’t say that at that time I was an expert on HTML or CSS, so I needed a completely brainless method. And he was found.
')
Macromedia Dreamweaver. I used version 8. (By the way, any WYSIWYG editor that has tools for adjusting CSS is suitable.
But, as mentioned earlier, the contents of the blog pages are generated at the time of the execution of the scripts, in fact this is the main problem.
Dreamweaver allows you to edit such pages, if you use the functionality of live data view (button
toolbars). But I didn’t like this option, so I couldn’t beat the error that the program displayed when I tried to change some property of the CSS file.Because made everything easier. Since I only needed to adjust some CSS parameters, I saved the blog page locally (File - Save As - Web Page only HTML in FireFox). Then I opened the received .htm file in a text editor and changed the path of the CSS file like this:
<link rel="stylesheet" href=http://blog.site.ru/wp-content/themes/
themename/style.css type="text/css" media="screen" />on
<link rel="stylesheet" href="style.css" type="text/css"
media="screen" />The next step - copied to the folder where you saved the page - the style.css file and the images folder from the blog theme directory that I want to change.
Last action - open the saved file in Dreamweaver (or in your favorite editor). And in a convenient window we change any properties of CSS.
After everything is corrected, the style file is saved and copied to the theme directory of the blog. Also in the images directory we copy the added or modified images.
Everything.
I will add that the method is applicable when you need to change the location, size, color, any additional characteristics of objects on the page. You can even hide any elements. But you can not add new ones. It is impossible, because in the document structure and styles are separated. The structure is responsible for the content and content of the document, and styles - for the location, size, color and other details of the page decoration. Adding new elements will require a change in the structure of the document, not just the styles, and this is a completely different story.
PS I know that many people edit HTML, PHP, CSS and other documents in programs such as Notepad. To me, too, from a certain moment this method is closer. But above, I described how to do it easier, how to change the topic for myself completely unprepared person who knows only the basics of html.
Source: https://habr.com/ru/post/49267/
All Articles