Jak vytvořit vlastní stránku v TNG – 1. díl

Tvorba a použití opravných módů.
Falt
Příspěvky: 261
Registrován: 30 srp 2013 23:48
Kontaktovat uživatele:

Jak vytvořit vlastní stránku v TNG – 1. díl

Příspěvekod Falt » 11 bře 2018 14:15

Obsah 1. dílu
1. Vytvoření vlastní stránky v podobě souboru PHP
2. Praktická ukázka vytvoření stránky pod názvem „abcd.php“
3. Úprava vzhledu vytvořené stránky
4. Konečná podoba praktické ukázky
Obsah 2. dílu
5. Možnosti řešení, jak zobrazit vlastní stránku v TNG „na kliknutí“
6. Praktická ukázka řešení pomocí čtvrtého menu „nanečisto“
7. Praktická ukázka trvalého řešení pomocí vlastního opravného módu
8. Závěrečné poznámky autora

1. Vytvoření vlastní stránky v podobě souboru PHP
Tento dvoudílný příspěvek věnujeme tématu, jak lze vytvořit vlastní stránku. Zvolili jsme vytvoření vlastní stránky metodou, využívající šablonu historytempate.php, která je v kořenovém adresáři TNG.
Příspěvek je určen pro začátečníky, aby zbytečně netápali. Zkušení uživatelé jej číst nepotřebují. Připomeňme si základní vlastnosti souborů PHP:
• Dovedou generovat dynamický obsah stránky, vytvářet, otvírat, číst, psát, mazat a zavírat soubory na serveru, řídit přístup uživatelů atd.
• Mohou obsahovat prostý text, ale i obrázky, jazyk HTML v kombinaci s kaskádovými styly CSS, ale i skriptovací jazyk JavaScript
• Příkazy programovacího jazyka PHP vykonává server s podporou PHP a výsledek vrací do prohlížeče jako prostý HTML

2. Praktická ukázka vytvoření stránky pod názvem „abcd.php“
Probereme si celý postup na ukázkovém příkladu, který si můžete prakticky vyzkoušet. Postup:
1. Vytvoříme si novou složku v naší instalaci TNG na wampu. Na jejím názvu příliš nezáleží, v naší ukázce je nazvána extrapgs.
2. Otevřeme si soubor historytemplate.php a ihned si jej uložíme do nové složky pod novým názvem. V našem příkladu abcd.php.
3. Pro jednoznačnost citací použijeme verzi souboru historytemplate.php v příloze tohoto příspěvku. Pro jinou verzi šablony může být potřeba postup modifikovat.
4. Začátek řádků 12 a 13 opatříme zdvojeným šikmým lomítkem //. Tím se z příkazu stane komentář.
5. Do řádku 21 vepíšeme titulek vytvářené stránky. Titulek se nezobrazí, proto na něm příliš nezáleží. V našem případě Testování
6. Na řádku 28 velmi pozorně vyplníme cestu k nově vytvářenému souboru. V našem případě zapíšeme
$yourlink = "/extrapgs/abcd.php";
7. Řádky 43 až 50 nahradíme vlastním textem, popřípadě i obrázky, pro formátování použijeme vybrané tagy HTML. V naší ukázce je nadpis formátován párovým tagem <h2>, odsazení odstavců tagem <p> a pro zvětšení písma ještě tagem <big>.
8. Nevkládáme tagy typu head, body, html, title a meta – nejsou v PHP souboru zapotřebí.
POZOR! Nelze použít vazbu na externí CSS soubor.

Výsledný soubor abcd.php pak vypadá takto:
<?php
//Purpose of this file: To allow you to make new media pages that conform to the same look-and-feel and privacy settings as the rest of your site.
//NOTE: The instructions below assume you will place your new page in one of your media subfolders (for example, "histories" or "documents").

//NOTE: Histories created this way may function differently that other histories when placed in an "album". If that is annoying to you, consider creating
//your history by pasting the text into Admin/Media/Body Text instead.

//Instructions:
//STEP 1: Make a copy of this file with a different name, keeping the .php extension (for example: mynewhistory.php). Make
// the changes described below in the copy, not the original.
//STEP 2: Remove the following two lines. They are here to prevent the template from being used for malicious purposes.
//echo "Please remove this line and the \"exit\" line that follows before deploying this file to the \"histories\" folder.";
//exit;

include( "../tng_begin.php");
if( !$cms['support'] )
$cms['tngpath'] = "../";

//STEP 3: Replace "Your Title Here" in the next line with the title of your page. Keep it surrounded with double quotes.
// Do not include any double quotes within your title. This creates the primary headline at the top of the page.
$yourtitle = "Testování";

