CMS – Strona 2 – webroad.pl

Joomla! 3.x – witryna wielojęzyczna

2 maja 2015 / Michał Kortas

Dzisiejszy wpis poświęcę na to, aby pokazać Ci, w jaki sposób w kilku prostych krokach dodać do witryny opartej o Joomla! 3.x drugi język. W moim przypadku posiadam już stronę z polskimi tekstami ale zaszła potrzeba dodania ich wersji angielskiej. Co najważniejsze, nie użyjemy do tego żadnych dodatków firm trzecich.

Przykład działania opisywanego przykładu możesz podejrzeć na poniższym wideo:

Włącz dodatki językowe

Na początek musisz przejść do zakładki Rozszerzenia > Dodatki.

Na liście dodatków upewnij się, że są włączone poniższe opcje:

Dodaj potrzebne języki do strony

Przejdź do zakładki Rozszerzenia > Języki, a w niej po lewej stronie wybierz opcję Języki treści.

Za pomocą przycisku Utwórz możesz dodać kolejne języki do Joomla! CMS. Mi potrzebne będą: polski (główny) oraz angielski.

Utwórz obcojęzyczne wersje artykułów

Wersje polskie już posiadałem. Wystarczyło przetłumaczyć je na angielski, zapisać je jako kopie z przypisaniem do odpowiedniego języka. Dla artykułów polskich też przypisz rodzimy język. Dla przykładu artykuł (wersja angielska) wyświetlający stronę główną posiadać będzie następujące dane:

Przypisanie artykułu do języka

Nadpisanie tekstu tłumaczeniem

Utwórz nowe menu dla języków

Utwórz nowe menu dla obu języków i przypisz do nich nowe moduły. Do każdego z nich przypisz odpowiedni język.

Dodaj pozycje w nowych menu

Uzupełnij swoje menu odpowiednimi pozycjami – angielskimi i polskimi.

Dla pozycji głównych w każdym menu ustal Domyślne. Dzięki temu menu będzie właściwie wyświetlało artykuły.
Zobaczysz też odpowiednie flagi w zapleczu strony.

Dodaj moduł „Przełącznik języków”

Przejdź do zakładki Rozszerzenia > Moduły.

Utwórz nowy moduł o nazwie Przełącznik języka i umieść go na wybranej pozycji.

Poniżej ustawienia, które nadałem u siebie:

Dzięki temu na stronie pojawią się odpowiednie ikony, których kliknięcia będą równoznaczne z przełączaniem wersji językowej Twojej witryny.

Tagi: języki • joomla

WordPress 4.0 Beta 4 – co czeka nas pod koniec miesiąca?

19 sierpnia 2014 / Michał Załęcki

Już niedługo, bo wszystko wskazuje, że ok. 27 sierpnia, ukaże się nowe wydanie najpopularniejszej platformy (nie tylko) blogowej. WordPress 4.0 wkroczył w fazę finalnej bety, którą od finalnego wydania dzieli już release candidate (więcej szczegółów odnośnie cyklu wydawniczego). Kod został zmieniony setki razy mimo to WordPress 4.0 nie przynosi rewolucyjnych zmian. Po przetestowaniu własnych wtyczek i motywów doszedłem do przyjemnego wniosku – wszystko działa. Poza poprawkami różnorakich błędów znacznie poszerzono panel administracyjny o nowe funkcjonalności.

TinyMCE

Możemy teraz w edytorze podglądnąć osadzoną treść np. film z portalu YouTube czy odtworzyć przesłany film. Poprawiony został również widok podglądu galerii i wybór koloru.

Nowy wygląd biblioteki mediów

Biblioteka mediów zyskała dodatkowy układ w postaci siatki. Bo wybraniu danego elementu z listy otwiera się okno, które pozwala na wygodną, szybkę edycję.

Wybór języka podczas instalacji

Słynny pięciominutowy (w praktyce maksymalnie dwuminutowy) proces instalacji został wzbogacony o wybór języka na poziomie instalatora. Do tej pory, pobieraliśmy osobną paczkę z WordPressem w interesującym nas języku.

Usprawniony Customizer

Zmiany nie ominęły Customizera. Poza odświeżonym wyglądem otrzymał też dodatkowy panel z widgetami.

