Drupal - kilencedik lecke - írására, hogy a site egyszerű!

Drupal doboz öt témát. Természetesen az interneten talál egy csomó nagy témák Drupal, de az emberi elme mindig azt akarja, valami különleges. Vagy téma nem illik, vagy módosítani szeretné, hogy mi a kis részlet. Megvan a saját honlapján a Drupal, vagy te csak a folyamat a teremtés? Beszéljünk arról, hogyan lehet szépíteni azt.


Annak érdekében, hogy a saját témákat vagy a meglévők módosítására, szükség ismerete PHP, HTML és CSS (mint a nagy változásokat kíván tenni, annál készségek lesz szükség), de sajnos nem szerepel a téma a leckét, és akkor sem kell már a tudás a nyelvek, vagy talál órák őket valahol, de ha nem mentes a szellemes, ez valami látni, és a változás, és képes lesz arra, hogy elolvasása után ez a bemutató.


Alapértelmezésben a Drupal használják phptemplate motor (megtalálható a mappában / themes / motorok, bár valószínűleg nem kell), akkor mi kín -), mint az én véleményem szerint ez a legegyszerűbb, hogy a példák az alapértelmezett témát bluemarine, és alkalmas a tanulás (jó, mert én megtettem alapján több formatervezési -)). Nézzük másolni a mappát / themes / bluemarine. A mappa / sites / all / themes (ha nincs téma mappa, akkor hozza létre), és nevezze valami hasonló my_theme.


Belül találunk bluemarine.info fájlt (nevezd át my_theme.info) és az 5. kiterjesztésű fájlok .tpl.php, ők pontosan mire van szükségünk. Mindegyikük ad egy térképet, amely része a helyszínen. A munka menet van szükség, csak 2 file * .info és page.tpl.php.


Fejezzük létrehozását a témákat. My_theme.info megy a fájl, ez így néz ki:


és cserélje ki a tartalmát:


Mint látható, már eltávolították túl sokat, és megváltoztatta a nevét (name) és leírás (description). Most megy «Administer> Mezei épület> Témák», válassza a téma, és mentse. Most már nyugodtan kísérletezhet -)

Drupal - kilencedik lecke - írására, hogy a site egyszerű!

Nézzük meg a fájl Page.tpl.php, így megjeleníti az oldalt. Lehet osztani a teljes fájl 3 részre: sapka, adatok konténer, és a pincében, hogy miért egy ilyen nevetséges név? Mivel a többség fél, hogy menjen be rendszerezést, de mi a vicces - nem ijesztő. Nézzük sapka:
az első rész

itt is, nem nagy ügy:
if ($ logo) Ha megad egy logó, nyomtatott logó.
if ($ hely_nev) Ha megadja a neve az oldalon, akkor kiírja.
if ($ site_slogan) Ha a szlogen helyén, ő is megérdemli, hogy nyomtatható.
Egy kis angol nyelvtudás, és egy kicsit a találékonyság és minden a helyére kerül.
if (isset ($ secondary_links)) Ha secondary_links menü nyomtatás.
if (isset ($ primary_links)) Ugyanez igaz a primary_links.
Levezetjük a keresőmezőbe.
És ez elég érdekes, mi származik a fejléc terület, és mindaz, amit ragadt rá.
Egy kalap, mint ismert, haladunk tovább a adattárház, vagy ahogy nevezik angolul beszélő bennszülöttek - Tartalom (az igazat kellett magam, így gyakran hívják):

A palackok adatok három részre osztható, a bal oldali oszlopban, a jobb oldali oszlopban, és a közepén.

if ($ balra) Ha valami (blokkok) a bal régióban
Kiadja a bal régió az egész bal oldali oszlopban.


