dlang / D-Blog-Theme

WordPress theme for dlang.org/blog
3 stars 3 forks source link

DLang Favicon for Twitter etc. #19

Closed wilzbach closed 8 years ago

wilzbach commented 8 years ago

image

Afaik just adding a favicon.png would be enough, see this article infos and for common question:

https://github.com/audreyr/favicon-cheat-sheet

there are many such generators out there, e.g. this.

@CyberShadow I guess we could also add this to dlang.org?

CyberShadow commented 8 years ago

@CyberShadow I guess we could also add this to dlang.org?

http://dlang.org/favicon.ico already exists.

wilzbach commented 8 years ago

http://dlang.org/favicon.ico already exists.

Afaik websites like Facebook, Twitter, Google+, ... require a favicon.png in the HTML to display an logo on links?

CyberShadow commented 8 years ago

dlang.org also has <link rel="shortcut icon" href="favicon.ico">.

I think we're doing all the right things. Please make sure that they're not picking it up because of something we need to do.

mdparker commented 8 years ago

This has nothing to do with the favicon or anything outside of the specific blog posts. See the section 'Images in Publicize'.

https://jetpack.com/support/publicize/

I suppose what I can do is see about getting a default image for each post if there are none in the post itself. I'll look into it.

wilzbach commented 8 years ago

This has nothing to do with the favicon or anything outside of the specific blog posts.

Oh sorry - yeah it seems like all these website have special meta formats.

https://dev.twitter.com/cards/types/summary

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@flickr" />
<meta name="twitter:title" content="Small Island Developing States Photo Submission" />
<meta name="twitter:description" content="View the album on Flickr." />
<meta name="twitter:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg" />
<meta property="og:url"                content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="When Great Minds Don’t Think Alike" />
<meta property="og:description"        content="How much does culture influence creative thinking?" />
<meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

https://developers.facebook.com/docs/sharing/webmasters

@CyberShadow a favicon.png is useful anyways as it has a higher resolution and most browser can use it (e.g. bookmarks, tiles, Android home shortcuts ...). See the cheatsheet for a list of resolutions required by specific devices:

https://github.com/audreyr/favicon-cheat-sheet

CyberShadow commented 8 years ago

To be honest, that page makes me want to barf. Ten thousand formats for each individual browser. Fuck that.

mdparker commented 8 years ago

I finally looked into this. I've just configured WP with a default featured image (a.k.a thumbnail). From now on, if a post has no embedded images, or I forget to insert one before I publish it (as I did with the Visual D post, so that it went to Twitter/FB without an image, which is what I wanted to avoid int he first place!), then the default will be used when it's sent out to Twitter/FB. And, I suppose, anywhere else people may share it.