Odświeżony panel instalacji wtyczek

Panel instalacji wtyczek został znacznie odmieniony. Podobnie jak w bibliotece mediów, wtyczki są prezentowane w układzie siatki.

Podsumowanie

Developerzy cały czas pracują nad nad nowym wydaniem. Jeżeli znalazłeś buga (nie mylić z feature) podziel się tą informacją ze społecznością na przeznaczonym do tego forum. WordPress 4.0 możesz pobrać tutaj, albo skorzystać z pluginu WordPress Beta Tester.

Tagi: cms • PHP • WordPress

ContiqCMS – nowy polski system zarządzania treścią

25 kwietnia 2014 / Marcin Jagielnicki

Witajcie! Chciałbym przedstawić Wam, drodzy czytelnicy Webroad.pl, mój autorski system zarządzania treścią. Continue reading ContiqCMS – nowy polski system zarządzania treścią

#2 WordPress – 5 trików i porad dla programistów

11 kwietnia 2014 / Michał Załęcki

WordPress – 5 trików i porad dla programistów to seria artykułów, w której pokazuje Tobie bardzo przydatne kawałki kodu gotowe od razu do zaimplementowania w twojej witrynie. Żeby jeszcze bardziej ułatwić Ci to zadanie cały kod jest możliwy do pobrania w formie pluginu.

1. Własne informacje kontaktowe

WordPress standardowo pozwala na dodanie paru informacji kontaktowych o danym użytkowniku w jego panelu. Email i strona WWW to jak na erę social media naprawdę niewiele. We wcześniejszych wersjach dostępne były jeszcze AIM, Yahoo i Jabber. Nie jest to problem, ponieważ w prosty sposób możemy dodać własne, dowolne pola.

function wptat_contactmethods( $user_contact ) {
	// Add Twitter
	if ( !isset( $user_contact['twitter'] ) )
		$user_contact['twitter'] = 'Twitter';

	// Add Twitter
	if ( !isset( $user_contact['facebook'] ) )
		$user_contact['facebook'] = 'Facebook';

	// Add Google+
	if ( !isset( $user_contact['gplus'] ) )
		$user_contact['gplus'] = 'Google+';

    return $user_contact;
}
add_filter( 'user_contactmethods', 'wptat_contactmethods', 10, 1 );

function wptat_contactmethods( $user_contact ) {

// Add Twitter

if ( !isset( $user_contact['twitter'] ) )

$user_contact['twitter'] = 'Twitter';

// Add Twitter

if ( !isset( $user_contact['facebook'] ) )

$user_contact['facebook'] = 'Facebook';

// Add Google+

if ( !isset( $user_contact['gplus'] ) )

$user_contact['gplus'] = 'Google+';

return $user_contact;

}

add_filter( 'user_contactmethods', 'wptat_contactmethods', 10, 1 );

2. Odnośnik i jego tytuł na stronie logowania

W pierwszym wpisie serii, przy okazji zmian na stronie logowania użytkownik DMati zasugerował pokazanie sposobu w jaki możemy edytować odnośnik i jego tytuł na stronie logowania.

function wptat_login_logo_url( $user_contact ) {
	return get_bloginfo( 'url' );
}
add_filter( 'login_headerurl', 'wptat_login_logo_url' );

function wptat_login_logo_url_title() {
    return get_bloginfo( 'name' );
}
add_filter( 'login_headertitle', 'wptat_login_logo_url_title' );

function wptat_login_logo_url( $user_contact ) {

return get_bloginfo( 'url' );

}

add_filter( 'login_headerurl', 'wptat_login_logo_url' );

function wptat_login_logo_url_title() {

return get_bloginfo( 'name' );

}

add_filter( 'login_headertitle', 'wptat_login_logo_url_title' );

3. „Sprytny” tytuł

Same pliki szablonowe powinny być jak najprostsze i nie powinny udawać kontrolera. Niby sprawa oczywista, a jednak nie trzeba długo szukać by trafić na motyw, w którym ktoś uznał, że złożone warunki w szablonie to właściwe rozwiązanie. Warto pamiętać, że możemy tworzyć też własne tagi szablonowe i dzięki temu zachować porządek w plikach szablonowych.

