Informationen für CMS/made simple / [GELÖST] Schulhomepage des Oskar-von-Miller Gymnasiums

Re: [GELÖST] Schulhomepage des Oskar-von-Miller Gymnasiums

dummy@example.com (cyberman) — Sun, 15 May 2011 03:18:13 +0000

Ich verwende ganz gern fasttouchcss ...

Wenn du AdvancedContent verwendest, ist CustomContent nicht mehr erforderlich.

Re: [GELÖST] Schulhomepage des Oskar-von-Miller Gymnasiums

dummy@example.com (mike-r) — Sat, 14 May 2011 15:45:55 +0000

MaxMediaPictures schrieb:

Gibt es eigentlich eine Möglichkeit, die CSS Dateien vom CMS einsetzten zulassen (also über {stylesheets} oder ähnlichem) und dabei das ganze nicht jedes mal über php laufen zu lassen?

Ja, nennt sich {cms_stylesheet}

(Alternativ gäbe es auch noch ein Plugin Static_stylesheet, womit man CSS-Dateien direkt UND per Backend editieren kann, das lädt afair auch direkt)

Re: [GELÖST] Schulhomepage des Oskar-von-Miller Gymnasiums

dummy@example.com (MaxMediaPictures) — Sat, 14 May 2011 11:41:17 +0000

Das mit den Bildern ist mir durch die Pagespeed-Analyse auch schnell aufgefallen. Wenn ich mich recht erinnere hab ich die damals mit Fireworks erstellt. Ich bin jetzt die Homepage durchgegangen und hab alle Bilder ausgetauscht. Ich hab die CSS-Dateien jetzt klassisch über html importiert und auch nochmal minimieren lassen.
Gibt es eigentlich eine Möglichkeit, die CSS Dateien vom CMS einsetzten zulassen (also über {stylesheets} oder ähnlichem) und dabei das ganze nicht jedes mal über php laufen zu lassen?
Es ist jetzt etwas komisch, wenn man die Templates in CMSMS verwaltet, aber die Stylesheets immer manuell auf den Server lädt...

Wer will kann das Zwischenergebnis gerne anchauen - es liegt unter www.ovmg.de/test
Der Pagespeed hat sich durch die Optimierungen jetzt auf durchgehend 80 oder höher verbessert. (Zumindest im Firefox Firebug Pagespeed)
Viele Dank für die vielen Tipps!

Das mit dem Hintergrundbild habe ich zwischenzeitlich auch gelöst, jedoch ist meine Lösung nicht ganz so elegant, wie die von cyberman. Sie geht auf einen Eintrag im offiziellen Wiki zurück(Get a page's root parent's hierarchy-position)

Man erstellt dazu einen Benutzerdefinierten Tag (Erweiterungen -> Benutzerdefinierten Tag/User defined tag - UDT) namens "get_root_page_alias". Mit dem Inhalt:

[== PHP ==]
global $gCms;
global $smarty;

$manager =& $gCms->GetHierarchyManager();

$var = 'root_page_id';
if( isset($params['assign']) && $params['assign'] != '' )
{
  $var = $params['assign'];
}
$result = "NO RESULT";
$thisPage = $gCms->variables['content_id'];
$currentNode = &$manager->sureGetNodeById($thisPage);
while( isset($currentNode) && $currentNode->getLevel() >= 0 )
{
    $currentContent =& $currentNode->getContent();
    $result = $currentContent->Hierarchy();
    $currentNode =& $currentNode->getParentNode();
}
$smarty->assign($var,$result);

Und rufe im Template das Bild so auf:

[== HTML ==]
{get_root_page_alias assign="root_page_alias"}

Diese besondere Skalierung width='100%' liegt daran, dass ich das Bild auf Seitengröße (aber im richtigen Seitenverhältnis) brauche. Deswegen läuft das ganze auch nicht über CSS.

Ich hätte noch eine Frage zu AdvancedContent, das ich erst seit kurzem kenne:
Wir haben ein Login per FrontEndUsers in Verbindung mit CostumContent um einen Login mit zwei verschiedenen Zielseiten zu erstellen: einmal nur Anzeigen von PDFs (Liste durch Uploads erstellt) und das andere mal Anzeigen + Hochladen von PDFs (wieder via Modul Uploads).
Lohnt es sich stattdessen auf FEU + Uploads + AdvancedContent zu setzten? Oder ist diese Frage eher weniger relevant? (Zumal ich das Gefühl habe dann wieder mehr Templates erstllen zu müssen, da ich dann mit AdvancedContent mehrere Content-Blöcke auf der Seite erstellen muss)

Re: [GELÖST] Schulhomepage des Oskar-von-Miller Gymnasiums

dummy@example.com (cyberman) — Sat, 14 May 2011 03:25:27 +0000

nockenfell schrieb:

Allenfalls wäre hier eine Lösung "Bild von Elternseite übernehmen" praktisch.

Dafür hätte ich CGSimpleSmarty und ein bißchen CSS verwendet, also

Damit kannst du via

[== CSS ==]
body#menugroup1 {
background-image: url([[root_url]]/uploads/images/menugroup1.jpg);
}

