Neben der Installation von WordPress, den Plugins und dem Theme als solches, nehme ich mehrere Änderungen am Theme vor. Zum Einsatz kommt das Theme Customify von PressMaximum.

Zur besseren Nachvollziehbarkeit möchte ich die Änderungen in diesem Beitrag festhalten.

Für ein einheitliches Design wird dem Button im Header noch ein Font Awesome (FA)-Icon hinzugefügt. Da der Button auf das Kontaktformular verweist, habe ich mich für das Message-Icon entschieden.

Viele der sozialen Netzwerke im Standard werden von mir nicht verwendet. Diese werden ausgeblendet statt sie zu löschen. Dafür werden andere Plattformen ergänzt und in allen Profilen die korrekten URLs hinterlegt.

Schlussendlich ersetze ich die Standardfarben durch den gleichen Farbton, der auch in der Leiste verwendet wird. Mit den Standardfarben der Social Network Icons sah es vorher eher wie Farbfehler aus. Damit die Icons sich korrekt abheben, wird die Icon Color auf weiß gesetzt. Das gleiche wird für den Hover-Style vorgenommen.

Zuletzt wird das Layout für Blog Posts umgestellt, dass das Thumbnail respektive Beitragsbild nicht über sondern links neben dem Text erscheint.

Der Beitrag WordPress – Installation und Anpassung neues Theme erschien zuerst auf Maximilian Krieg.

/* Allgemeine Formatierungen */

	table {
		width: 100%;
		margin-bottom: 10px;
	}
	td, th {
		padding: 0.5rem;
		border: 1px solid #dddddd;
	}
	blockquote > p {
		font-size: 14px;
		font-style: italic;
	}
	blockquote > footer > cite::before {
		content: "— ";
	}

/* Style-spezifische Formatierungen */

	.copyright {
		margin: 0;
	}
	#t3-footer {
		margin-top: 1rem;
	}
	.t3-copyright {
		padding: 1rem 0;
	}
	.t3-mainnav {
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	}
	.t3-mainbody {
		background-color: white;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	}
	.t3-wrapper {
		background-color: #f1f1f1;
	}

/* Content-Formatierungen */

	.mkrEbeneStart {
		counter-reset: ebene1 cBilder;
	}
	.mkrEbeneStart h3 {
		counter-reset: ebene2;
	}
	.mkrEbeneStart h4 {
		counter-reset: ebene3;
	}
	.mkrEbeneStart h3:before {
		content: counter(ebene1) " ";
		counter-increment: ebene1;
	}
	.mkrEbeneStart h4:before {
		content: counter(ebene1) "." counter(ebene2) " ";
		counter-increment: ebene2;
	}
	.mkrEbeneStart h5:before {
		counter-increment: ebene3;
		content: counter(ebene1) "." counter(ebene2) "." counter(ebene3) " ";
	}
	.mkrEbeneStart article>header>p {
		font-weight: bold;
	}
	.mkrEbeneStart article {
		border: 1px dashed #dddddd;
		margin: 1rem 0;
		padding: 1rem;
	}
	.mkrEbeneStart table > caption {
		font-style: italic;
		color: red;
		text-align: center;
	}
	.mkrEbeneStart img + figcaption:before {
		counter-increment: cBilder;
		content: "Abb. " counter(cBilder) ": ";
	}
	.mkrEbeneStart figcaption {
		text-align: center;
		padding-bottom: 1rem;
	}
	.mkrEbeneStart img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		max-width: 100%;
	}

/* Kommentar-Plugin-Formatierungen */

	.ccomment-readmore {
		display: none;
	}
	.ccomment {
		margin-top: 1rem;
	}

Der Beitrag CSS-Aktualisierung für das Purity III-Template erschien zuerst auf Maximilian Krieg.

Es gibt auf der obersten Ebene die drei Schlagworte Blog, Nicht kategorisiert und Statisch. Nicht kategorisiert gehört standardmäßig zum System. Unter dem Schlagwort Statisch sind Artikel wie Impressum und About angesiedelt, also Inhalte, die nicht zum laufenden Blog gehören. Das Schlagwort Blog wird von mir nie vergeben und dient ausschließlich als Sammelstelle für andere Schlagworte.

Die Schlagworte, die zu Dokumententyp gehören, sind Metainformation über Artikel und beschreiben, ob es sich z. B. um eine Vorlesungsmitschrift, einen Praktikumsbericht oder eine Zusammenfassung handelt. Nur Artikel in den Kategorien Zertifizierungen und KoSI-Studium werden mit diesen Schlagworten versehen. Dokumententyp wird selbst niemals als Schlagwort vergeben.

