Affinite.io CZ

,

Jak vložit fotografii do profilu uživatele ve WordPress

K dnešnímu článku mne inspiroval komentář, který se zde nedávno objevil. Protože jsem v tu chvíli neměl čas vymýšlet řešení, jak do profilu uživatele přidat možnost vložit fotografii, doporučil jsem plugin. Vzhledem k tomu, že nejsem příznivcem bezhlavého používání pluginů, ukáži vám v tomto návodu,…

Affinite
Affinite Senior Lead, Affinite
2 minuty čtení
Obsah článku

K dnešnímu článku mne inspiroval komentář, který se zde nedávno objevil. Protože jsem v tu chvíli neměl čas vymýšlet řešení, jak do profilu uživatele přidat možnost vložit fotografii, doporučil jsem plugin. Vzhledem k tomu, že nejsem příznivcem bezhlavého používání pluginů, ukáži vám v tomto návodu, jak vložit do profilu pole pro url adresu fotografie uživatele. 

První věc, kterou musíme udělat, je nahrát fotografii na web a znát její url. Pokud budete nahrávat fotografii větší, než je velikost, v které se bude zobrazovat, nezapomeňte ji pomocí stylů zmenšit. Nyní již k samotné úpravě.

Otevřeme si soubor functions.php a do něj vložíme následující kód:

add_action( 'show_user_profile', 'my_photo_fields' );
add_action( 'edit_user_profile', 'my_photo_fields' );

function my_photo_fields( $user ) { ?>






<img src="ID ) ); ?>" width="80" />





<input type="text" name="pic" id="pic" value="
ID ) ); ?>" class="regular-text" />
Insert url your image





<?php }

V profilu uživatele se nám objeví pole pro url fotografie, po uložení se nám zobrazí vložené foto

Pro zobrazení profilu uživatele vložíme, nebo upravíme kód v single.php, či v content.php takto:




<img src=""
alt="" width="68" />










<a href=""
rel="author">
<?php printf( __( 'View all posts by %s →', 'twentytwelve' )
, get_the_author() ); ?>

Tato úprava je pro šablonu twentytwelve, kterou používám na testovacím webu a výsledek můžete vidět zde

Jak vidíte, úprava je jednoduchá a nemusíte kvůli tomu používat plugin.

7 komentářů: „Jak vložit fotografii do profilu uživatele ve WordPress“

  1. Dotaz avatar
    Dotaz

    Hloupý dotaz: kde najdu výše uvedené soubory? Zejména tedy functions.php. Ve které složce?

  2. Dotaz avatar
    Dotaz

    Beru zpět, nalezeno – složka wp-includes.

  3. Musilda avatar
    Musilda

    Jsou to soubory ve složce aktuální šablony wp-content/themet/twentytwelve, functions.php ve složce wp-includes je jádro WordPressu, tu neupravovat, při aktualizaci WordPressu se všechny úpravy smažou.

  4. Dotaz avatar
    Dotaz

    Warning: Cannot modify header information – headers already sent by (output started at /data/web/virtuals/46060/virtual/www/domains/xxxxxxxxxxxxxxx.cz/wp-content/themes/gridly/functions.php:205) in /data/web/virtuals/46060/virtual/www/domains/xxxxxxxxxxxxxxxxxxx.cz/wp-includes/pluggable.php on line 876

    Raději použiji plugin.

  5. Musilda avatar
    Musilda

    Toto by nemělo mít souvislost se samotnou funkcí, většinou se to stává, když je na začátku souboru prázdný znak.

  6. Saša Gr. avatar
    Saša Gr.

    a ten plugun je kerej? 😀

  7. Vojtěch Ž avatar
    Vojtěch Ž

    Zdravím,
    rád bych se zeptal, jestli by bylo možné upravit kód pro šablonu „blogcentral“. V administraci se nyní sice zobrazuje možnost přidání linku na avatar, ale po přidání a uložení se nic neděje, jako bych nikam nic nenahrál.
    Při vložení druhé části kódu do „content.php“ a „single.php“ se už celé stránky zobrazují buď bez textu, nebo vůbec.
    Děkuji