body#menugroup2 {
background-image: url([[root_url]]/uploads/images/menugroup2.jpg);
}

usw. dein Hintergrundbild für jedes Toplevel separat einstellen - menugroup1 ist dabei der Seiten-Alias der obersten Seite in der Hierarchie.

Re: [GELÖST] Schulhomepage des Oskar-von-Miller Gymnasiums

dummy@example.com (nockenfell) — Fri, 13 May 2011 22:10:36 +0000

MaxMediaPictures schrieb:

Das Problem ist, dass unser Design zur Zeit noch auf relativ vielen Templates basiert (für jedes Hintergrundbild eines), das macht Änderungen immer relativ aufwendig. In unserem Testsystem ist es mir jedoch schon gelungen eine Version des Templates zu generieren, in dem die Bilder nach Menu-Kategorien automatisch ausgewählt werden.

Eine Möglichkeit wäre AdvancedContent in Verbindung mit dem GBFilepicker um das Hintergrundbild zu wählen. Oder ein Plugin welches dir über AdvancedContent die möglichen Bilder zur Auswahl gibt. Damit kannst du auf jeder Seite das Bild definieren. Allenfalls wäre hier eine Lösung "Bild von Elternseite übernehmen" praktisch. Damit musst du neue Bilder nicht auf jeder Seite neu eintragen wenn mal was ändert.

