{"id":698,"date":"2013-06-26T18:08:45","date_gmt":"2013-06-26T18:08:45","guid":{"rendered":"http:\/\/musilda.cz\/?p=698"},"modified":"2013-06-26T18:08:45","modified_gmt":"2013-06-26T18:08:45","slug":"jak-vlozit-fotografii-do-profilu-uzivatele-ve-wordpress","status":"publish","type":"post","link":"https:\/\/affinite.io\/cs\/jak-vlozit-fotografii-do-profilu-uzivatele-ve-wordpress\/","title":{"rendered":"Jak vlo\u017eit fotografii do profilu u\u017eivatele ve WordPress"},"content":{"rendered":"<p>K dne\u0161n\u00edmu \u010dl\u00e1nku mne inspiroval koment\u00e1\u0159, kter\u00fd se zde ned\u00e1vno objevil. Proto\u017ee jsem v tu chv\u00edli nem\u011bl \u010das vym\u00fd\u0161let \u0159e\u0161en\u00ed, jak do profilu u\u017eivatele p\u0159idat mo\u017enost vlo\u017eit fotografii, doporu\u010dil jsem plugin. Vzhledem k tomu, \u017ee nejsem p\u0159\u00edznivcem bezhlav\u00e9ho pou\u017e\u00edv\u00e1n\u00ed plugin\u016f, uk\u00e1\u017ei v\u00e1m v tomto n\u00e1vodu, jak vlo\u017eit do profilu pole pro url adresu fotografie u\u017eivatele.\u00a0<!--more--><\/p>\n<p>Prvn\u00ed v\u011bc, kterou mus\u00edme ud\u011blat, je nahr\u00e1t fotografii na web a zn\u00e1t jej\u00ed url. Pokud budete nahr\u00e1vat fotografii v\u011bt\u0161\u00ed, ne\u017e je velikost, v kter\u00e9 se bude zobrazovat, nezapome\u0148te ji pomoc\u00ed styl\u016f zmen\u0161it. Nyn\u00ed ji\u017e k samotn\u00e9 \u00faprav\u011b.<\/p>\n<p>Otev\u0159eme si soubor functions.php a do n\u011bj vlo\u017e\u00edme n\u00e1sleduj\u00edc\u00ed k\u00f3d:<\/p>\n<pre lang=\"php\">\nadd_action( 'show_user_profile', 'my_photo_fields' );\nadd_action( 'edit_user_profile', 'my_photo_fields' );\n\nfunction my_photo_fields( $user ) { ?&gt;\n<table class=\"form-table\">\n<tr>\n<th><label for=\"pic\">Profile Image<\/label><\/th>\n<td>\n&lt;img src=&quot;ID ) ); ?&gt;\" width=\"80\" \/&gt;\n<\/td>\n<tr>\n<th><\/th>\n<td>\n&lt;input type=&quot;text&quot; name=&quot;pic&quot; id=&quot;pic&quot; value=&quot;\nID ) ); ?&gt;\" class=\"regular-text\" \/&gt;\n<span class=\"description\">Insert url your image<\/span>\n<\/td>\n<\/tr>\n<\/table>\n&lt;?php }\n<\/pre>\n<p>V profilu u\u017eivatele se n\u00e1m objev\u00ed pole pro url fotografie, po ulo\u017een\u00ed se n\u00e1m zobraz\u00ed vlo\u017een\u00e9 foto<br \/>\n<a href=\"http:\/\/musilda.cz\/wp-content\/uploads\/2013\/06\/Profil.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/musilda.cz\/wp-content\/uploads\/2013\/06\/Profil.png\" alt=\"\" title=\"Profil\" width=\"688\" height=\"225\" class=\"alignnone size-full wp-image-699\" srcset=\"https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2013\/06\/Profil.png 688w, https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2013\/06\/Profil-300x98.png 300w\" sizes=\"auto, (max-width: 688px) 100vw, 688px\" \/><\/a><\/p>\n<p>Pro zobrazen\u00ed profilu u\u017eivatele vlo\u017e\u00edme, nebo uprav\u00edme k\u00f3d v single.php, \u010di v content.php takto:<\/p>\n<pre lang=\"php\">\n<div class=\"author-info\">\n<div class=\"author-avatar\">\n&lt;img src=&quot;\"\nalt=\"\" width=\"68\" \/&gt;\n<\/div><!-- .author-avatar -->\n<div class=\"author-description\">\n<h2><\/h2>\n<p><\/p>\n<div class=\"author-link\">\n&lt;a href=&quot;\"\nrel=\"author\"&gt;\n&lt;?php printf( __( &#039;View all posts by %s <span class=\"meta-nav\">&rarr;<\/span>', 'twentytwelve' )\n, get_the_author() ); ?&gt;\n<\/a>\n<\/div><!-- .author-link\t-->\n<\/div><!-- .author-description -->\n<\/div><!-- .author-info -->\n<\/pre>\n<p>Tato \u00faprava je pro \u0161ablonu twentytwelve, kterou pou\u017e\u00edv\u00e1m na testovac\u00edm webu a v\u00fdsledek m\u016f\u017eete vid\u011bt <a href=\"http:\/\/www.novy.8u.cz\/readability-test\/\" target=\"_blank\" rel=\"noopener\">zde<\/a><\/p>\n<p>Jak vid\u00edte, \u00faprava je jednoduch\u00e1 a nemus\u00edte kv\u016fli tomu pou\u017e\u00edvat plugin.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>K dne\u0161n\u00edmu \u010dl\u00e1nku mne inspiroval koment\u00e1\u0159, kter\u00fd se zde ned\u00e1vno objevil. Proto\u017ee jsem v tu chv\u00edli nem\u011bl \u010das vym\u00fd\u0161let \u0159e\u0161en\u00ed, jak do profilu u\u017eivatele p\u0159idat mo\u017enost vlo\u017eit fotografii, doporu\u010dil jsem plugin. Vzhledem k tomu, \u017ee nejsem p\u0159\u00edznivcem bezhlav\u00e9ho pou\u017e\u00edv\u00e1n\u00ed plugin\u016f, uk\u00e1\u017ei v\u00e1m v tomto n\u00e1vodu, jak vlo\u017eit do profilu pole pro url adresu fotografie u\u017eivatele.\u00a0<\/p>\n","protected":false},"author":1,"featured_media":8624,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[12,30],"tags":[146],"class_list":["post-698","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-navody","category-wordpress","tag-foto-uzivatele-wordpress"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2013\/07\/wordpress-tutorial-musilda.png",1200,800,false],"thumbnail":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2013\/07\/wordpress-tutorial-musilda-150x150.png",150,150,true],"medium":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2013\/07\/wordpress-tutorial-musilda-300x200.png",300,200,true],"medium_large":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2013\/07\/wordpress-tutorial-musilda-768x512.png",640,427,true],"large":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2013\/07\/wordpress-tutorial-musilda-1024x683.png",640,427,true],"1536x1536":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2013\/07\/wordpress-tutorial-musilda.png",1200,800,false],"2048x2048":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2013\/07\/wordpress-tutorial-musilda.png",1200,800,false],"archive-list":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2013\/07\/wordpress-tutorial-musilda-400x265.png",400,265,true]},"uagb_author_info":{"display_name":"Affinite","author_link":"https:\/\/affinite.io\/cs\/author\/affinite\/"},"uagb_comment_info":7,"uagb_excerpt":"K dne\u0161n\u00edmu \u010dl\u00e1nku mne inspiroval koment\u00e1\u0159, kter\u00fd se zde ned\u00e1vno objevil. Proto\u017ee jsem v tu chv\u00edli nem\u011bl \u010das vym\u00fd\u0161let \u0159e\u0161en\u00ed, jak do profilu u\u017eivatele p\u0159idat mo\u017enost vlo\u017eit fotografii, doporu\u010dil jsem plugin. Vzhledem k tomu, \u017ee nejsem p\u0159\u00edznivcem bezhlav\u00e9ho pou\u017e\u00edv\u00e1n\u00ed plugin\u016f, uk\u00e1\u017ei v\u00e1m v tomto n\u00e1vodu, jak vlo\u017eit do profilu pole pro url adresu fotografie u\u017eivatele.\u00a0","_links":{"self":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/comments?post=698"}],"version-history":[{"count":0,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/698\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media\/8624"}],"wp:attachment":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media?parent=698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/categories?post=698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/tags?post=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}