php - How to customize posts in WordPress by using HTML and CSS?

I've tried to find the information on the Internet and stackoverflow, but there is nothing about it.

So I've migrated my website(html,css,js) to WordPress(index.php,header.php,footer.php etc) and I can't figure out how to change a view of posts before adding them to my site.

I can see 4 ways of doing that:

1)Download WP plugin to add and customize posts. But I'll only be able to customize it by using the admin area, I can't do it with HTML and CSS, very few options(color,picture etc)

2)Create a separate file(sidebar.php) and add to it my posts. But if my client wants to add posts himself, he won't be able to do that, and again very few options. example

3)Use the standard "Posts-Add New" in the admin area. But in that case, I can't figure out how to cusomize it, what shall I do?Go into the "wp-admin" folder which is in the WordPress file and find HTML,CSS which are responsible for changing posts view and change them? Because if I don't change them, this happens example

4) Migrate my website to WordPress by using a blank theme example. There is a posts page(posts.php,I don't remeber how it's called exactly) and try to find a code snippet which is responsible for a posts view

My question is how to change a view of posts in WordPress? And this is what I want to make example link to the website

I've tried to find the information on the Internet and stackoverflow, but there is nothing about it.

So I've migrated my website(html,css,js) to WordPress(index.php,header.php,footer.php etc) and I can't figure out how to change a view of posts before adding them to my site.

I can see 4 ways of doing that:

1)Download WP plugin to add and customize posts. But I'll only be able to customize it by using the admin area, I can't do it with HTML and CSS, very few options(color,picture etc)

2)Create a separate file(sidebar.php) and add to it my posts. But if my client wants to add posts himself, he won't be able to do that, and again very few options. example

3)Use the standard "Posts-Add New" in the admin area. But in that case, I can't figure out how to cusomize it, what shall I do?Go into the "wp-admin" folder which is in the WordPress file and find HTML,CSS which are responsible for changing posts view and change them? Because if I don't change them, this happens example

4) Migrate my website to WordPress by using a blank theme example. There is a posts page(posts.php,I don't remeber how it's called exactly) and try to find a code snippet which is responsible for a posts view

My question is how to change a view of posts in WordPress? And this is what I want to make example link to the website

• php
• posts
• css
• html

Share Improve this question asked Nov 13, 2018 at 4:11 NikNik 322 bronze badges 1

• You're essentially just asking "How do I build a WordPress theme". It's far too broad a topic for a single question. Please start with the Theme Handbook and go from there. If you have more specific questions, feel free to ask those, but please search to see if it's already been answered before you do. – Jacob Peattie Commented Nov 13, 2018 at 7:49

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 0

the first thing you need to do is implementing the html template you desire to something that called wordpress template hierarchy

is good to start with blank wordpress theme like underscores.me, so you can freely custom your own template

so, after your files is ready, you can learn about wordpress theme customizer

im giving you best tutorial and practice here taniarascia. hope it'll helps

wordpress development is hard at the beginning.

If you are changing CSS classes and HTML of the posts themselves, do not forget that you can do this at the database level via search and replace. Additionally, check out wp-cli, which may be even easier, as it handles serialization issues as well. This is how I do most site conversions, when I bring in posts from a legacy system.