ŽÁDÁM SI NÁPADY K FRAMEWORKU. DĚKUJI.

Je to pár týdnů, co jsem publikovala poslední příspěvek. Ne, na vavřínech jsem ještě neusnula. Věnuji se časově docela náročným věcem. Ale mám v plánu více psát na blog. A tak bych se s Vámi ráda podělila o novinky.

Skloubit zájmy a práci není v mém případě jednoduché. Dělám na recepci 14 hodin v tahu, a pak přijdu domů a jdu spát. Když však mám chvilku čas, věnuji ji WordPressu, a v neposlední řadě práci na své WordPress šabloně, Lype frameworku. Bude to naprosto univerzální šablona. Půjde s ní nastavit snad úplně vše, na co si jen vzpomenete. Dala jsem si jeden cíl.

Aby s ní šlo postavit web do hodiny. Ano, slyšíte správně. A není to vůbec snadné. Ale pokroky jsou. Minulý týden jsem měla nějaké to volno, a nakódovala jsem toho daleko více, než za poslední rok. Minimálně framework umí měnit barvy, a bude umět měnit barvy i u přichystaných elementů, jako jsou widgety s referencemi zákazníků, widgety se členy týdnů, a tak dále a tak dále. Bude daleko víc přizpůsobitelnější než je MioWeb.

Dostala jsem možnost si MioWeb vyzkoušet, není špatný, ale já osobně bych některé věci udělala jinak. Možná jednodušeji, možná bych něco umazala… Ale o tom dnešní příspěvek není.

Budu velice ráda, pokud mi napíšete, co Vám třeba ve Vaší šabloně pro WP chybí. Teď hlavně potřebuju vazbu od budoucích uživatelů, pro které to všechno dělám. Budu se těšit na zpětnou vazbu od Vás, aby byl Lype co možná nejlepší.

 

Jak vyčistit menu od zbytečných tříd a identifikátorů?

Milí čtenáři,
dnes jsem si pro Vás připravila kraťounký návod na úpravu menu na Vašich webových stránkách postavených na skvělém redakčním systému WordPress. Zdrojový kód jsem našla na webu http://wordpress.stackexchange.com/questions/12784/wp-nav-menu-remove-class-and-id-from-li, a nyní bych jej chtěla zprostředkovat pro české uživatele WordPressu.

Na úvod se zeptám:

Proč vůbec odebírat třídy a identifikátory menu?

Především jde o to, že ve výchozím zdrojovém kódu menu se nachází spousta tříd. Jen si ho prohlédněte:

puvodni-kod-menu-min

Zaměřte svou pozornost především na elementy li, kde jsou následující třídy: menu-item, menu-item-post_type, menu-item-object-page a menu-item-118. Z těchto všech tříd bych v nejnutnějším případu ponechala tu poslední, ovšem k tomu není důvod, když je pro tento element použitý identifikátor menu-item-{číslo položky menu}. Z toho důvodu považuji za vhodné zbavit se uvedených tříd.

Co budeme potřebovat?

Postačí jakýkoliv libovolný textový editor – já používám Atom, v němž mám nainstalovaný modul, který mi našeptává jednotlivé funkce pro WordPress, dále pak soubor functions.php, a v neposlední řadě onen opěvovaný zdrojový kód, který nám zajistí požadovanou funkcionalitu.  Otevřete složku se šablonou, vyhledejte soubor functions.php, a do něj zkopírujte celý tento zdrojový kód.


add_filter('nav_menu_item_id', 'clear_nav_menu_item_id', 10, 3);

function clear_nav_menu_item_id($id, $item, $args) {

return „“;

}

 

add_filter(‚nav_menu_css_class‘, ‚clear_nav_menu_item_class‘, 10, 3);

function clear_nav_menu_item_class($classes, $item, $args) {

return array();

}

 

Následně soubor uložte. K souboru functions.php můžete přistupovat i z Vaši WordPress administrace přímo na webu. Toto je možná lepší řešení pro ty uživatele, kteří neumí pracovat s FTP klientem. Takže si otevřete Vaší administraci -> Vzhled -> Šablony -> Editor. V menu vpravo vyberte soubor Functions, vizte na následujícím obrázku:

nahled-upravy-kodu-ve-wp-min

Do textového pole úplně nakonec vložte uvedený kus kódu, a soubor uložte.

To je celé.

Doufám, že se Vám článek líbil, a přeji hezkou neděli.

Jak vložit do hlavičky webu tagy open graph protokolu?

Předtím než se pustíme do samotné integrace Facebooku na web, je nezbytné dostat do hlavičky meta tagy s open graph protokolem. Na to stačí do souboru functions.php v šabloně vložit jednoduchou funkci, a sice:


//Adding the Open Graph in the Language Attributes
function add_opengraph_doctype( $output ) {
		return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
	}
add_filter('language_attributes', 'add_opengraph_doctype');
//Lets add Open Graph Meta Info

function insert_fb_in_head() {
	global $post;
	if ( !is_singular()) //if it is not a post or a page
		return;
        echo '<meta property="fb:admins" content="YOUR USER ID"/>';
        echo '<meta property="og:title" content="' . get_the_title() . '"/>';
        echo '<meta property="og:type" content="article"/>';
        echo '<meta property="og:url" content="' . get_permalink() . '"/>';
        echo '<meta property="og:site_name" content="Your Site NAME Goes HERE"/>';
	if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
		$default_image="http://example.com/image.jpg"; //replace this with a default image on your server or an image in your media library
		echo '<meta property="og:image" content="' . $default_image . '"/>';
	}
	else{
		$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
		echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
	}
	echo "
";
}
add_action( 'wp_head', 'insert_fb_in_head', 5 );

Tento kus kódu je přejatý z webu http://www.wpbeginner.com/wp-themes/how-to-add-facebook-open-graph-meta-data-in-wordpress-themes/, aby mohl být k dispozici i českým uživatelům skvělého redakčního systému WordPress!

Vzniká lype theme

Milí čtenáři,

v dnešním příspěvku bych Vám ráda oznámila, že ode dneška budu svoje nové šablony publikovat pod svoji osobní značkou Lype theme. Ly jako Lýdie a pe jako Pehalová. K nahlédnutí je též i hotové logo, které jsem vytvořila pro svoje šablony.

lype-logo2