Mozgás a központ
if ($ küldetés) Ha az adminisztrátor be "Mission" honlapján, nyomtassa ki.
Levezetjük „zsemlemorzsa” (úgy néznek ki, mint ez «Honlap» Adminisztráció »Webhely építés», és a lap tetején)
Az oldal címét.
Lapok (ha van ilyen)
if ($ show_messages) Rendszer üzeneteket.
Aid. Alapvetően ez megtalálható az admin felületre.
Region tartalmat.
Icon RSS.
if ($ jobbra) Ha a jogokat a régiók, amelyek a (blokkok), majd
Következtetési szabályok régióban.

Ez minden olyan adattárház -) Tovább a pincében (is nevezik Lábjegyzet vagy pince):

A rendszer jelenik meg a az oldal alján.
Levezetjük footer régióban.
Oldal kész.

Ez a page.tpl.php, mint látható semmi bonyolult, mások phptemplate motor témákat lehet nagyobb és nehezebb, de képére és hasonlatosságára e. Tudod, hogy a szükséges változtatásokat a kódot, és biztosak vagyunk abban, hogy frissíteni kell az oldalt, miután a kijelzőn. Például törölje a sort , és megy az admin felületen

Drupal - kilencedik lecke - írására, hogy a site egyszerű!

Zsemlemorzsa elmentek, és most a visszatérés a hely, és én hozzá, hogy:

zsemlemorzsa

Drupal - kilencedik lecke - írására, hogy a site egyszerű!

A hatalmas tér a cselekvésre, de természetesen az összes főbb adatok térképészeti adatok és azok a helyek a fájlban tárolt style.css.
Használhatja a fájl page.tpl.php még további változók, annak érdekében, hogy tudja, melyik a változók, amelyek raktáron, akkor add kódot

például sor után a


Változók lesz sok, ne aggódj, a változók listája megtalálható itt.

Ne félj változtatni semmit, és akkor sikerülni fog -)

Térjünk át Node.tpl.php fájlt. ebben a blogban változások elsősorban a fájlban.

Ebben a témában, ez nagyon egyszerű. Az egyik érdekes változók $ oldalon.
if ($ oldal == 0) Ha a $ oldal egyenlő 1 (igaz), akkor vagyunk teljes megjelenítési mód az anyag, ha 0, akkor a teaser, ez a vonal jelzi a linket a teljes anyagot, ha mi vagyunk a teaser. A változó $ oldalon is van egy ellentétes változó $ teaser. ami igaz csak a teaser.

Nemrég adtunk az oldalakat a blog gomb megnyomásával cikkeket a különböző szolgáltatásokat. Hogyan lehet ezt megtenni itt? Kód hozzá kell adni a következő

Ez ugyanaz az összes oldalt, és akkor meg kell ugyanúgy néz ki. Véleményem szerint a legjobb hely, hogy adjunk ki nyomtatás előtt $ linkeket. és nem szabad elfelejteni, hogy nem jelenhetnek meg a teaser. A kód, amit hozzá kíván adni, úgy néz ki:

azaz, ha nem vagyunk a teaser, a kijelző gombot.
kilátás módosított fájlt

ellenőrizni. A teaser nem:

Drupal - kilencedik lecke - írására, hogy a site egyszerű!

és vannak tele az oldalt.

Drupal - kilencedik lecke - írására, hogy a site egyszerű!

Hasonlóképpen, akkor képes megjeleníteni a képeket, egyéni szöveget, és minden, amit akarsz. Csak akkor, ha megjelenik a magyar szöveget, ne feledje, hogy meg kell menteni a fájlt UTF-8, vagy a kimeneti betűk helyett kap halandzsa.

Drupal - kilencedik lecke - írására, hogy a site egyszerű!

Az első mező nem tronaem, a sugár a sarkok, és ez fog menni. A második írási dddddd, ez a háttér színe, és ő egy szürke, a harmadik írási ff3030, a szín az egység - piros. Készítsen RoundedCornr nyomja meg a gombot, és eljutni a második oldalra.

Drupal - kilencedik lecke - írására, hogy a site egyszerű!

