Wordpress - jak edytować html?

przez **balneo** 10 Wrz 2009, o 19:42

Witam!
Moje pierwsze pytanie brzmi: jak i gdzie edytować kod html? :shock:

Zbyt proste?
Czekam na odpowiedź

Przeniesione z działu skrypty.
Paweł

przez **bartekmedon** 10 Wrz 2009, o 20:58

Witaj !

A pytasz ogólnie czy jest jakaś konkretna rzecz którą chciałbyś edytować ? WordPress to system CMS gdzie warstwa prezentacji (widoku) jest oddzielona od warstwy danych - czyli mówiąc po Polsku korzysta jak doskonale wiesz z szablonów. I właśnie w plikach szablonu (folder wp-content\themes) możesz edytować wygląd danej skórki - jak zauważysz jest to kod gdzie miesza się zwykły HTML z PHP.

Ale możliwe, że chciałbyś modyfikować jakieś funkcjonalności WordPressa wtedy trzeba grzebać w jego nazwijmy to macierzystych plikach, ale to akurat chodzi o zmiany w PHP, a tu akurat nie wiem czy znasz ten język i to chciałbyś robić.

Musisz pamiętać, że zarówno w szablonach jak i w silniku systemu różne rzeczy znajdują się w różnych plikach i zależnie od tego co chciałbyś zmienić musisz edytować odpowiedni plik.

przez **Tomasz Fabiszak** 10 Wrz 2009, o 21:08

Witaj na forum Balneo!

Pytanie nie jest zbyt proste. Brakuje poprzedzenia, kontekstu. Można powiedzieć, że jest zbyt krótkie, zbyt ogólne

I na takie pytanie można odpowiedzieć: to zależy. Dlatego proszę o zadawanie bardziej szczegółowych konkretnych pytań.

Czy chodzi o kod xhtml w treści posta, czy chodzi o modyfikację kodu xhtml skórki, a może jakiegoś pluginu?

Jeśli chcesz edytować kod xhtml konkretnego wpisu (posta), to wejdź w tryb jego edycji (w zapleczu/kokpicie menu Wpisy>Edytuj, wybierz wpis i opcję Edytuj). Następnie przejdź z zakładki "Wizualny" na "HTML" i już możesz edytować kod danego wpisu. To wszystko.

Po zakończeniu edycji wciśnij przycisk "Podejrzyj zmiany", a potem "Zaktualizuj wpis".

Czy taka odpowiedź rozwiązuje Twój problem?

przez **balneo** 11 Wrz 2009, o 14:18

hmmmm....

Czytając te odpowiedzi, to rzeczywiście zbyt ogólnikowo napisałam...

A więc: Chcę wkleić kod na stronę główną swojej witryny, jak ma go wkleić ? Dotyczy to różnych rzeczy np. zainstalowania newstsellera, czy do weryfikacji, gdzie jest polecenie: "Skopiuj poniższy metatag i wklej go na stronę główną witryny. Powinien znaleźć się w sekcji <head>, przed pierwszą sekcją <body>." - no gdzie to jest. I jak to zrobić?

To tyle, z góry dzięki!

przez **Tomasz Fabiszak** 11 Wrz 2009, o 22:38

Tagi meta umieszcza się w pliku nagłówkowym konkretnej skórki/motywu.
Trzeba go dopisać do pliku: /wp-content/themes/<katalog_twojego_motywu>/header.php

Na wszelki wypadek przed zmianami radzę wykonać kopię zapasową tego pliku - szczególnie jeśli nie znasz PHP.

W Kokpicie można też: Wygląd > Edytor > Nagłówek (header.php) - ostatnią pozycję trzeba wybrać z listy "Pliki motywu" z prawej strony okna edycyjnego.

przez **balneo** 12 Wrz 2009, o 12:02

Dzięki wielkie, teraz powinno się udać:)

przez **Elżbieta Kalinowska** 13 Wrz 2009, o 12:21

A, czy dałoby się pozmieniać w takim szablonie wordpressowym kolory i wielkości czcionek, np. w nagłówku, menu itp?

przez **bartekmedon** 13 Wrz 2009, o 15:28

Oczywiście, że tak

przez **Marcin Godlewski** 13 Wrz 2009, o 21:15

Elżbieta Kalinowska napisał(a):A, czy dałoby się pozmieniać w takim szablonie wordpressowym kolory i wielkości czcionek, np. w nagłówku, menu itp?

wtedy zazwyczaj edytujesz szablon .css

przez **Elżbieta Kalinowska** 14 Wrz 2009, o 11:29

No dobrze jest wyedytowany, kod poniżej
Gdzie tu znaleźć:
1.kolor tła całej strony- teraz jest czarny z szarym rozświetleniem
2.kolor pasków menu - czarny i szary
3.kolor tła tekstu na stornie