function wptat_the_title() {
	if ( is_single() )
		the_title( '<h1 class="post__title">', '</h1>' );
	else
		the_title( '<h1 class="post__title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h1>' );
}

function wptat_the_title() {

if ( is_single() )

the_title( '<h1 class="post__title">', '</h1>' );

else

the_title( '<h1 class="post__title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h1>' );

}

4. Własne klasy dla postu

Z klas generowanych przez funkcję post_class możemy się wiele dowiedzieć ( jego status, format, id itd.). Czasami jednak nasze style dla postu mogą wymagać specjalistycznych informacji tj. to czy post ma miniaturę. Mamy wtedy dwa wyjścia. Pierwsze, napaskudzimy if-ami w plikach szablonowych (wyjątkowo kiepski pomysł również ze względu na częste łamanie zasady DRY). Drugie, zrobimy to jak należy za pomocą odpowiedniego filtru w pliku functions.php.

function wptat_post_class( $classes ) {
    if ( has_post_thumbnail() )
    	$classes[] = 'has-thumbnail';
    else
    	$classes[] = 'no-thumbnail';
    return $classes;
}
add_filter('post_class', 'wptat_post_class');

function wptat_post_class( $classes ) {

if ( has_post_thumbnail() )

$classes[] = 'has-thumbnail';

else

$classes[] = 'no-thumbnail';

return $classes;

}

add_filter('post_class', 'wptat_post_class');

5. Własne klasy dla body

Innym tagiem generującym klasy jest body_class. Dostarcza on informacji m. in. o typie wyświetlanej strony i użytkowniku. Generowane klasy możemy edytować w podobny sposób.

function wptat_body_class( $classes ) {
	if ( is_multi_author() ) {
		$classes[] = 'multi-author-blog';
	}

	return $classes;
}
add_filter( 'body_class', 'wptat_body_class' );

function wptat_body_class( $classes ) {

if ( is_multi_author() ) {

$classes[] = 'multi-author-blog';

}

return $classes;

}

add_filter( 'body_class', 'wptat_body_class' );

Przydatne linki

Tagi: body_class • Facebook • Google+ • post_class • promowany • Twitter • WordPress • wp 5 trików i porad

#1 WordPress – 5 trików i porad dla programistów

21 marca 2014 / Michał Załęcki

WordPress – 5 trików i porad dla programistów to nowa seria artykułów, w której pokaże Tobie bardzo przydatne kawałki kodu gotowe od razu do zaimplementowania w twojej witrynie. Żeby jeszcze bardziej ułatwić Ci to zadanie (wiem, rozpieszczamy Was) cały kod jest możliwy do pobrania w formie pluginu.

1. Oczyszczenie nagłówka

Jeżeli jeszcze jesteś ze mną to w strzelam w ciemno, że zaglądałeś już do źródła kodu strony generowanej przez WordPress. Zauważyłeś coś dziwnego w nagłówku? Zaraz się tego pozbędziemy. Przeglądając motyw znajdziemy w miejscu niepożądanego kodu tylko wywołanie funkcji wp_head() pełni ona ważną rolę w motywie, więc nie możemy się jej od tak pozbyć. Możemy jednak wyrejestrować akcje odpowiedzialne za ten bałagan. Jeżeli potrzebujesz niektórych elementów zakomentuj odpowiednią linijkę kodu.

function wptat_clean_up_header() {
	remove_action( 'wp_head', 'feed_links_extra', 3 ); // Display the links to the extra feeds such as category feeds
	remove_action( 'wp_head', 'feed_links', 2 ); // Display the links to the general feeds: Post and Comment Feed
	remove_action( 'wp_head', 'rsd_link' ); // Display the link to the Really Simple Discovery service endpoint, EditURI link
	remove_action( 'wp_head', 'wlwmanifest_link' ); // Display the link to the Windows Live Writer manifest file.
	remove_action( 'wp_head', 'index_rel_link' ); // index link
	remove_action( 'wp_head', 'parent_post_rel_link', 10, 0 ); // prev link
	remove_action( 'wp_head', 'start_post_rel_link', 10, 0 ); // start link
	remove_action( 'wp_head', 'adjacent_posts_rel_link', 10, 0 ); // Display relational links for the posts adjacent to the current post.
	remove_action( 'wp_head', 'wp_generator' ); // Display the XHTML generator that is generated on the wp_head hook, WP version
}
add_action('init', 'wptat_clean_up_header');