Itt vagyunk kíváncsiak négy dolgot: hogy hogyan fog kinézni a mi egység, HTML kódot, amit beilleszthet block.tpl.php fájlt, CSS kódot, amelyet meg kell illeszteni a fájlt style.css és 4. kép szögekkel, akkor dobd be a mappa / sites / default / files.

Kezdjük CSS, másold ki a kódot, és illessze be a végére style.css fájlt, akkor kell egy kicsit, hogy javítsa ki a fájl nevét a sarkokat, hogy az eredeti


Ez, azt egyszerűen hozzáadódik a cím your_site / sites / default / files / mi lenne a böngésző tudja, hogy hol keresse a sarkokat, meg kell tenni a 4. helyen.
Minden CSS kódot
.

akkor úgy fog kinézni egy kicsit más.

Ezután másolja a HTML kódot, és illessze be block.tpl.php fájlt. ebben az esetben a régi fájl egészül helyett a szöveg

kéne valami ilyesmit

Saját kód nem kell, mert ugyanaz a neve lesz a különböző stílusokat. olvassa össze

Tartása 4 Azt találtuk, lekerekített sarkokkal a mappa / sites / default / files és frissítse az oldalt. íme:

Drupal - kilencedik lecke - írására, hogy a site egyszerű!

Tehát megvan a piros blokkok, az egyetlen dolog nem tetszik, hogy a tömbök voltak vörös, és a pincében. A Drupal jó, hogy lehetőség van a téma minden elemét az id. Ha megnézzük az oldal kódja, látni fogjuk, hogy az id blokk navigáció - block-user-1. Hogy van az építési ez id? A fájl block.tpl.php láthatja.

Először fel blokk- hozzá modul neve adunk hozzá, majd a numerikus azonosítót, úgynevezett delta.

Csináljunk egy másolatot block.tpl.php fájlt, és ez egy blokk-user-1.tpl.php. majd illessze be az eredeti kódot block.tpl.php

és újratölti az oldalt

Drupal - kilencedik lecke - írására, hogy a site egyszerű!

mi csak újra következtetést block.tpl.php egységet, így az esetleges oldal csomópontja, és így tovább. Például, ha azt akarjuk, hogy felülírja az oldal csomópontjának 4-es számú, majd hozzon létre egy fájlt page-node-4.tpl.php. és nyirokcsomó-story.tpl.php fájl felülírja a termelés valamennyi csomópont típus - történet.
Elvileg itt - mindent. Egy hasonló megközelítést, meg lehet változtatni egy tétel a Drupal téma, vagy ha azt szeretné, hogy saját, kivéve persze ha vannak felruházva tehetségű tervező (ellentétben velem <8-D ).
Végül nézzük létre saját területen. Ahogy azt korábban az alapértelmezett 5, de vannak olyan helyzetek, amikor a blokkok szeretnék ragaszkodni valami másra, például be egy keresőmező mellett a logó (bár van egy változó $ search_box például illeszkedés és a keresési forma). Próbáljuk?
Új régiók regisztrálnia kell a file * .info, a téma, ebben az esetben pedig, ha regisztrálni legalább 1 Régiójának meg kell adni, és az 5. alapértelmezett. Törvény -)

Úgy tűnik, a fájl, miután a változásokat. Amint láthatjuk, mi eredetileg megadott 5 szabvány régiók, majd hozzáadjuk a - keresés (elnevezheted ahogy), most nézzük hozzá a következtetésre a page.tpl.php kívánt fájlt hozzáadni a sor így néz


Tettem után a logó kijelző

Természetesen a képzelet nem tartja vissza, akkor megjeleníti a régiókban, ahol akarsz)
Ment és a «Adminisztráció» Honlapkészítés »Blocks», eslit helyesen tette, akkor meg kell jelennie a régiónkban.

Drupal - kilencedik lecke - írására, hogy a site egyszerű!

Beszúrása egy kereső egységet, és kap:

Itt van egy ilyen horror. De remélem, az általános jelentése egyértelmű.

Ebben a leckében felett.

Kapcsolódó cikkek