CodeBlog.ch

Concrete5 (39)


Concrete5 – CSS Funktionen [typography.css, anpassbare Themes]Concrete5 – CSS features [typograhy.css, customize themes]

Wer ein Theme für Concrete5 erstellt hat, wird sich eventuell gefragt haben, wofür die zwei CSS Dateien main.css and typography.css. In diesem Tutorial zeige ich ein paar Möglichkeiten, die Concrete5 im Zusammenhang mit CSS bietet. Grundlegende Kenntnisse über das Erstellen von Themes sollten vorhanden sein, ansonsten wäre es hilfreich dieses Tutorial vorgängig zu lesen: http://www.codeblog.ch/2009/01/concrete5-theme-erstellen/

typo1

If you ever built your own Concrete5 theme you might have wondered why there are usually two css files – main.css and typography.css. In this tutorial I’ll show you some possibilities of typography.css. You should have basic knowledge about building a theme for Concrete5. Read this tutorial in case you never built one before: http://www.codeblog.ch/2009/01/concrete5-theme-erstellen/

typo1



Concrete5 – Blöcke im TemplateConcrete5 – Blocks within Templates

Concrete5 wird standardmässig mit verschiedenen “Blöcken” ausgeliefert, welche man auf seiner Seite mit wenigen Klicks einbauen kann. Manchmal möchte man aber einen Block auf sämtlichen Seiten anzeigen. Zum Beispiel eine Navigation. Wie macht man das?

block-in-template

Zwei Möglichkeiten! Mehr auf der nächsten Seite..

Concrete5 offers you a lot of blocks you can add to your page. But sometimes you might want to have a certain block on every page. How do you do that?

block-in-template

There are two possibilities!



Concrete5 – Drop Down Menü NavigationConcrete5 – Drop Down Auto-Nav Menu

Eine Internetseite braucht eine Navigation. Als Concrete5 Anfänger findet man oft den “Auto-Nav” Block der einfach ausschaut, aber einiges an versteckter Power hat. Gerade wenn ein Layout gewünscht ist, das sich nicht mit CSS umsetzen lässt, braucht es ein paar Grundlagen. In diesem Tutorial zeige ich, wie man mit ein paar wenigen Schritten ein Drop-Down Menü in Concrete5.3+ erstellen kann.

5-result

UPDATE November 2011: There’s another drop down tutorial using the SooperFish plugin, check out this page http://www.codeblog.ch/2011/12/concrete5-sooperfish-drop-down-navigation/

A website needs a navigation. If you just started using Concrete5 you’ll realized that its navigation block looks simple but sometimes isn’t. Especially if you want to customize the look beyond css styling. I’m going to show you how to do great an reusable drop down menu with concrete5.3+.

5-result



Concrete5 Templates

Concrete5 Templates erstellen ENGLISH

Das CMS System Concrete5 bietet die Möglichkeit, für bestehende Blocks aus dem Core, dem Teil von Concrete5 der nicht verändert werden sollte, ein eigenes Template zu erstellen. Dadurch hat man die Möglichkeit das Layout komplett anzupassen, sollte CSS nicht mehr genügen.

Concrete5 Custom Templates DEUTSCH

The Content Management System Concrete5 supports custom templates for existing blocks. Using this feature enables you to modify the layout of the core elements, without actually touching the core, which offers you an easy to way to modify your layout if css isn’t enough.



Concrete5 Theme erstellenConcrete5 – Create your own theme

Die eigene Seite mit dem eigenen Layout – man will ja schliesslich nichts von der Stange!
Dieses Tutorial soll aufzeigen wie man ein Layout in Concrete5 umsetzen kann.

Ein Verständnis für HTML und CSS ist sicherlich angebracht. PHP Kenntnisse sind keine erforderlich, ich werde die wenigen Zeilen PHP Code ausführlich beschreiben!

Ein Layout solltet ihr schon haben, wenn möglich als HTML und CSS Datei. Ich beschreibe hier nicht wie man aus einer Photoshop Datei in HTML, CSS umwandeln kann.

Your own site with your own layout – you want to be unique, don’t you?
This tutorial will show you, how you can create a Concrete5 Theme within a few minutes.

You should have basic HTML and CSS knowledge. PHP experience isn’t required, I’ll explain all the PHP code.

In this tutorial, I’ll start with a photoshop file which I already converted to and HTML/CSS file. If you don’t have one yet – find, build or download one before you continue.



Concrete5 User Group

concrete5

Die Anzahl der Benutzer von Concrete5 wächst laufend. In der Schweiz ist Concrete5 noch eher unbekannt, trotzdem aber gibt es bereits eine Seite die die hoffentlich bald zahlreichen Concrete5 Benutzer in der Schweiz zusammenführen will!

http://www.concrete5.ch



Concrete5 Block – Code ausführen

Concrete5 Block entwickeln

Wie schon in den vorigen Artikel, hab ich gezeigt, dass Concrete5 relativ einfach erweitert werden kann.

http://www.codeblog.ch/category/concrete5/

In diesem Fall möchte ich zeigen wie man einen einfachen Block entwickeln kann, der beliebigen PHP Code ausführen kann. Dies klingt heikel und kann es auch sein! Der Wunsch danach ist im C5 Forum http://sourceforge.net/forum/forum.php?forum_id=814373 aufgekommen. Jemand hat entdeckt, dass man Code mit dem Form Block ausführen kann. Persönlich mag ich sowas nicht, weil meiner Ansicht nach ein Block für das verwendet werden soll, für das er entwickelt wurde.

Dies soll aber jeder für sich entscheiden! Ein Ausführen von PHP Code ist auch mit dem Form Block möglich!



Concrete5 erweitern

Das CMS Concrete5 bietet eine umfangreiche Schnittstelle, um die Funktionalität fast beliebig zu erweitern. Trotzdem dieser mächtigen Schnittstelle, ist es aber verhältnismässig einfach eigene Funktionen einzubauen.

In diesem Beispiel wollen wir C5 erweitern, um FLV Dateien ohne grossen Aufwand in unsere Seite einbinden zu können:



CMS Concrete5

Seit einiger Zeit ist das bisher kommerzielle CMS System Concrete5 frei unter der MIT Lizenz verfügbar.

Einige Features sind wirklich genial gelöst und auch die Erweiterung mit eigenen Modulen ist sehr einfach. In Europa wird das System bisher kaum eingesetzt.

Vielleicht gibt es ja dank diesem, vermutlich ersten deutschsprachigen, Artikel neben mir bald noch mehr Concrete5 Benutzer in Europa!




CodeBlog.ch, 2026. Theme Material for Coders