dołączanie pliku html/php do stylu wordpressa

dołączanie pliku html/php do stylu wordpressa
pol90
  • Rejestracja:ponad 10 lat
  • Ostatnio:ponad 3 lata
  • Postów:1181
0

Mam taki problem tworze nowy motyw do wordpressa w zasadzie ma to być strona w wordpressie nadałem następujące właściwości dla hiperłącza

Kopiuj
<div id=aktu><a class="hiper" href="<?php echo get_template_directory_uri(); ?>/aktu.htm">AKTUALNOŚĆI</a></div>

I teraz jak najeżdżam na to hiperłącze to pokazuje mi krzyżyk, ścieżka jest poprawna.

AC
  • Rejestracja:ponad 7 lat
  • Ostatnio:około 7 lat
  • Postów:14
0

Proponuję takie rozwiązanie: stwórz sobie templatkę .php do strony, którą chcesz dodać, możesz ją dać do nowego folderu page-templates w katalogu głównym motywu - ważne jest żeby dodać jej komentarz, w którym określisz Template Name - po tym komentarzu wp ją rozpozna jako jedną z template do stron. Dalej w tej templatce możesz pęltą wyrzucić jakąś zawartość.
Potem dodajesz nową stronę w dashboard Pages>Add New i przy dodawaniu wybierz z rozwijanej listy Template nazwę templatki, którą przed chwilą zrobiłeś (jak nie dodasz komentarza j.w. w pliku templatki, nie będziesz miał tej listy).
Teraz na stronie głównej, czy gdziekolwiek tam chcesz, robisz hiperłącze, w href będzie echo get_permalink($id) gdzie zamiast $id wpisujesz id tej strony ( ono jest w adresie URL tej strony w Pages>All Pages>Nazwa Strony - tam będzie gdzieś w środku post=liczba) - nawet jak zmienisz nazwę tej strony w dashboard to jej id zostanie bez zmian.

Jeśli to jest jakaś strona z nawigacji, to lepiej wygenerować w wp menu nawigacyjne, tutaj zabawa się zaczyna od register_nav_menu.

Już pomijam to, że, w tym kodzie, który wstawiłeś masz błędy, np. brakuje " " w id i l w .html.
Polecam zaprzyjaźnienie się z dokumentacjami i handbookami na woordpress.org, tam są odpowiedzi na większość pytań.

pol90
A komentarz do tej templametki musi być takie jak do motywu ? I ja stworzyłem w katalogu głównym motywu katalog o nazwie page-templates i tam dałem plik o nazwie nazwa.php i potem dałem hiperłącze do echo get_permalink(4) w pliku motywu i jak kliknąłem w to hiperłącze to się otwiera strona ta która jest aktualnie otwarta,
AC
Jeszcze musisz w dashboard stworzyć nową stronę i ustawić jej ten szablon z nazwa.php ew. upewnij się czy masz dobre ID lub wyślij kod z nazwa.php i pliku, w którym używasz hiperłącza.
pol90
Czyli ustawić jej nazwę na nazwa.php ?
pol90
  • Rejestracja:ponad 10 lat
  • Ostatnio:ponad 3 lata
  • Postów:1181
0

Proponuję takie rozwiązanie: stwórz sobie templatkę .php do strony, którą chcesz dodać, możesz ją dać do nowego folderu page-templates w katalogu głównym motywu - ważne jest żeby dodać jej komentarz, w którym określisz Template Name - po tym komentarzu

A teraz jak stworzyć tą templatkę

HA
  • Rejestracja:prawie 10 lat
  • Ostatnio:około 7 lat
  • Postów:335
0

Odpowiadając we wszystkich Twoich tematach dot. Wordpressa
1 Primo: ogarnij Codex. Tam masz 90% odpowiedzi na Twoje pytania: https://codex.wordpress.org/
2 Primo: Masz w Wordpressie przykładowe szablony. Tam możesz znaleźć dużo przykładów w samym kodzie
3 Primo: Masz coś takiego jak Google - praktycznie wszystkie Twoje problemy związane z WP są rozwiązane na Stacku i innych źródłach. Wystarczy odpowiednio wpisać frazę.

pol90
  • Rejestracja:ponad 10 lat
  • Ostatnio:ponad 3 lata
  • Postów:1181
0

To może pokaże jak to wygląda

plik index.php, który jest w katalogu głównym motywu.

Kopiuj
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />


<link href="<?php echo get_template_directory_uri(); ?>/bootstrap-3/css/bootstrap.min.css " rel="stylesheet">
<html>
<head>
   <!-- pozostały kod sekcji <head> -->
   <?php wp_head(); ?>
</head>
<!-- pozostały kod strony -->
<!-- pozostały kod strony -->
<body>
   <!-- treść strony -->
   <?php wp_footer(); ?>
   
   
