So from what i’v read the og meta should be added to the functions.php

I tried this from this guide

	//Adding the Open Graph in the Language Attributes
02
function add_opengraph_doctype( $output ) {
03
        return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
04
    }
05
add_filter('language_attributes', 'add_opengraph_doctype');
06
 
07
//Lets add Open Graph Meta Info
08
 
09
function insert_fb_in_head() {
10
    global $post;
11
    if ( !is_singular()) //if it is not a post or a page
12
        return;
13
        echo '<meta property="fb:admins" content="148882508634598"/>';
14
        echo '<meta property="og:title" content="Golfbaren | Minigolf och maximys"/>';
15
        echo '<meta property="og:type" content="website"/>';
16
        echo '<meta property="og:url" content=http://www.golfbaren.se/>';
17
        echo '<meta property="og:site_name" content="Golfbaren.se"/>';
        
        echo '<meta property="og:description" content="Kom och spela minigolf på konstgräs av bästa kvalitet, en putt från T-banan och alldeles intill Kristinebergs Slottspark." />';
18
    if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
19
        $default_image="http://example.com/image.jpg"; //replace this with a default image on your server or an image in your media library
20
        echo '<meta property="og:image" content="http://www.golfbaren.se/wp-content/themes/golfbaren/golfbaren/img/fb_logo.jpg"/>';
21
    }
22
    else{
23
        $thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
24
        echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
25
    }
26
    echo "
27
";
28
}
29
add_action( 'wp_head', 'insert_fb_in_head', 5 );

But then i can’t access the site due to a function.php error on the line where i pasted this.

Any idea what i’m doing wrong ?

