{"id":917,"date":"2018-07-26T14:44:37","date_gmt":"2018-07-26T12:44:37","guid":{"rendered":"https:\/\/mfirst.rechnerhaus.de\/blog\/qtranslatex-with-featured-image"},"modified":"2020-08-19T15:37:42","modified_gmt":"2020-08-19T13:37:42","slug":"qtranslatex-with-featured-image","status":"publish","type":"post","link":"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image","title":{"rendered":"qTranslateX with featured image"},"content":{"rendered":"
<\/div>
\n\t
\n\t\t
\n\t\t\t

qTranslateX with featured image<\/span><\/h2>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/section>
<\/div>
\n\t
\n\t\t\n\t\t
\n\t\t\t
\"\"<\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div>
<\/div><\/div><\/div><\/section>
\t
\n \t\t\t
<\/div>\n\t <\/div>\n\t
<\/div>\n\t\t <\/div><\/div>
<\/div>
\n\t
\n\t\t
\n\t\t\t

Not infrequently it happens that for multilingual systems an additional featured image with picture text is needed. With the plugin Multiple Featured Images<\/a> it is possible to extend qTranslateX<\/strong>\u00a0to use featured images for different languages. In our example we use the languages German and English. Since the default language is English, we add a German image in the functions.php<\/em> with the following code:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

add_filter( 'kdmfi_featured_images', function( $featured_images ) {    \n\t\t$args = array(        \n\t\t\t'id' => 'featured-image-lang-en',        \n\t\t\t'descsc' => 'Beitragsbild EN',        \n\t\t\t'label_name' => 'Beitragsbild EN',        \n\t\t\t'label_set' => 'Beitragsbild EN festlegen',        \n\t\t\t'label_remove' => 'Beitragsbild EN entfernen',        \n\t\t\t'label_use' => 'Beitragsbild EN festlegen',        \n\t\t\t'post_type' => array( 'post' ),    \n\t\t);    \n\t\t$featured_images[] = $args;    \n\treturn $featured_images;\n});<\/pre><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>
<\/div>
\n\t
\n\t\t
\n\t\t\t
Since it rarely happens that an additional German image is needed, the featured image should only be replaced if a German image is really present. The following additional code automatically exchanges the actual post image:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n
add_filter( 'get_post_metadata', 'wdm_change_featured_image', 10, 4 );\nfunction wdm_change_featured_image( $feature_image_id = null, $post_id, $meta_key, $single ) {\n    if ( $meta_key == '_thumbnail_id' ) {\n         if(function_exists('qtranxf_getLanguage')) {\n\t      if (qtranxf_getLanguage() == 'en' && kdmfi_has_featured_image( 'featured-image-lang-en', $post_id )) {\n\t          $feature_image_id = kdmfi_get_featured_image_id( 'featured-image-lang-en', $post_id );\n\t      }\n\t  }\n    }\n  return $feature_image_id;\n}<\/pre><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>
\t      
\n      \t\t\t
<\/div>\n\t      <\/div>\n\t      
<\/div>\n\t\t    <\/div><\/div>
\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n
\n\t
\n\t\t
\"\"<\/div><\/a>\n\t\t
\n\t\t\t
Multiple sites\/domains in a WordPress installation with multisite configuration<\/a><\/p>\t\t<\/div>\n\t<\/div>\n<\/article>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n
\n\t
\n\t\t
\"\"<\/div><\/a>\n\t\t
\n\t\t\t
Difference between AngularJS 1, Angular 2, 4 and 5<\/a><\/p>\t\t<\/div>\n\t<\/div>\n<\/article>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n
\n\t
\n\t\t
\"\"<\/div><\/a>\n\t\t
\n\t\t\t
Multiple Virtual Hosts with Windows 7 and XAMPP<\/a><\/p>\t\t<\/div>\n\t<\/div>\n<\/article>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n
\n\t
\n\t\t
\"\"<\/div><\/a>\n\t\t
\n\t\t\t
Difference between CSS, SCSS & SASS<\/a><\/p>\t\t<\/div>\n\t<\/div>\n<\/article>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tMore News of Rechnerhaus<\/span>\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"Difference between CSS, SCSS & SASS The syntax of SCSS or SASS is quicker to write then CSS. With nesting the syntax is better to read and easier to change code using variables. Sample code CSS: #header { margin: 0; border: 1px solid red; } #header p { font-size: 12px; font-weight: bold; color: red; } #header a { text-decoration: none; } Sample code SCSS: $colorRed: red; #header { margin: 0; border: 1px solid $colorRed; p { color: $colorRed; font: { size: 12px; weight: bold; } } a { text-decoration: none; } } Sample code SASS: $colorRed: red #header margin: 0 border: 1px solid $colorRed p color: $colorRed font: size: 12px weight: bold a text-decoration: none qTranslateX with featured image Multiple sites\/domains in a WordPress installation with multisite configuration Difference between AngularJS 1, Angular 2, 4 and 5 Multiple Virtual Hosts with Windows 7 and XAMPP More News of Rechnerhaus","protected":false},"author":1,"featured_media":1010,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[37],"tags":[],"class_list":["post-917","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-en","entry","post-inner"],"acf":[],"yoast_head":"\nqTranslateX with featured image - Rechnerhaus GmbH<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"qTranslateX with featured image - Rechnerhaus GmbH\" \/>\n<meta property=\"og:url\" content=\"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image\" \/>\n<meta property=\"og:site_name\" content=\"Rechnerhaus GmbH\" \/>\n<meta property=\"article:published_time\" content=\"2018-07-26T12:44:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-19T13:37:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_wordpress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"rechnerhaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"rechnerhaus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image#article\",\"isPartOf\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image\"},\"author\":{\"name\":\"rechnerhaus\",\"@id\":\"https:\/\/old.rechnerhaus.de\/en#\/schema\/person\/48fd75c4f4ec85ccaeb8c4ade9140709\"},\"headline\":\"qTranslateX with featured image\",\"datePublished\":\"2018-07-26T12:44:37+00:00\",\"dateModified\":\"2020-08-19T13:37:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image\"},\"wordCount\":542,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en#organization\"},\"image\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image#primaryimage\"},\"thumbnailUrl\":\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_wordpress.png\",\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image\",\"url\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image\",\"name\":\"qTranslateX with featured image - Rechnerhaus GmbH\",\"isPartOf\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image#primaryimage\"},\"image\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image#primaryimage\"},\"thumbnailUrl\":\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_wordpress.png\",\"datePublished\":\"2018-07-26T12:44:37+00:00\",\"dateModified\":\"2020-08-19T13:37:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image#primaryimage\",\"url\":\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_wordpress.png\",\"contentUrl\":\"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_wordpress.png\",\"width\":600,\"height\":450},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/old.rechnerhaus.de\/en\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"qTranslateX with featured image\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/old.rechnerhaus.de\/en#website\",\"url\":\"https:\/\/old.rechnerhaus.de\/en\",\"name\":\"Rechnerhaus GmbH\",\"description\":\"web development made in s\u00fcdhessen\",\"publisher\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/old.rechnerhaus.de\/en?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/old.rechnerhaus.de\/en#organization\",\"name\":\"Rechnerhaus GmbH\",\"url\":\"https:\/\/old.rechnerhaus.de\/en\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/old.rechnerhaus.de\/en#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.rechnerhaus.de\/wp-content\/uploads\/2018\/01\/rechnerhaus_logo_claim_c02.svg\",\"contentUrl\":\"https:\/\/www.rechnerhaus.de\/wp-content\/uploads\/2018\/01\/rechnerhaus_logo_claim_c02.svg\",\"width\":2050.756,\"height\":534.775,\"caption\":\"Rechnerhaus GmbH\"},\"image\":{\"@id\":\"https:\/\/old.rechnerhaus.de\/en#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/old.rechnerhaus.de\/en#\/schema\/person\/48fd75c4f4ec85ccaeb8c4ade9140709\",\"name\":\"rechnerhaus\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"qTranslateX with featured image - Rechnerhaus GmbH","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"qTranslateX with featured image - Rechnerhaus GmbH","og_url":"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image","og_site_name":"Rechnerhaus GmbH","article_published_time":"2018-07-26T12:44:37+00:00","article_modified_time":"2020-08-19T13:37:42+00:00","og_image":[{"width":600,"height":450,"url":"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_wordpress.png","type":"image\/png"}],"author":"rechnerhaus","twitter_card":"summary_large_image","twitter_misc":{"Written by":"rechnerhaus","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image#article","isPartOf":{"@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image"},"author":{"name":"rechnerhaus","@id":"https:\/\/old.rechnerhaus.de\/en#\/schema\/person\/48fd75c4f4ec85ccaeb8c4ade9140709"},"headline":"qTranslateX with featured image","datePublished":"2018-07-26T12:44:37+00:00","dateModified":"2020-08-19T13:37:42+00:00","mainEntityOfPage":{"@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image"},"wordCount":542,"commentCount":0,"publisher":{"@id":"https:\/\/old.rechnerhaus.de\/en#organization"},"image":{"@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image#primaryimage"},"thumbnailUrl":"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_wordpress.png","articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image#respond"]}]},{"@type":"WebPage","@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image","url":"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image","name":"qTranslateX with featured image - Rechnerhaus GmbH","isPartOf":{"@id":"https:\/\/old.rechnerhaus.de\/en#website"},"primaryImageOfPage":{"@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image#primaryimage"},"image":{"@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image#primaryimage"},"thumbnailUrl":"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_wordpress.png","datePublished":"2018-07-26T12:44:37+00:00","dateModified":"2020-08-19T13:37:42+00:00","breadcrumb":{"@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image#primaryimage","url":"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_wordpress.png","contentUrl":"https:\/\/old.rechnerhaus.de\/wp-content\/uploads\/2017\/11\/blog_wordpress.png","width":600,"height":450},{"@type":"BreadcrumbList","@id":"https:\/\/old.rechnerhaus.de\/en\/blog\/qtranslatex-with-featured-image#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/old.rechnerhaus.de\/en"},{"@type":"ListItem","position":2,"name":"qTranslateX with featured image"}]},{"@type":"WebSite","@id":"https:\/\/old.rechnerhaus.de\/en#website","url":"https:\/\/old.rechnerhaus.de\/en","name":"Rechnerhaus GmbH","description":"web development made in s\u00fcdhessen","publisher":{"@id":"https:\/\/old.rechnerhaus.de\/en#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/old.rechnerhaus.de\/en?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/old.rechnerhaus.de\/en#organization","name":"Rechnerhaus GmbH","url":"https:\/\/old.rechnerhaus.de\/en","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/old.rechnerhaus.de\/en#\/schema\/logo\/image\/","url":"https:\/\/www.rechnerhaus.de\/wp-content\/uploads\/2018\/01\/rechnerhaus_logo_claim_c02.svg","contentUrl":"https:\/\/www.rechnerhaus.de\/wp-content\/uploads\/2018\/01\/rechnerhaus_logo_claim_c02.svg","width":2050.756,"height":534.775,"caption":"Rechnerhaus GmbH"},"image":{"@id":"https:\/\/old.rechnerhaus.de\/en#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/old.rechnerhaus.de\/en#\/schema\/person\/48fd75c4f4ec85ccaeb8c4ade9140709","name":"rechnerhaus"}]}},"_links":{"self":[{"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/posts\/917","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/comments?post=917"}],"version-history":[{"count":7,"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/posts\/917\/revisions"}],"predecessor-version":[{"id":1455,"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/posts\/917\/revisions\/1455"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/media\/1010"}],"wp:attachment":[{"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/media?parent=917"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/categories?post=917"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/old.rechnerhaus.de\/en\/wp-json\/wp\/v2\/tags?post=917"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}