Die Schlagwortgruppe KoSI-Studium benötigt wohl keine ausführliche Erläuterung. Diese Hierarchie ist analog zu den Kategorien aufgebaut. Jede Kategorie hat folglich ein Schlagwort als Pendant. Da die Suche anhand von Schlagworten nicht rekursiv arbeitet, werden Artikel mit jedem Schlagwort der Kette versehen. Ein Artikel aus dem Modul Rechnerarchitektur würde also die vier Schlagworte Rechnerarchitektur, 1. Semester, B. Sc. und KoSI-Studium aufweisen.

Neben den Kategorierepräsentanten Zertifizierungen und Website findet sich unter Technik eine Vielzahl an Technologien, wie TCP/IP oder auch PGP. Diese könnten theoretisch wieder innerhalb einer Abstufung angeordnet werden, was ich aber vermeide, da diese Begriffe oftmals in Wechselwirkung stehen und es keine allgemeingültige Hierarchie gibt.

Analog zu Technik laufen die Schlagworte unterhalb von Kochbuch, nur handelt es sich nun um Zutaten.

Die zentrale Übersicht der Schlagworte ist in dem Menüpunkt unterhalb von Blog zu finden. Hiermit können verschlagwortete Artikel aus dem Blog und dem Wörterbuch sowie Weblinks einheitlich gefunden werden.

Der Beitrag Einführung einer Schlagwortübersicht erschien zuerst auf Maximilian Krieg.

Der Beitrag Migration auf Joomla 3.4 erschien zuerst auf Maximilian Krieg.

Integration

MathJax installieren

Zunächst müssen die Quelldateien für MathJax heruntergeladen werden. Den dafür notwendigen Link habe ich am Ende dieses Beitrags angefügt. In den folgenden Schritten spiele ich die Dateien auf den Server, kopiere sie in das Wurzelverzeichnis dieser Website und entpacke sie. Nach dem Entpacken korrigiere ich den Besitzer und die Gruppe des neu erstellen Ordners, um möglichen Problemen vorzubeugen.

Verwendete Befehle

• mv
• chown -R www-data
• chgrp -R www-data
• unzip

Neuen Benutzer erstellen

Da ich die Integration durch ein normales HTML-Modul von Joomla umsetzen will, muss ich in der Lage sein rohen HTML-Code in dieses Modul einzuspeisen. Der regulär verwendete WYSIWYG-Editor filtert diesen jedoch heraus und verhindert dies. Jedoch kann der Editor für Benutzer im Dashboard deaktiviert werden. Da ich jedoch keine Änderungen an meinem Benutzer vornehmen will, erstelle ich mir einen neuen Benutzer mit administrativen Rechten. In seinen persönlichen Einstellungen wird unter Basic Settings der Editor auf None gestellt.

Modul erstellen

Ich logge mich in das Dashboard mit dem neuen Benutzer ein und erstelle ein neues leeres Modul. Da kein Editor mehr verwendet wird, kann ich nun direkt den HTML-Code einpflegen. Die Position des Moduls ist dabei beliebig auszuwählen. Zum Schluss wird gespeichert und der Account des Benutzers wieder gelöscht.

HTML-Code

<script src="/mathjax/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript">
</script>

Anhang

Beispiel #1

\(f(x)=y^2\)

\(f(x)=y^2\) 

Quellen

• LaTeX Equation Editor (Link)
• MathJax Download (Link)

Der Beitrag Integration von LaTeX in Joomla erschien zuerst auf Maximilian Krieg.

Version 6

Nachdem ich anfänglich ziemlich begeistert von meet_gavern von GavickPro war, so hat mich das relativ simple Layout nach einer Weile nicht mehr zufrieden gestellt. Ich wollte ein Theme mit mehr Effekten, das modern und dennoch sehr sauber wirkt. Schlussendlich bin ich bei Magazine von GavickPro gelandet und nach einigen Mühen ist die Seite endlich vollständig migriert.

Besonders gereizt haben mich hierbei die vollständige Unterstützung von K2 und die linke Toolbar mit den Verknüpfungen zu meinen Accounts in den sozialen Netzwerken.

Mit dem Umstieg auf ein neues Theme habe ich zusätzlich ein paar interne Regeln für mich selbst aufgestellt bezüglich der Namensvergabe bei Studien-Mitschriften, dem Tagging der Beiträge und dem konsequenten Einsatz von Intro-Texten.

Der Beitrag Umstieg auf ein neues Theme erschien zuerst auf Maximilian Krieg.

Version 1