That css code works thanks:-). I can now play my videos. But there is still problem with the first slide of the slider. It`s always black. I can also play my first video in the slider now but without any picture only sound is possible to hear.

And one more question, is there any way how to add custom hight quality thumbnail images to my videos please?
Regards,
Jan

Hi – no to your last question. I had clicked in an existing gallery and then Edit.

Re-creating the 700+ galleries in 300 posts with thousands of images in my libraries would take months. I’m hoping for an easier solution. It doesn’t have to be a masonry gallery for my existing posts in this new Enfold site. It just has to look good.

What we’re trying to do here is fix a problem that occurred after transferring my blog from WP.com to WP.org.
1) The photos are not easy to see if you look at the links earlier in the thread (tiny thumbnails squished and to the side).
2) The galleries are not responsive to any changes made in the content editor.
3) I understand that you’re saying I can’t use the Advance Layout Editor for existing content
4) Because I tried, it added 222 pages of masonry galleries to the blog post http://50.87.248.159/~dominjd2/2015/03/23/intuitive-sparks-aanl-painting-workshop/
5) Now if I go back into Edit Page, the original photos are gone and there’s code instead like in the screen shot shown. This is a recent post, so I could go back in and re-create a gallery. Not a big deal.
6) But we’re not addressing the main problem. None of my galleries in about 300 posts are responsive to edit changes. They don’t look acceptable (can’t see pictures – squished in tiny column to the left). This is even true in the post I added on the site after I moved it to Enfold – the 2 small photos at the bottom are in a gallery set to “Large” http://50.87.248.159/~dominjd2/2015/04/09/new-painting-ive-got-your-back/

Can we not use the regular editor in Enfold? Do we always have to select “Advanced Layout Editor” when designing blog posts? Why is my new blog post having the same issues as all the old ones? Is that a clue?

Note: I have also sent an email about this issue to the Website Transfer Team, although they keep telling me they’re not developers, so I don’t know if they’ll be able to do something.

This is the issue keeping me from making this website live. I’d really appreciate if you could go into my site and take a deeper look. You have access info in my first message from April 9. Thanks so much.

Thanks. The ‘magazine’ size is the right one for me. However, only half of my issue is solved.
Images that are large enough are cropped and fit perfectly (that’s one half solved). But there is one image (the first slide in the same link) that is very wide but also short. It does scale up a bit, but not enough to fill even the ‘magazine’ thumbnail height. If it does scale at all, I guess it should be possible to make it scale all the way up, right?

No success with either option.

1) the CSS code only changed the 2 photos in my new blog post created here, not the 300 imported – but it made them big and I still couldn’t change them using the editor. They stayed too big no matter what size I chose.

2) I found the shortcode wand – new tool for me. I was in Edit Post. I clicked on a gallery to make it active. If I click on the edit pencil, I couldn’t see the shortcode wand. So I only clicked so there would be a grey box around all the photos that were there. I then clicked on shortcode wand and selected Media Element -> Masonry Gallery (which would more closely resemble my previous website). This is what it looked like in the editor – code instead of thumbnails and under the next paragraph, a “No Content” image.
https://www.dropbox.com/s/cl4i8ihocabjcbl/Screen%20Shot%202015-04-11%20at%207.32.19%20AM.png?dl=0

I decided to try and save to see what happened and I got a masonry gallery full of photos from the entire website, including some of your demo shots – not the photos that had been in that gallery. Did I do something wrong?

I now need to learn to revert to an older version to get back those 20 or so photos (I think I remember reading we can do that?) and how to fix my galleries. If I have to go into all 300 posts to fix over 700 galleries, I will, but it’s not working.

I provide the Private Data in my first message if you can look at it to see what will work. Thanks.

I’m trying to troubleshoot on my own and had a thought: I wrote one new blog post since importing WP.com. This is the one here. I wanted to see if this was a problem with only the imported posts or new ones too.
http://50.87.248.159/~dominjd2/2015/04/09/new-painting-ive-got-your-back/
So these are freshly uploaded photos and you’ll see the two at the bottom, in a gallery, are still showing up as thumbnails, even if I selected “Full Size” in the content editor.

Again, If I select the Advance Layout Editor, the gallery shows up as code, so I don’t know how to work that. If I select Default Editor again to get out, everything in the content box disappears. I need to close the browser tab to get out.

The problem is I have almost 300 posts with several galleries in each that were imported from WP.com – causing all the galleries to become squished small thumbnails on the left. Right now, they’re not showing properly AND I can’t change how they look. Yesterday, in the default editor, I tried to edit a gallery (see previous posts) to all the different sizes, and nothing changed – it didn’t matter which size I chose, the gallery stayed fixed, unchangeable.

Today, I realized that there is the Avia Advanced editor when you mentioned the Masonry gallery- when I clicked on it inside an existing post, all the photos became html text (see screen shot). When I went back to Default editor, my entire post disappeared from the editor. (see screenshot). So I closed the window. This is worse than yesterday.
https://www.dropbox.com/sh/shjennp8qdfy1q3/AADZn1lXaLgKNi0G-CQgiGAsa?dl=0

What can I do for the existing 300 posts?

Hi Elliot,

Thanks for your response.

My first question pertains to the post type icon, as it appears here on a custom post type ‘archive’ grid:

http://note.io/1IwzUMO

I’ve found some support posts on how to hide the pencil, or even swap the symbol, but I am not sure how to customize the complete appearance of icon and surrounding rectangle:

– I am not sure whether this rectangle can contain some image generated from the post in question and / or a thumbnail uploaded separately?

– It would also be great to understand which other Entypo icons are available. For example, I tried to swap the pencil with ‘star’ or ‘heart’ in functions.php, but to no avail.

My second question is about the related post icon.

http://note.io/1IwB62H

I found some code on how to customize this, but I am struggling to understand what the 50% width and height is supposed to be doing. For me it just crops the image.

.related-format-icon.related-format-visible {
background: url('/RelatedPostIcon.png') no-repeat 50% 50%;
}

All-in-all I would just like to know how to globally control exactly the appearance of these icons / images, and potentially how to create a custom icon / image per post.

Thank you,

Rogier