Make Favicon Editable in the Kirby Panel

Kirby 2 Solved ✅
1

Hello, Hello i have a Question i have a Favicon Markup

<link rel="shortcut icon" href="assets/favicon.png" >

and i would like to make the favicon editable in the Kirby Panel, can i do id whit <?php echo $site->favicon()->kirbytext() ?> or something like that?. Hope you can Help me :slight_smile:

Simon

2

You can create an image field in your site.yml blueprint, let’s call it favicon:

favicon:
  type: image
  label: favicon

Then in your code use:

<link rel="shortcut icon" href="<?= $site->image($site->favicon())->url() ?>" >

Note: there is no check to see if the favicon exists in the code I shared. You may want to add that. See @lukasbestle’s post below if you want to find out how: Make Favicon Editable in the Kirby Panel

3

Thats the error Message that i god Parse error: syntax error, unexpected '" > ' (T_CONSTANT_ENCAPSED_STRING), expecting ',' or ';' in C:\xampp\htdocs\ceevee\site\templates\default.php on line 24

and this is my Blueprint Example

favicon:
      label: Favicon
      type: image

and so looks it in the Editor

c39ed8a035c04b6aa73d24ef53322968.png803×328 4.17 KB

the default.css have a another color, like the other one’s, maybe there is a problem whit the default.css?

4

Yes, basically, but the CSS file itself is not the issue. What you see there is strange syntax highlighting because the PHP code wasn’t closed:

<link rel="shortcut icon" href="<?= $site->image($site->favicon())->url() ?>">

If you compare the <link color of the shortcut icon with the ones of the CSS files, you see that they are different as well. That helps finding the issue.

5

Now i have Just a whit site. and i can see any changes in the site Blueprint

Here’s The Full Example

title: Site
files: true
pages: false
fields:
  title:
    label: Title
    type:  text
  copyright:
      label: Copyright
      type:  text
      icon: copyright
  favicon:
      label: Favicon
      type: image
6

The blueprint is fine. But have you actually selected an image for the favicon in the Panel?

BTW: You should probably use this code, however that shouldn’t change anything with the white page issue:

<link rel="icon" href="<?= $site->image($site->favicon())->url() ?>" type="image/png">
7

i have upload the favicon.png File

8

…and have you selected it in the Panel?

9

i’m so… i was in The wrong site :sweat:. now it works Correctly, but if i dont select a favicon, the site is white

10

Yep, that’s what @Thiousi wrote above. The code doesn’t check if the file actually exists.
You can use the following code to do that:

<?php if($favicon = $site->favicon()->toFile()): ?>
  <link rel="icon" href="<?= $favicon->url() ?>" type="image/png">
<?php endif ?>
11

Okay, Thanks a lot @lukasbestle and @Thiousi

12

I forgot to close the tag sorry…
I updated my original post.