Die erste Version meines Blogs habe ich noch mit Mediawiki betrieben. Ich wollte mir eine richtige Wissensdatenbank aufbauen. Stabil, wenig Probleme, hervorragend um Beiträge zu verknüpfen. Ich habe mich dennoch davon abgewandt, weil ich nicht sehr zufrieden mit der Verwaltung und Erstellung der Inhalte gewesen bin. Ich wollte dann doch eher etwas mit einem chronologischen Verlauf haben, weniger ein Netzwerk aus Beiträgen. Zudem habe ich die Entscheidung getroffen, dass Beiträge künftig in dem standardisierten HTML geschrieben werden sollen und nicht mehr mit dem sehr eigenen Wiki-Markup.

Version 2

Die Umwandlung der Beiträge in konformes HTML hat enorm viel Zeit in Anspruch genommen. Dennoch waren irgendwann die Beiträge umgewandelt und in ein neues System eingepflegt worden – ein WordPress. Ein Jahr lang habe ich versucht mich damit anzufreunden und war dann frustriert genug um mich erneut umzusehen. Zwei große Faktoren haben mich weg getrieben. Erstens, dass die Seite nicht korrekt dargestellt wird, wenn man die Domain ändert ohne die Konfiguration anzupassen und zweitens, dass Bilder nicht mit relativen Pfaden in den Beiträgen eingestellt werden, obwohl es ein Medien-Center gibt.

Version 3

Ein anderes CMS musste sofort her. Dieses mal habe ich mit den gewonnen Erfahrung lange evaluiert und schlussendlich bin ich bei Joomla gelandet. Ich war sofort von der einfachen Verwaltung fasziniert. Da ich das Standard-Theme jedoch zu langweilig fand, wurde es direkt mit dem Master-Template von Yootheme ersetzt.

Version 4

Auch wenn ich mit Joomla sehr zufrieden war, so stieß ich an die Grenzen der Standard-Artikel von Joomla und deren Flexibilität. Ich wollte ein System, das mehr wie SharePoint von Microsoft arbeitet – ein Content Construction Kit (CCK) war also gefragt. Yootheme bietet zwar Zoo an, dieses hat mir jedoch nicht gefallen. Ich wechselte also im nächsten Schritt mein Template zu Zenith von ThemeXpert und zu K2 als CCK.

Version 5

Derweil im 5. Semester angekommen habe ich einiges über HTML5, CSS, Javascript und weitere Web-Technlogien gelernt. Bei einem genaueren Blick unter die Motorhaube des Templates wurde mir schwindlig lauter Fehler. Als ich ein notwendiges Update machen wollte, musste ich feststellen, dass die Urheber selbst massive Probleme mit ihrer Website hatten. Zügig habe ich mich nach einem anderen Template umgesehen und bin bei meet_gavern von GavickPro gelandet.

Allerdings steht es noch aus die alten Beiträge aus WordPress zu konvertieren. Das heißt ich werde den Code noch auf HTML5 anpassen, die Bilder neu hochladen und richtig einbinden müssen. Ich habe mir vorgenommen ab dem 1.10.2013 jeden Tag einen Beitrag hochzuladen. Ich hoffe mal ich halte die Disziplin ein

Der Beitrag Die Entwicklung des Blogs seit 2008 erschien zuerst auf Maximilian Krieg.

Beim Einsatz des Templates meet_gavern von Gavick Pro, in Verwendung mit dem Content Creation Kit (CCK) K2, tritt das Problem auf, dass die Pagination, also die Seitennavigation, im Fußbereich der Tag-View horizontal dargestellt wird. In der User-View und Categorie-View sieht alles normal aus. Dieser Fehler tritt auch auf der Seite des Entwicklers von meet_gavern auf.

Lösung

Über den Browser-Inspektor (Rechtsklick ? Element untersuchen) kann man sehen, dass für die Pagination in der Tag-View folgende Stylesheet-Klasse festgelegt ist <ul class="pagination-list"> und in der Category-View <ul class="pager pagination-list">. Trägt man die Klasse pager ebenfalls ein, so ist der Fehler behoben.

Damit die fehlende Klasse als Style eingetragen wird, muss unter "../template/meet_gavern/html/com_k2/templates/default/tag.php" der letzte Abschnitt angepasst werden. In der Category-View wird nämlich ganz deutlich der fehlende Eintrag über eine String-Ersetzung nachgetragen.

Alt

<?php 
echo str_replace('</ul>', 
'<li class="counter">'.$this->pagination->getPagesCounter().'</li></ul>', 
$this->pagination->getPagesLinks());
?>

Neu

<?php
$pagination = str_replace('</ul>', 
'<li class="counter">'.$this->pagination->getPagesCounter().'</li></ul>',
$this->pagination->getPagesLinks());
echo str_replace('pagination-list', 'pager pagination-list', $pagination);
?>

Der Beitrag meet_gavern – Navigation in Tag-View ist nicht formatiert erschien zuerst auf Maximilian Krieg.