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!

Jak vytvořit polygonální pozadí na webu?

Co si pod pojmem polygonální pozadí máte vlastně vůbec představit? Je to pozadí, které sestává zejména z různě uspořádaných trojúhelníků. Je to jeden z trendů poslední doby, co se designu týče. Vypadá to přibližně jako na obrázku v hlavičce na mém webu, ale existují různé varianty tohoto typu pozadí, jako například v hlavičce na mém webu.

Toto pozadí jsem vytvořila s pomocí jednoduchého generátoru tohoto typu pozadí. Jde o web https://qrohlf.com/trianglify-generator/

Jak přidat kategorie k obrázkům?

Na úvod je třeba podotknout, že touto funkcionalitou ve výchozím nastavení nedisponuje. Není to tak dávno, co se mi ozval známý s dotazem, zda vím, jakým způsobem přidat kategorie k obrázkům. Vím to. Shodou náhod jsem něco podobného potřebovala na web pro jiného známého. Po úmorných třech hodinách hledání mezi pluginy jsem našla výbornou záležitost s názvem Tags for Media Library.

Kde získat ikonky pro web zdarma?

V tomto článku Vám poradím tipy na pár zdrojů, z kterých můžete získat ikonky pro Váš web, a použít je zdarma. Absolutně zdarma.

Prvním z takových zdrojů je web fontawesome.io. Je to jeden z mých nejoblíbenějších zdrojů, protože použití ikonek na web je opravdu jednoduchá. Navíc dobrá zpráva pro ty uživatele, kteří používají redakční systém WordPress. Existuje několik pluginů, s nimiž vložíte ikony na web velmi jednoduše. Pluginy je samozřejmě potřeba nejprve nainstalovat. Jděte z nástěnky na položku menu Pluginy -> Instalace pluginů. Tak se dostanete do tzv. repozitáře pluginů, což není nic jiného než seznam existujících pluginů pro WordPress.

Mým oblíbeným pluginem je plugin s názvem Surbma Fotnt Awesome. Vyhledáme si jej tedy ve vyhledávacím formuláři, a nainstalujeme si jej. Následně si vybereme ikonu, jakou chceme vložit do článku, do menu atp.