function wptat_clean_up_header() {

remove_action( 'wp_head', 'feed_links_extra', 3 ); // Display the links to the extra feeds such as category feeds

remove_action( 'wp_head', 'feed_links', 2 ); // Display the links to the general feeds: Post and Comment Feed

remove_action( 'wp_head', 'rsd_link' ); // Display the link to the Really Simple Discovery service endpoint, EditURI link

remove_action( 'wp_head', 'wlwmanifest_link' ); // Display the link to the Windows Live Writer manifest file.

remove_action( 'wp_head', 'index_rel_link' ); // index link

remove_action( 'wp_head', 'parent_post_rel_link', 10, 0 ); // prev link

remove_action( 'wp_head', 'start_post_rel_link', 10, 0 ); // start link

remove_action( 'wp_head', 'adjacent_posts_rel_link', 10, 0 ); // Display relational links for the posts adjacent to the current post.

remove_action( 'wp_head', 'wp_generator' ); // Display the XHTML generator that is generated on the wp_head hook, WP version

}

add_action('init', 'wptat_clean_up_header');

2. Własne logo na stronie logowania

Jeżeli nie przypadło Ci do gustu oryginalne logo WordPress, lub chcesz po prostu spersonalizować stronę logowania w posty sposób możesz zmienić logo na własne.

function wptat_custom_login_logo() {
	echo '<style type="text/css">
	.login h1 a {
		/* 64x64 */
		background-image:url(' . plugins_url( 'img/login.png' , __DIR__ ) . ') !important;
	}
</style>';
}
add_action('login_head', 'wptat_custom_login_logo');

function wptat_custom_login_logo() {

echo '<style type="text/css">

.login h1 a {

/* 64x64 */

background-image:url(' . plugins_url( 'img/login.png' , __DIR__ ) . ') !important;

}

</style>';

}

add_action('login_head', 'wptat_custom_login_logo');

3. Wiadomość na stronie logowania.

WordPress umożliwia programiście dodanie własnej wiadomości na stronie logowania w równie posty sposób jak podmienienie loga.

function wptat_the_login_message( $message ) {
    if ( empty($message) ){
        return '<p class="message">' . __('Welcome to this site. Please log in to continue.', 'wp-tips-and-triks') . '</p>';
    } else {
        return $message;
    }
}
add_filter( 'login_message', 'wptat_the_login_message' );