</body>


<div id=menu_gorne>
    <div id=menu_gorne_lewa>
    </div>
    <div id=oferta><a class="hiper">OFERTA</a></div>
//tutaj jest ten link
    <div id=aktu><a class="hiper" href="<?php echo get_permalink(11) ?>/aktu.htm">AKTUALNOŚĆI</a></div>
    

    <div id="center" style=" background:url(<?php echo get_template_directory_uri(); ?>/image/tytul.jpg)"></div>
    <div id=lokale><a class="hiper">LOKALE</a></div>
    <div id=galeria><a class="hiper">GALERIA</a></div>
    <div id=kontakt><a class="hiper">KONTAKT</a></div>
    <div id="menu_gorne_prawa">
    </div>
</div>
<div id=aktu2  style=" background:url(<?php echo get_template_directory_uri(); ?>/image/aktu.jpg)">
</div>
<div id=pojemnik>
<div id=aktu4>
sad
</div>
<div id=aktu3  style=" background:url(<?php echo get_template_directory_uri(); ?>/image/aktu2.jpg)">
sad
</div>
</div>
</html>

I stroan testo.php z folderu page-templates

Kopiuj
<?php /* Template Name: Example Template */ ?>

Tylko teraz nie wiem gdzie są pliki tych stron.

DU
  • Rejestracja:ponad 10 lat
  • Ostatnio:ponad 4 lata
  • Postów:106
0

Stwórz sobie nową stronę w kokpicie WordPressa i w metabox'ie "Atributes" wybierz szablon podstrony z rozwijanej listy. Powinien pokazać się "Example Template". Po przejściu na permalink wskazany w kokpicie, powinieneś mieć pustą stronę ( bo Twój szablon podstrony jest pusty ).

pol90
No tak właśnie mam.
DU
I w czym dalej problem? Odseparuj sobie kolejne kawałki kodu do innych plików, zaciągnij style, skrypty, zbuduj strukturę HTML. Przecież nie będziemy Cię uczyć takich rzeczy. Dobrym pomysłem byłoby zajrzenie do już istniejących templatek, np. tych oficjalnych od WP. Są dobrze napisane.
pol90
Gdzie w katalogu wordpressa są pliki tych stron ? Bo muszę podejrzeć te pliki, żeby móc pisać stronę ?
DU
wp-content/themes/<nazwa_tematu>
pol90
No mam temat i jak w tym temacie mam podgląd na żywo to jest strona i klika na hiperłącze jest w hiperłączu taki adres http://127.0.0.1/wordpress/?customize_changeset_uuid=7768ca3a-f717-46e7-a8e4-bfa08208727b&customize_theme=tomi&customize_messenger_channel=preview-0&customize_autosaved=on nie wiem czy dobry i jak klikam to mi się cały czas włącza ta sama strona.
HA
  • Rejestracja:prawie 10 lat
  • Ostatnio:około 7 lat
  • Postów:335
0

Jak nie umiesz ogarnać Codexa po angielsku to sobie chociaż to ogarnij: https://wpadmin.pl/tutorial-wordpress-od-szablonu-html-do-dynamicznego-motywu-wp/
Bo inaczej w tym temacie nigdy nie dojdziemy do rozwiązania

pol90
  • Rejestracja:ponad 10 lat
  • Ostatnio:ponad 3 lata
  • Postów:1181
0

Korzystam z tego turoliala http://www.wpbeginner.com/wp-themes/how-to-create-a-custom-page-in-wordpress/ i jak tworze plik przykładowo tomek.php i umieszczam go w katalogu motywa i zawartość tego pliku to

Kopiuj
<?php /* Template Name: tomek */ ?>

I potem w tym turiotialu jest instrukcja, że trzeba wejść do stron i w opcji Atrybuty strony wyświetli się ten plik, ale żądnego pliku o nazwie tomek nie ma.

pol90
  • Rejestracja:ponad 10 lat
  • Ostatnio:ponad 3 lata
  • Postów:1181
0

Już wiem gdzie był błąd hiperłącze cały czas działało a ikona się pokazywała tylko dlatego, że ten motyw nie był zastosowany był tylko na podglądzie i teraz taki zapis działa.

Kopiuj
<a href="<?php echo get_template_directory_uri()?>/aktu.html"> Welcome</a>
Kliknij, aby dodać treść...

Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H2O i m2.

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript
document.write('Hello World');
```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy  by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

  • Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
  • Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
  • Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
  • Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

  • Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

  • Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

  • Alt+L - zaznaczenie całej linii
  • Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
  • Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
  • Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

  • Ctrl+Enter - dodaj post
  • ⌘+Enter - dodaj post (MacOS)