wp 5 trików i porad

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

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

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

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 WordPress – 5 trików i porad dla programistów

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

Partner technologiczny

Najnowsze komentarze

Robert

początkujący

Tom

awprojekt

Temat