Custom Theme functions.php – Using add_settings_field and input type=”file” to set custom logo

The examples you’ve seen are out of date. From WordPress 4.5, released in 2016, the proper way to support a custom logo was to register support for the Custom Logo feature in your theme.

That link has the full documentation, but the short version is that you use this code to enable the standard logo field in the Customiser:

add_theme_support( 'custom-logo' );

Then you can output the selected logo in the theme with:

the_custom_logo();

In the modern Block themes no code is necessary; the user can add their logo by using the Site Logo block.

Related Posts:

  1. How wordpress handle upload images and how to use them in the code
  2. WordPress Media Uploader in page template (On Front-end)
  3. Can I get the ID of an inserted / linked image?
  4. Changing Header Image Every N Minutes/Seconds
  5. Theme logo metadata into template file
  6. WordPress creating images if uploaded image is greater than 960px on one side?
  7. How to add cropped custom header image?
  8. Can’t upload images on new theme
  9. WordPress Theme Preview Image
  10. The the_post_thumbnail without srcset?
  11. Get the first image from post content (eg.: hotlinked images)
  12. How to modify an image block in Gutenberg WordPress 5?
  13. Edit srcset and sizes attributes in Gutenberg image, cover and gallery – blocks
  14. Can I create customizer setting that can handle plugin shortcode?
  15. wp_get_attachment_image_attributes not working for me
  16. Specify image dimensions
  17. How to force Media manager to overwrite files of same name?
  18. How to get gallery images?
  19. Featured Image in 4.4 should be larger on mobile device
  20. How to use the responsive images feature from WP 4.4 in your themes
  21. Confused about image sizing business in WordPress
  22. Unexpected width and srcset attributes for the_post_thumbnail();
  23. How do I get gallery thumbnail URL and change the default thumbnail size?
  24. How can I stop WP media uploader from creating duplicates of my uploaded images?
  25. Responsive class to all the images in the content
  26. Featured Image Size
  27. Get attachments by user
  28. How to set dimensions of the post thumbnails (featured images)
  29. How to regenerate thumbnails when they’re stored on S3
  30. Cannot get full thumbnail size using the_post_thumbnail
  31. How can one update a theme on a live site without interruption?
  32. Adding wp_enqueue_media(); causes problem
  33. How to upload images using Settings API
  34. wp_get_attachment_image_src() width and height boolean
  35. How to float an image in Gutenberg
  36. Media Uploader in custom path
  37. Custom Field returning Numerical Value for Image rather than URL
  38. Why an arugment is missing in wp_get_attachment_image_attributes?
  39. Reasons why all thumbnail sizes aren’t working
  40. How to make a local cache of mshots images
  41. Customizer: Unique identifier that distinguishes which image upload control is uploading an image
  42. How do I Add images uploaded in the post to a default custom field
  43. attachment.php code or tutorial
  44. Change “Thumbnail”, “Medium” and “Large” image sizes using functions.php?
  45. image url relative path not working in css file
  46. Unable to check if image uploaded by wp_image_editor exists using file_exists function
  47. Default image size not working
  48. How can i attach the attachment-ID to the user profile image?
  49. How do I include pre-installed images in a theme?
  50. Add attachment for all images in post
  51. Do not display post images on front page
  52. What is the meaning of WordPress’s recommended css classes and where are they applied?
  53. Gallery thumbnails very small
  54. Custom image size vs CSS sizing
  55. Getting Different Size Of Attachment Images
  56. Can I add an icon & function to the “Upload/Insert” toolbar at the top of the content editor?
  57. In creating a theme, how can i allow a user to change an image outside post/page content?
  58. Change Responsive Images Maximum Width of 1600px
  59. Set a featured image as a replacement to the header image
  60. How to show a manageable list of images on a post?
  61. Change image size depending on page
  62. How to disable thumbnail filter for a specific template part or image size?
  63. Theme Customizer not displaying saved values in wp_head (CSS)
  64. How to obfuscate theme directory URLs
  65. Are seven additional image sizes are too many?
  66. Remove link on full-size images
  67. How do I provide for multiple crops of the same image in a theme?
  68. how to retrieve the image title for image Post Format
  69. How to fix WordPress images not showing up in local hosted XAMPP server?
  70. Change Image Sizes for Mobile Theme
  71. HTTP Error when uploading images over specific dimensions
  72. Stop WordPress from showing images on non post pages
  73. How to make excerpt image be full size instead of thumbnail?
  74. Is there a way to serve different resolution images to different devices?
  75. How can I scale down the width of images in bulk that are embedded in posts throughout the site?
  76. Add image URL automatically to custom field?
  77. How can I remove image taxonomy pages from my theme and from Google?
  78. Dynamic Image Links Depending on Excerpt/’Single Post’ View
  79. Designing a custom archive.php inspired by the Autofocus theme
  80. ACF get_sub_field ALT TAG in the repeater doesn’t show
  81. WordPress Animation Adjustments
  82. theme directory fallback image outputs url and not the image
  83. Post Featured Image Custom Sizing?
  84. Image cropping isn’t working correctly when using Offload Media
  85. How to add an image to a theme page template in code?
  86. How do I remove header/page-title image in farvis theme? [closed]
  87. Responsive Images with art direction
  88. WordPress uploads do not show up and I see the white screen of death in some cases
  89. Customizer Image-Picker Preview Not Working
  90. Correct was to customise theme using get_theme_mod in scripts
  91. Change header image on a particular page
  92. Uncaught Reference error in Retina.js
  93. Images use & location, on new wordpress theme
  94. Save the outputted image into the Media Library, with a different filename and extension
  95. Create image with imagepng() (fails at header)
  96. Custom image size doesn’t work
  97. Retina ready for uploaded images which are cropped
  98. Add rel to all images in a post
  99. Isotope overlapping .items because of featured images – HELP! [closed]
  100. I want to resize post featured image without cropping image. How?