function wptat_the_login_message( $message ) {

if ( empty($message) ){

return '<p class="message">' . __('Welcome to this site. Please log in to continue.', 'wp-tips-and-triks') . '</p>';

} else {

return $message;

}

add_filter( 'login_message', 'wptat_the_login_message' );

4. Zmiana długości wypisu.

Jeżeli wypis nie został dodany do wpisu zostanie on wygenerowany automatycznie. Domyślna długość wypisu w WordPressie wynosi 55 słów. Można tę wartość dopasować do swoich potrzeb wykorzystując odpowiedni filtr.

function wptat_excerpt_length( $length ) {
	return 20;
}
add_filter( 'excerpt_length', 'wptat_excerpt_length', 999 );

function wptat_excerpt_length( $length ) {

return 20;

}

add_filter( 'excerpt_length', 'wptat_excerpt_length', 999 );

5. Zmiana znaku kończącego wypis.

Jeżeli nie odpowiada Ci sposób w jaki WordPress kończy wypis możesz zmienić go na dowolny kod HTML.

function wptat_excerpt_more( $more ) {
	return '&hellip;';
}
add_filter( 'excerpt_more', 'wptat_excerpt_more' );

function wptat_excerpt_more( $more ) {

return '…';

}

add_filter( 'excerpt_more', 'wptat_excerpt_more' );

Przydatne linki

Tagi: cms • promowany • WordPress • wp 5 trików i porad • wp_head

WordPress 3.7 „Basie”. Co nowego?

2 listopada 2013 / Michał Załęcki

WordPress doczekał się wydania oznaczonego 3.7. Jakie nowości niesie ze sobą nowa wersja najpopularniejszego systemu CMS na świecie? Jak zwykle jest kilka zmian, ale wszystko po kolei.

Aktualizacja w tle

„Basie” przynosi aktualizacje w tle dla poprawek bezpieczeństwa i konserwacji.

Continue reading WordPress 3.7 „Basie”. Co nowego?

Joooid! – świetny mobilny klient Joomla! dla Androida

8 lipca 2013 / Michał Kortas

Kiedy tylko usłyszałem o Joooid!, od razu skradł moje serce. Link otrzymałem od znajomego i już po kilku sekundach postanowiłem przetestować działanie mobilnego klienta dla systemu Joomla! CMS. Niestety projektów takich w Joomla!’owym świecie jest jak na lekarstwo, dlatego pozostaje mieć nadzieję, że Joooid! będzie wspierany i rozwijany przez długi czas, ułatwiając wielu administratorom dostęp do swoich witryn gdziekolwiek się znajdują.

Continue reading Joooid! – świetny mobilny klient Joomla! dla Androida

Instalacja i podstawy użytkowania Kunena forum dla Joomla!

17 maja 2013 / Mr.Mr

Kunena jest bezpłatnym komponentem do Joomla, umożliwiającym zbudowanie w pełni funkcjonalnego forum internetowego. Jako platforma komunikacyjna Kunena jest w pełni zintegrowana z Joomla, działa po krótkim procesie instalacji.

Niniejszy poradnik pisany jest z myślą o osobach, które miały już styczność z Joomla! i potrafią się nią posługiwać w podstawowym zakresie.

Continue reading Instalacja i podstawy użytkowania Kunena forum dla Joomla!

Akeeba Backup w Joomla! 3 – przenieś swoją witrynę

27 kwietnia 2013 / Michał Kortas

Narzędzie, jakim jest Akeeba Backup, zostało w zamyśle przygotowane po to, aby zabezpieczyć witrynę opartą na systemie Joomla! przed jej utratą. Tak jest i do teraz, jednak wiele osób przekonało się, że można je wykorzystać w inny sposób, a mianowicie do przenoszenia naszej witryny na inny serwer (lub do innej lokalizacji). Oczywiście cały proces przenoszenia witryny możemy przeprowadzić ręcznie, jednak musimy przy tym pamiętać o zmianie kilkunastu parametrów, którymi nie musimy się martwić, kiedy skorzystamy właśnie z pomocy Akeeba Backup.

Continue reading Akeeba Backup w Joomla! 3 – przenieś swoją witrynę

Blank Template dla Joomla! 2.5 i 3.0 – Twój szablon startowy

28 marca 2013 / Michał Kortas

Większość witryn internetowych, które mam okazję tworzyć na co dzień, posiadają zaplecze administracyjne w postaci Joomla! CMS. Chcąc nie chcąc, dla każdorazowej, nowej strony muszę stworzyć nowy szablon, który ów system będzie wykorzystywał. Nie ma sensu za każdym razem przepisywać powtarzających się linijek, dlatego na dysku mam przygotowane pliki startowe dla Joomla! 2.5 oraz 3.0. Dzisiaj chciałbym się podzielić z Wami moimi zasobami, od których zawsze zaczynam.

Continue reading Blank Template dla Joomla! 2.5 i 3.0 – Twój szablon startowy

Włącz dodatki językowe

Dodaj potrzebne języki do strony

Utwórz obcojęzyczne wersje artykułów

Przypisanie artykułu do języka

Nadpisanie tekstu tłumaczeniem

Utwórz nowe menu dla języków

Dodaj pozycje w nowych menu

Dodaj moduł „Przełącznik języków”

TinyMCE

Nowy wygląd biblioteki mediów

Wybór języka podczas instalacji

Usprawniony Customizer

Odświeżony panel instalacji wtyczek

Podsumowanie

1. Własne informacje kontaktowe

2. Odnośnik i jego tytuł na stronie logowania

3. „Sprytny” tytuł

4. Własne klasy dla postu

5. Własne klasy dla body

Przydatne linki

1. Oczyszczenie nagłówka

2. Własne logo na stronie logowania

3. Wiadomość na stronie logowania.

4. Zmiana długości wypisu.

5. Zmiana znaku kończącego wypis.

Przydatne linki

Aktualizacja w tle

Partner technologiczny

Najnowsze komentarze

Robert

początkujący

Tom

awprojekt

Temat