//STEP 4: Replace "/path_to_your_page/mynewhistory.php" in the next line with the path and file name of your page.
// The path is the folder structure above your file. For example, if your TNG files are in a subfolder called "tng" and
// your new page will be a "history", you would enter "/tng/histories/mynewhistory.php". If your TNG files are not in a
// subfolder, your path should just start with the media folder (e.g., "/histories/mynewhistory.php").
// Keep it surrounded with double quotes. It must start with a slash.
$yourlink = "/extrapgs/abcd.php";

$logstring = "<a href=\"$yourlink\">$yourtitle</a>";
writelog($logstring);
preparebookmark($logstring);

//STEP 5: Remove the comments (leading slashes) on the next line if you *DON'T* want the TNG menu bar to show on your page.
//$flags['noicons'] = true;

tng_header( $yourtitle, $flags );

//STEP 6: Replace the text below with your own text (do not include the headline).
// Use HTML tags to create paragraph breaks and other formatting.
?>

<h2>Vlastnoruční podpisy</h2>
<big><p>Vlastnoruční podpis je malá ukázka rukopisu a specifická osobní památka na dotyčného člověka. Některé podpisy se dochovaly z doby, kdy rozhodně
neuměli všichni lidé psát, naopak byl plošně rozšířen analfabetismus, jelikož povinnou školní docházku zavedla až císařovna Marie Terezie. Pro
mnohé rodiny byl luxus nechat děti chodit do školy, protože v hospodářství byla potřeba každá ruka. Děti pracovaly už od 6-7 let, od 11-12 let
chodívaly do služby. </p></big>
<big><p>Potom tedy značně staré podpisy signalizují jistou vyšší míru vzdělanosti a vztahu k poznání, než bylo obvyklé. Nebylo v průběhu historie
samozřejmostí, aby běžní lidé uměli číst a psát. Nebylo nic neobvyklého neumět napsat ani pouhý svůj podpis. Jak víme, třeba i k upsání se
na vojnu verbířům stačily tři křížky (někdy bývala módnější i tři kolečka ☺). Kdo vládl uměním čtení a psaní, byl považován za vzdělaného člověka.
V dávných dobách dokonce ani příslušníci šlechty neuměli číst a psát. Naopak bývaly doby kdy i příslušník šlechty vládnoucí uměním číst a psát,
budil dojem výstřednosti. </p></big>

<?php
tng_footer( "" );
//STEP 7: Read the rest of the instructions below, then if you prefer a cleaner file, delete all of the commented lines.
//STEP 8: Use FTP or the File Manager on your site control panel to upload your new file. Place it in the appropriate media collection folder.
// For example, if this is a "history", place the file in the "histories" folder.
//STEP 9: When linking to your new page from your TNG home page, header or footer, use the complete path you entered above.
// For example: <a href="/path_to_your_page/mynewhistory.php">This is a link to my new history</a>
?>


3. Úprava vzhledu vytvořené stránky
Abychom si mohli prohlédnout vytvořenou stránku a posoudit případné úpravy vzhledu, musíme zapnout wamp (= lokální server). A v prohlížeči vložit do příkazového řádku příkaz:
localhost/testy/extrapgs/abcd.php
První člen http:// vkládat nemusíme, stejně se nezobrazí (jde o lokální server a ne web). Druhý člen localhost je povinný, ten informuje wampserver, co se po něm chce. Třetí člen testy představuje název TNG instalace na wampserveru, kde si to zkoušíme. Bude mít proto konkrétní název podle naší situace (třeba family, rodokmen, genea …). Tento údaj je povinný! Čtvrtý člen identifikuje složku, kam jsme uložili vytvořený soubor php. V našem případě extrapgs, ale složku si můžeme pojmenovat libovolně jinak. Poslední údaj „abcd“ je skutečný název vytvořeného PHP souboru. Jak název složky, tak souboru jsou pochopitelně opět povinné!
Doporučení:
• soubor PHP ukládejme do námi vytvořené složky, nikoli do originálních složek TNG
• neukládejme jej do námi vytvořené podsložky (sice to jde také, ale nastavení jsou pak jiná než v této ukázce)
• rozhodně neukládejme vytvořenou stránku v souboru PHP do kořenového adresáře TNG
• dodržujme elementární pravidla pro název souboru i složky (bez českých znaků, bez velkých písmen nebo mezer)
• při úpravách nezapomínejme, že každý příkaz v PHP končí středníkem.

4. Konečná podoba praktické ukázky

podpisy.png
Vytvořená stránka v prohlížeči
podpisy.png (12.8 KiB) Zobrazeno 400 x

A to je konec 1. dílu, ve kterém jsme si ukázali tvorbu vlastní stránky pomocí šablony historytempate.php. V dalším dílu si ukážeme, jak vytvořenou stránku v TNG zpřístupnit trvale, na kliknutí.

Pokračování příště! ;)
Přílohy
historytemplate.zip
Soubor šablony historytemplate.php v zazipované podobě
(1.64 KiB) Staženo 40 x

Zpět na “Opravné módy”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 1 host