Ανάπτυξη ιστοτόπου σε περιβάλλον Debian/dokuwiki/Πρότυπα

Από Βικιβιβλία
Πήδηση στην πλοήγηση Πήδηση στην αναζήτηση

Δημιουργία δικού μας προτύπου[επεξεργασία]

Θα βασιστούμε στο πρότυπο default (προκαθαρισμένο) . Αυτό περιλαμβάνει τα αρχεία

  • main.php
  • style.ini Αρχείο ρυθμίσεων που καθορίζει τα φύλλα στυλ που θα φορτωθούν.
  • design.css (Περιέχει δηλώσεις στυλ που διαμορφώνουν στοιχεία όπως κουμπία , φόρμες κτλ)
  • layout.css(Περιέχει δηλώσεις στυλ που διαμορφώνουν το γενικό πλαίσιο πχ: header, bar (αν και μερικά)
  • print.css Φύλλο στύλ που εφαρμόζεται σε εκτύπωση
  • media.css
  • rtl.css Φύλλο στύλ που εφαρμόζεται σε γλώσσες δεξιά προς αριστερά
  • UWEB.css
  • footer.html
  • images/
  • detail.php
  • mediamanager.php

Βήματα[επεξεργασία]

Προσπάθησε να αλλάξεις τα κουμπία στην default σελίδα με τρόπο καλαίσθητο. Πως μπορούμε να αλλάξουμε την ελληνική λέξη που εμφανίζεται σ'αυτά; Πχ το επεξεργασία σελίδας να γίνει σκέτο επεξεργασία;

Είναι χρήσιμο να μπορούμε να τοποθετούμε όλοκληρη τη default σελίδα απόλυτα και σχετικά ως προς ένα άλλο περιέχων κουτί.

πρότυπο dokubook[επεξεργασία]

To πρότυπο dokubook είναι πρότυπο που υλοποιεί την εμφάνιση της βικιπαιδείας αλλά όχι την λειτουργικότητα της. Προσφέρει καρτέλες και πίνακα περιεχομενων αριστερά


Υλοποίηση καρτέλων[επεξεργασία]

Σημαντικό χαρακτηριστικό του προτύπου αυτόυ είναι οι καρτέλες. Το dokubook τις υλοποιεί με χρήση ενσωματωμένου φύλλου css το οποίο αλλάζει δυναμικά ανάλογα με την ενέργεια που εκτελεί ο χρήστης στο dokuwiki σύστημα.


Συγκεκριμένα εξετάζωντας το αρχείο main.php του προτύπου βλέπουμε το παρακάτω τμήμα:
  <style type="text/css">
    <?php if($ACT == 'show' || $ACT == 'edit') { ?>
    div.dokuwiki ul#top__nav a.edit,
    div.dokuwiki ul#top__nav a.show,
    div.dokuwiki ul#top__nav a.source
    <?php } else { ?>
    div.dokuwiki ul#top__nav a.<?php echo $ACT;?>
    <?php } ?>
    {
      border-color: #fabd23;
      border-bottom: 1px solid #fff;
      font-weight: bold;
    }
  </style>