Próbowałam do tego dojść metodą prób i błędów ale efekty były porażające :lol:

Szczęśliwie zachowałam kod przed zmianami

A i jeszcze jedno - czy w darmowym szablonie zmiany kolorów są dopuszczalne?

Kod: Zaznacz wszystko: @charset "utf-8"; /* HeatMap WordPress Adsense Theme 2 Author: Stuart Wider Copyright: Stuart Wider 2009 Website: HeatMapTheme.com This file last updated: 20/07/2009 This file is part of HeatMap WordPress Adsense Theme 2 HeatMap WordPress Adsense Theme 2 is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or any later version. HeatMap WordPress Adsense Theme 2 is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see <http://www.gnu.org/licenses/>. */ /* This CSS file groups together all css definitions for elements relating to colour, style, borders, background images etc. If you just want to tweak a few colours then you can do that in here, HOWEVER, I would highly recommend you do it by using a Child Theme instead so that you can easily upgrade HeatMap Theme with the latest release and still keep your tweeks intact. */ body { background: #000 url(images/wallpaper-bg.jpg) no-repeat center top; font-family: Verdana, Geneva, sans-serif; } /* Link Elements -------------------------------------------------------------- */ a {color: #006; text-decoration:none;} a:link, a:visited {color: #006;} a:hover {color: #F00; text-decoration:underline;} a:link img, a:visited img { border: none;} h1 a:link, h1 a:visited {color:#006; text-decoration:none;} h1 a:hover {color: #F00;} /* Main -------------------------------------------------------------- */ #main { background-color:#F4F4F4; border:solid #000 1px; } /* Header Bar -------------------------------------------------------------- */ #header-bar { background-color:#FFFFCC; background: url(images/header-bg.jpg) no-repeat; } #header-bar #header-bar-content .blog-title a, #header-bar #header-bar-content .blog-title a:visited {color: #FFF;} #header-bar #header-bar-content .blog-tagline a, #header-bar #header-bar-content .blog-tagline a:visited {color: #FFF;} /* Nav Bar -------------------------------------------------------------- */ #nav-bar {background: url(images/nav-bar-bg.jpg) #000 repeat-x;} #nav-bar ul li a { color:#FFF; text-decoration:none; } #nav-bar ul li a:hover { color: #FC0; text-decoration:underline; } /* Search Bar -------------------------------------------------------------- */ #search-bar {background: url(images/nav-bar-bg.jpg) #000 repeat-x;} /* Categories Bar -------------------------------------------------------------- */ #cat-bar { background-color:#949494; background: url(images/cat-bar-bg.jpg) repeat-x; } #cat-bar ul li a { color:#FFF; text-decoration:none; } #cat-bar ul li a:hover { color:#FC0; text-decoration:underline; } /* RSS Bar -------------------------------------------------------------- */ #rss-bar { color:#FFF; background-color:#949494; background: url(images/cat-bar-bg.jpg) repeat-x; } #rss-bar a { color:#FFF; text-decoration:none; } #rss-bar a:hover { color:#FC0; text-decoration:underline; } #rss-bar .rss-feedburner {background: url(images/rss-red.jpg) no-repeat;} #rss-bar .rss-posts {background: url(images/rss-orange.jpg) no-repeat;} #rss-bar .rss-comments {background: url(images/rss-cyan.jpg) no-repeat;} /* Wrap around the entire contents of the page below the nav -------------------------------------------------------------- */ #google-results-body-wrapper {background-color:#FFF;} /* Post Content (ie Content of a Post) -------------------------------------------------------------- */ .post-content h1.h1-underline, .featured-page-content h1.h1-underline {border-bottom:solid 1px #d1d1d1;} .post-content h2.h2-simulate-h1-size-underline, .featured-page-content h2.h2-simulate-h1-size-underline {border-bottom:solid 1px #d1d1d1;} .post-content .more-link, .featured-page-content .more-link {text-decoration: underline;} /* Post Details (ie The details of a post) -------------------------------------------------------------- */ .post-details, .featured-page-details { background: url(images/comment-bg.jpg) repeat-x; border:solid 1px #d1d1d1; background-color:#FFF; } .post-details .comment-button, .featured-page-details .comment-button { background: #333; border:solid 1px #333; color: #FFF; } .post-details .comment-button a, .featured-page-details .comment-button a { color:#FFF; text-decoration: underline; } .post-details .comment-button a:hover, .featured-page-details .comment-button a:hover { color: #FC0; text-decoration: underline; } /* Post Navigation -------------------------------------------------------------- */ .post-nav p a {text-decoration: underline;} .post-nav p a:hover {text-decoration: underline;} /* Comments -------------------------------------------------------------- */ #respond { background: url(images/comment-bg.jpg) repeat-x; border:solid 1px #d1d1d1; background-color:#FFF; } #submit { border: 1px solid #333; color: #FFF; background-color: #949494; background: url(images/button-bg.jpg) repeat-x; } /* Sidebars -------------------------------------------------------------- */ #top-widebar a, #bottom-widebar a, #left-sidebar a, #right-sidebar a { color: #006; text-decoration:none; } #top-widebar a:link, #top-widebar a:visited, #bottom-widebar a:link, #bottom-widebar a:visited, #left-sidebar a:link, #left-sidebar a:visited, #right-sidebar a:link, #right-sidebar a:visited { color: #006; } #top-widebar a:hover, #bottom-widebar a:hover, #left-sidebar a:hover, #right-sidebar a:hover { color: #F00; text-decoration:underline; } /* Widgets Areas -------------------------------------------------------------- */ /* Widget title -----------------------*/ #top-widebar .widgettitle, #bottom-widebar .widgettitle, #left-sidebar .widgettitle, #right-sidebar .widgettitle { background: url(images/widget-heading-bg.jpg) repeat-x; color:#FFF; background-color:#666; border:solid 1px #333; } #top-widebar .widgettitle a, #bottom-widebar .widgettitle a, #left-sidebar .widgettitle a, #right-sidebar .widgettitle a { color:#FFF; } /* Blog Search Widget -----------------------*/ #top-widebar .widget_search, #bottom-widebar .widget_search, #left-sidebar .widget_search, #right-sidebar .widget_search { color:#FFF; background-color:#333; background: url(images/search-bg.jpg) repeat-x; } #top-widebar .widget_search form, #bottom-widebar .widget_search form, #left-sidebar .widget_search form, #right-sidebar .widget_search form { color:#FFF; } #searchsubmit { border: 1px solid #333; color: #FFF; background-color: #949494; background: url(images/button-bg.jpg) repeat-x; } /* Calendar Widget -----------------------*/ #top-widebar .widget_calendar table a, #bottom-widebar .widget_calendar table a, #left-sidebar .widget_calendar table a, #right-sidebar .widget_calendar table a { text-decoration:underline; } #top-widebar .widget_calendar thead th, #bottom-widebar .widget_calendar thead th, #left-sidebar .widget_calendar thead th, #right-sidebar .widget_calendar thead th { background: #999; } #top-widebar .widget_calendar tr.even td, #bottom-widebar .widget_calendar tr.even td, #left-sidebar .widget_calendar tr.even td, #right-sidebar .widget_calendar tr.even td { background: #e5ecf9; } #top-widebar .widget_calendar caption, #bottom-widebar .widget_calendar caption, #left-sidebar .widget_calendar caption, #right-sidebar .widget_calendar caption { background: #eee; } #top-widebar .more-link, #bottom-widebar .more-link, #left-sidebar .more-link, #right-sidebar .more-link { text-decoration: underline; } /* Feedburner Widget -----------------------*/ #header-bar-right .hmt_widget_feedburner {color: #FFF;} #fbsubmit { border: 1px solid #333; color: #FFF; background-color: #949494; background: url(images/button-bg.jpg) repeat-x; } #top-widebar .hmt_widget_feedburner, #bottom-widebar .hmt_widget_feedburner, #left-sidebar .hmt_widget_feedburner, #right-sidebar .hmt_widget_feedburner { color:#FFF; } /* Footer -------------------------------------------------------------- */ #footer { background-color:#000; color:#FFF; background: url(images/footer-bg.jpg) repeat-x; } #footer a { color: #FFF; text-decoration:none; } #footer a:hover { color:#FC0; text-decoration:underline; } #footer-content .rss-feedburner {background: url(images/fburner.png) no-repeat;} #footer-content .rss-posts {background: url(images/orange-rss.png) no-repeat;} #footer-content .rss-comments {background: url(images/cyan-rss.png) no-repeat;} /* Sub-footer -----------------------*/ #sub-footer { background-color:#333; background: url(images/subfooter-bg.jpg) repeat-x; } #sub-footer-content {color:#FFF;} /* Sub-Footer Left and Right -----------------------*/ #sub-footer a { color: #FFF; text-decoration:none; } #sub-footer a:hover { color:#FC0; text-decoration:underline; }

Wordpress - jak edytować html?

Wordpress - jak edytować html?

Re: Wordpress_jak edytować html?

Re: Wordpress_jak edytować html?

Re: Wordpress - jak edytować html?

Re: Wordpress - jak edytować html?

Re: Wordpress - jak edytować html?

Re: Wordpress - jak edytować html?

Re: Wordpress - jak edytować html?

Re: Wordpress - jak edytować html?

Re: Wordpress - jak edytować html?

Kto jest na forum