(Die Möglichkeit Globale Inhaltsblöcke so zur Auswahl zu geben findest du hier: http://forum.cmsmadesimple.de/viewtopic … 3002#p3002 -> das kann man natürlich auch auf ganz anderes adaptieren)

Die Idee mit den Menükategorien ist auch nicht schlecht. Mit Smarty lässt sich im Template recht viel erreichen. Möglichst alle Logik im Template abhandeln als 20 Templates für marginale Änderungen erstellen.

Re: [GELÖST] Schulhomepage des Oskar-von-Miller Gymnasiums

dummy@example.com (AL-d82) — Fri, 13 May 2011 21:52:10 +0000

Sehr schöne Seite.

Das Problem ist, dass unser Design zur Zeit noch auf relativ vielen Templates basiert (für jedes Hintergrundbild eines), das macht Änderungen immer relativ aufwendig. In unserem Testsystem ist es mir jedoch schon gelungen eine Version des Templates zu generieren, in dem die Bilder nach Menu-Kategorien automatisch ausgewählt werden

wie geht das denn? kann man das irgendwo nachlesen?
greez AL

Re: [GELÖST] Schulhomepage des Oskar-von-Miller Gymnasiums

dummy@example.com (cyberman) — Fri, 13 May 2011 17:01:50 +0000

MaxMediaPictures schrieb:

Und um von Google Analytics wegzugehen fehlt mir noch ein bisschen die Motivation

Piwik ist schon ziemlich nah dran an Google Analytics, und du behältst die Kontrolle über deine Daten.

Re: [GELÖST] Schulhomepage des Oskar-von-Miller Gymnasiums

dummy@example.com (mike-r) — Fri, 13 May 2011 16:34:06 +0000

MaxMediaPictures schrieb:

Auf die googleapis werde ich wohl eher nicht verzichten, da die die Seitengeschwindigkeit verbessern

Momentan machen die nicht anderes als die massiv zu verschlechtern. Oder wo konkret verwendest Du die?
Und wenn, warum lädst Du die doppelt, also einmal zünftig vom Server und einmal von google?

Was Optimierungen betrifft, schau Dir mal das Netzwerkmodul von Firebug an, da fallen auf der Hauptseite schon mehrere Sachen auf:
CSS wird stehts per php geholt
Dateigrösse von Thumbnailbildchen ist riesig, was verwendest Du da für ein komisches Grafikprogramm?

Das wird sich auf den Unterseiten ständig wiederholen...

Edit: noch ein Manko gefunden grad, auf der Galerie (wo wahrscheinlich ursprünglich die Fancybox hinsollte) bekomme ich bei deaktiviertem JS eine Fehlermeldung:

Für die Fotogalerie ist der Adobe Flash Player 8 oder höher erforderlich!

Ich habe Flashplayer 10 installiert. Ich kann mir nicht erklären, wozu diese Unsitte gut sein soll ein Flash per JS (und Bildergalerien überhaupt per Flash) einzubinden. Fehlermeldung ins Object täte es auch ... bzw züchtiges HTML (+JS)

Re: [GELÖST] Schulhomepage des Oskar-von-Miller Gymnasiums

dummy@example.com (Wurst2008) — Fri, 13 May 2011 15:23:45 +0000

@Wurst2008 wird die Homepage im Standartbrowser von Android eigentlich in der mobilen Version angezeigt?

Jetzt wo Du mich fragst: Nein. Große Hintergründe z.B. sind noch vorhanden
Ist mir aber nicht aufgefallen, da auch ich eine 800er Auflösung und über WLAN getestet habe.

Re: [GELÖST] Schulhomepage des Oskar-von-Miller Gymnasiums

dummy@example.com (MaxMediaPictures) — Fri, 13 May 2011 15:02:31 +0000

Wow, super - vielen dank für das viele Feedback!
Es freut mich, wenn euch die Seite gefällt.

Das mit den Modulen deinstallieren hab ich gleich mal gemacht - ich wusste gar nicht, dass die einen so großen Performanceeinfluss haben. Gut ist auch, dass das Print-Modul herausgehoben wurde, wäre jetzt naiv davon ausgegangen, dass wir das irgendwie noch nutzen

Zum Thema Pagespeed werde ich die Seite nochmals etwas überarbeiten - neuer analytics-code, javascripte neu anordnen, CSS überarbeiten und an der Erkennung der mobilen Browser ein bisschen drehen.
Das Problem ist, dass unser Design zur Zeit noch auf relativ vielen Templates basiert (für jedes Hintergrundbild eines), das macht Änderungen immer relativ aufwendig. In unserem Testsystem ist es mir jedoch schon gelungen eine Version des Templates zu generieren, in dem die Bilder nach Menu-Kategorien automatisch ausgewählt werden.

Ob ich eine manuelle Designauswahl für mobile Geräte einrichte weis ich noch nicht, da ich zum einen grad nicht weiss, wie ich das machen soll und zum anderen unsere Website in der normalen Version nicht sehr gut auf mobilen Geräten funktioniert (großes Hintergrundbild) und wir die mobile Version möglichst minimalistisch halten wollen. Aber ich werde es auf jeden Fall im Hinterkopf behalten.
@Wurst2008 wird die Homepage im Standartbrowser von Android eigentlich in der mobilen Version angezeigt? Ich habe nämlich leider nicht geschafft den UA davon herauszufinden und einen Simulator hab ich nicht gefunden (das ganze SDK herunterzuladen war mir dafür etwas zu viel Arbeit...)

Auf die googleapis werde ich wohl eher nicht verzichten, da die die Seitengeschwindigkeit verbessern. Und um von Google Analytics wegzugehen fehlt mir noch ein bisschen die Motivation

Re: [GELÖST] Schulhomepage des Oskar-von-Miller Gymnasiums

dummy@example.com (mike-r) — Fri, 13 May 2011 12:28:30 +0000

Mankos:

das Menü hat eine feste Höhe -> keine Zugänglichkeit bei Text-zoom oder minimalen Schriftgrössen
die Umschaltung normal/mobil sollte nicht nur per UA erreichbar sein, schliesslich gibt es auch viele Menschen, die sich das mobil im Original anschauen wollen (ich hab bspw 800px in der Breite aufm Handy)
auf "die Schule" fehlt das Hintergrundbild
statt google-analytics würde ich statistics verwenden. Macht etwa das selbe nur ohne die Daten zu verschenken
googleapis das selbe Problem, zuzüglich sind einige Funktionen defekt, wenn man externe Scripte blockiert (abp/proxy/firmennetzwerk etc.)

Re: [GELÖST] Schulhomepage des Oskar-von-Miller Gymnasiums

dummy@example.com (Wurst2008) — Thu, 12 May 2011 20:26:30 +0000

Sehr schöne Seite! Habe sie mir auch einmal mit dem Smartphone (Android) angeschaut. Gute Übersicht, gut lesbar.

Re: [GELÖST] Schulhomepage des Oskar-von-Miller Gymnasiums

dummy@example.com (nockenfell) — Thu, 12 May 2011 18:37:29 +0000

Gefällt mir sehr gut. Gerade das Zusammenspiel zwischen Hintergrund und Head finde ich sehr gelungen.

Re: [GELÖST] Schulhomepage des Oskar-von-Miller Gymnasiums

dummy@example.com (cyberman) — Thu, 12 May 2011 11:53:31 +0000

Schöne Seite, gefällt mir!

Würde jedoch vorschlagen, dass du dich noch mal mit dem Thema Pagespeed beschäftigst. Da lässt sich noch ordentlich an der Performance-Schraube drehen.

Ein Wert von 64 ist nicht gerade eine Wucht ...

Re: [GELÖST] Schulhomepage des Oskar-von-Miller Gymnasiums

dummy@example.com (NaN) — Thu, 12 May 2011 11:04:30 +0000

Sehr schöne Seite.
Danke für die Vorstellung.
Kleiner Tipp: ich würde nicht benötigte Module deinstallieren. (mehr Performance )
Den Einsatz von Search und Printing konnte ich auf der Seite nicht erkennen. (Der Print-Button ist nur Javascript, dazu brauchts kein Print-Modul).
ModuleManager, nuSOAP und ThemeManager können eigentlich auch weg. Wenn die Seite fertig ist, sollten die nicht mehr gebraucht werden.
Die Backup Module (FileBackup, MysqlDump) würde ich nur dann mal eben installieren, wenn Du sie brauchst. D.h. die meiste Zeit verbrauchen sie nur sinnlos Ressourcen. Wenn man ein Backup machen will, einfach auf installieren klicken, Backup erstellen, und wieder deinstallieren. (es sei denn sie werden regelmäßig durch z.B. Cronjobs ausgeführt)