I-Nex system Information tool for Linux

Ciężko było zdecydować się na zmianę wyglądu strony, poprzedni motyw był w miarę przejrzysty i prosty. Jednak z kilku względów, zdecydowałem się zmienić go, na coś bardziej uniwersalnego i przyszłościowego pod względem możliwości rozbudowy.

Prawie każda strona domowa, jakiegokolwiek linuksowego projektu, wygląda prosto i spełnia zadanie informacyjne tj. Pobierz, Dokumentacja, Zgłoś błąd. Spełnia wszystkie wymagania dotyczące projektu. Wiele z tych stron, osobiście mi się bardzo podoba, nie raz już trafiłem na stronę projektu, która po prostu wyglądała niesamowicie. Ja miałem wrażenie, ze ze swoją lekko przesadziłem, była za szeroka, za ogromna, a program I-Nex, jest przecież małą aplikacją, a strona prezentowała się w sposób taki, jak by to był ósmy cud świata.

Zdecydowałem się wybrać jeden z dostępnych motywów dla WordPressa, bazujący na Bootstrap 3.x. Strona domowa I-Nex-a, wygląda teraz tak, jak powinna, prosta ze zwykłymi kolorowymi buttonami, rozwijanym menu, oknami modalnymi oraz boksami. Wiele stron ostatnio wykorzystuje bootstrapa jak i fontawesome, jest to świetne zestawienie dla przejrzystych stron internetowych.

Idąc głębiej, strony internetowe kiedyś były tylko tekstem, z czasem zaczęły być obrabiane w style oraz grafiki. Dziś, to chyba wszystko wraca, jakby do tego, co było kiedyś. Choćby ostatnie wydanie wordpressa, które wprowadziło odświeżony panel administratora, kanciasty z ciemnymi kolorami. Nie od parady więc jest powiedzenie

„Aby pójść dalej, czasem trzeba się cofnąć”.

Strona więc zmieniła wygląd, jeszcze czeka ją wiele przeróbek oraz napisanie długo oczekiwanej dokumentacji. Zastanawiam się nadal, niestety, w jaki sposób i za pomocą czego napisać tę dokumentację. Na obecną chwilę nie zdecydowałem się jeszcze, czy będzie jako podstrona czy tez jako osobna wiki w sub katalogu domeny.

Jedynym plusem, to forum oparte na skrypcie Vanilla, także z motywem na bazie bootstrap 3. Można by wybierać wiele skryptów, ale to vanilla posiada prostą integrację z wordpressem, jak i możliwość bezpośredniego osadzenia w stronie, jako system komentarzy wyglądający prawie tak samo jak disqus. Nie korzystam jednak z tych możliwości, potrzebne było forum, lekkie forum, a vanilla, jeszcze się zobaczy czy spełnia zamierzone zadanie.

To wszystko na dziś 🙂

Od początku istnienia strony domowej programu I-Nex, znajduje się na niej forum, od kilku dni jest ono osadzone w stronie za pomocą IFRAME i automatycznie dostosowuje się do szerokości i wysokości forum.

Forum jest napędzane skryptem Esotalk 1.0.0. Miałem wiele możliwości do wyboru, od phpbb3, czy też SMF, jednak wybór padł na esotalk, przez wzgląd na użytkowników, szybkość i lekkość skryptu.

Rozmiar skryptu mieści się w kilkuset kilobajtach i oferuje podstawowe funkcje jakie powinno mieć forum, a przy tym też ładnie wygląda.

Esotalk posiada opcję oznaczenia posta który rozwiązuje problem danego tematu. Użytkownik który zakłada temat, sam określa który post jest rozwiązaniem jego problemu. Po oznaczeniu, post automatycznie ląduje pod pierwszym postem jako rozwiązanie tematu.

W jaki sposób osadzić forum Esotalk w WordPress?

W katalogu wp-content/themes/nazwatwojegomotywu/page-templates, tworzymy plik o nazwie page-forum.php, o zawartości:

<?php
/*
Template Name: Forum
*/
get_header(); ?>
<div id=”forum”>
<script type=”text/javascript”>
function iframeLoaded() {
var iFrameID = document.getElementById(‚idIframe’);
if(iFrameID) {
// here you can make the height, I delete it first, then I make it again
iFrameID.height = „700px”;
iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + „px”;
}
}

</script>
<iframe id=”idIframe” onload=”iframeLoaded()” style=”width:100%;margin-top: +50px” scrolling=”no” src=”http://i-nex.linux.pl/forum/”></iframe>
</div>
<?php get_footer(); ?>

Po czym w panelu admina dodajemy stronę o nazwie jaką chcemy i ustawiamy szablon strony na page-forum.