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
php html css wordpress posts
asked Nov 13 '18 at 2:20
NikNik
81
add a comment |
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 html css wordpress posts
asked Nov 13 '18 at 2:20
NikNik
81
2
I'm voting to close this question as off-topic because it is opinion-based and more relevant to WordPress Development.
– Ken Y-N
Nov 13 '18 at 2:25
You can customize visual look of by custom css.
– zipkundan
Nov 13 '18 at 7:38
add a comment |
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 html css wordpress posts
asked Nov 13 '18 at 2:20
NikNik
81
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 html css wordpress posts
php html css wordpress posts
asked Nov 13 '18 at 2:20
NikNik
81
asked Nov 13 '18 at 2:20
NikNik
81
asked Nov 13 '18 at 2:20
NikNik
81
asked Nov 13 '18 at 2:20
NikNik
81
asked Nov 13 '18 at 2:20
NikNik
81
81
2
I'm voting to close this question as off-topic because it is opinion-based and more relevant to WordPress Development.
– Ken Y-N
Nov 13 '18 at 2:25
You can customize visual look of by custom css.
– zipkundan
Nov 13 '18 at 7:38
add a comment |
2
I'm voting to close this question as off-topic because it is opinion-based and more relevant to WordPress Development.
– Ken Y-N
Nov 13 '18 at 2:25
You can customize visual look of by custom css.
– zipkundan
Nov 13 '18 at 7:38
2
2
I'm voting to close this question as off-topic because it is opinion-based and more relevant to WordPress Development.
– Ken Y-N
Nov 13 '18 at 2:25
I'm voting to close this question as off-topic because it is opinion-based and more relevant to WordPress Development.
– Ken Y-N
Nov 13 '18 at 2:25
You can customize visual look of by custom css.
– zipkundan
Nov 13 '18 at 7:38
You can customize visual look of by custom css.
– zipkundan
Nov 13 '18 at 7:38
add a comment |
1 Answer
1
active
oldest
votes
Your question is quite broad so my answer will be broad as well. Option 4 is what I do when developing WP sites, but using Understrap + Understrap child themes (it is Bootsrap 4 based and I love this). I receive and empty theme (no styles) with couple of page + layout templates for start. From this point when you have your empty theme you can start adding your custom template files and style it as you want. You'll need to spend some time in order to understand how to add custom CSS + JS files inside the functions.php
and depending of your php skills some time in order to how to output your posts/pages content.
answered Nov 13 '18 at 7:39
Angel DeykovAngel Deykov
519313
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53272836%2fhow-to-customize-posts-in-wordpress-by-using-html-and-css%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Your question is quite broad so my answer will be broad as well. Option 4 is what I do when developing WP sites, but using Understrap + Understrap child themes (it is Bootsrap 4 based and I love this). I receive and empty theme (no styles) with couple of page + layout templates for start. From this point when you have your empty theme you can start adding your custom template files and style it as you want. You'll need to spend some time in order to understand how to add custom CSS + JS files inside the functions.php
and depending of your php skills some time in order to how to output your posts/pages content.
answered Nov 13 '18 at 7:39
Angel DeykovAngel Deykov
519313
add a comment |
Your question is quite broad so my answer will be broad as well. Option 4 is what I do when developing WP sites, but using Understrap + Understrap child themes (it is Bootsrap 4 based and I love this). I receive and empty theme (no styles) with couple of page + layout templates for start. From this point when you have your empty theme you can start adding your custom template files and style it as you want. You'll need to spend some time in order to understand how to add custom CSS + JS files inside the functions.php
and depending of your php skills some time in order to how to output your posts/pages content.
answered Nov 13 '18 at 7:39
Angel DeykovAngel Deykov
519313
add a comment |
Your question is quite broad so my answer will be broad as well. Option 4 is what I do when developing WP sites, but using Understrap + Understrap child themes (it is Bootsrap 4 based and I love this). I receive and empty theme (no styles) with couple of page + layout templates for start. From this point when you have your empty theme you can start adding your custom template files and style it as you want. You'll need to spend some time in order to understand how to add custom CSS + JS files inside the functions.php
and depending of your php skills some time in order to how to output your posts/pages content.
answered Nov 13 '18 at 7:39
Angel DeykovAngel Deykov
519313
Your question is quite broad so my answer will be broad as well. Option 4 is what I do when developing WP sites, but using Understrap + Understrap child themes (it is Bootsrap 4 based and I love this). I receive and empty theme (no styles) with couple of page + layout templates for start. From this point when you have your empty theme you can start adding your custom template files and style it as you want. You'll need to spend some time in order to understand how to add custom CSS + JS files inside the functions.php
and depending of your php skills some time in order to how to output your posts/pages content.
answered Nov 13 '18 at 7:39
Angel DeykovAngel Deykov
519313
answered Nov 13 '18 at 7:39
Angel DeykovAngel Deykov
519313
answered Nov 13 '18 at 7:39
Angel DeykovAngel Deykov
519313
answered Nov 13 '18 at 7:39
Angel DeykovAngel Deykov
519313
519313
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53272836%2fhow-to-customize-posts-in-wordpress-by-using-html-and-css%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
2
I'm voting to close this question as off-topic because it is opinion-based and more relevant to WordPress Development.
– Ken Y-N
Nov 13 '18 at 2:25
You can customize visual look of by custom css.
– zipkundan
Nov 13 '18 at 7:38