Joomla Tips und Tricks

Details: Kategorie: Technische Informationen; Veröffentlicht: 23. März 2015

Während dem Aufbau dieser Webseite bin ich mit den ein oder anderen kleineren bis größeren Joomla-spezifischen Problemen konfrontiert worden. Einen Teil der Problemlösungen habe ich in diesem Artikel niedergeschrieben.

Joomla Syntax Highlight

Um die Syntax des Quellcode entsprechend hervorzuheben verwende ich google-code-prettify.

Zuerst den Quellcode wie folgt einrahmen:

<pre class="prettyprint">
source code here
</pre>

und folgendes Java-Script in den Beitrag oder anderweitig einbinden:

<scriptsrc="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>

<scriptsrc="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>

without prettify

#include<stdio.h>
int main() {
	printf("Hello World\n");
	return 0;
}

with prettify

#include<stdio.h>
int main() {
	printf("Hello World\n");
	return 0;
}

Siehe auch: https://code.google.com/p/google-code-prettify/wiki/GettingStarted

Joomla Beitragsinfo Icons hinzufügen

Variante 1:

In templates/joomspirit_99/html/com_content/article/default.php die markierte Zeile zum bestehenden Block hinzufügen.

<?php if ($params->get('show_category')) : ?>
                <dd class="category-name">
                    <span class="icon-tags"></span>
                    <?php $title = $this->escape($this->item->category_title); ?>
...                    
<?php endif; ?>

In templates/joomspirit_99/css/template.css den markierten Eintrag zum bestehenden Block hinzufügen.

.icon-tags, .icon-calendar, .icon-remove, .icon-eye, [class*="icon-folder"] {
display: inline-block;
*display:inline;
*zoom:1;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
font-size:20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

und folgenden Block einfügen. Der Unicode: f02c steht für das FontAwesome Icon fa-tags.

.icon-tags:before {
content: "\f02c";
}

Variante 2:

In templates/joomspirit_99/html/com_content/article/default.php die markierte Zeile zum bestehenden Block hinzufügen aber nun direkt die FontAwesome Klasse ansprechen.

<?php if ($params->get('show_category')) : ?>
                <dd class="category-name">
                    <span class="fa fa-tags fa-2x"></span>
                    <?php $title = $this->escape($this->item->category_title); ?>
...                    
<?php endif; ?>

Variante 3:

Für einen Blog muss ein Override erstellt werden: http://forum.joomla.org/viewtopic.php?f=713&t=876127

Dazu wird die Datei category.php von layouts/joomla/content/info_block nach templates/joomspirit_99/html/layouts/joomla/content/info_block kopiert und entsprechend angepasst.

Joomla Modul in Beitrag laden

Die Position eines beliebigen Modules, welches im Beitrag geladen werden soll, auf einen (NICHT) vergebenen Namen setzen wie z.B. posX.

Dann in dem entsprechenden Beitrag diesen Befehl: "{loadpostion posX}" ohne Anführungszeichen direkt im Editor (NICHT) im Sourcecode-Fenster eingeben. An dieser Stelle wird dann anstelle des Textes das Modul geladen.

Joomla Artikel anzeigen ohne Menu-Link

You can view an article without creating a menu link with the following URL:

your-domain-name/index.php?option=com_content&view=article&id=xx

where xx is the id of the article.