Search Results for 'placeholder image'

Hello there,
I have the same problem. The images published along with articles aren’t showing up on the homepage; what I get are placeholders. Funnily, they are displaying right on the articles. I uploaded some posts which were on a blog hosted on blogger to the new blog where I have this problem and the images on those posts show up on the home page. URL: https://newsfrigate.com/. Thanks.

• This reply was modified 7 years by wwsurfers.
• This reply was modified 7 years by wwsurfers.

Is there no way we can have that same placeholder (https://pasteboard.co/HFuh1qg.png) that would have the image I have set as default in all my blog posts?

Alin,

Thanks for your reply. Are you saying that without featured images post cant seem on category pages in mobile theme? I dont need to show any images there. I need to show just title only without placeholder. Kindly help me to solve the issue.

Thanks;
~Sheen

It doesn’t seem to work for me.

I am trying to load custom ad 2 starting from the second page. Here is the code I am tried using…

if ($current_page > 1) {
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘custom_ad_2’));
}

Here is my smart list 6 page code…

<?php

class td_smart_list_6 extends td_smart_list {

protected $use_pagination = true; // set this to true to use rela pagination on this template

protected function render_before_list_wrap() {
if(td_global::$cur_single_template_sidebar_pos == ‘no_sidebar’) {
$td_class_nr_of_columns = ‘ td-3-columns ‘;
} else {
$td_class_nr_of_columns = ‘ td-2-columns ‘;
}

$buffy = ”;

//wrapper with id for smart list wrapper type 2
$buffy .= ‘<div class=”td_smart_list_6’ . $td_class_nr_of_columns . ‘”>’;

return $buffy;
}

protected function render_list_item($item_array, $current_item_id, $current_item_number, $total_items_number) {
//print_r($item_array);
$buffy = ”;

//creating each slide
$buffy .= ‘<div class=”td-item”>’;
$buffy .= ‘<div class=”td-number-and-title”><h2><span class=”td-sml-current-item-nr”>’ . $current_item_number. ‘</span><span class=”td-sml-current-item-title”>’ . $item_array[‘title’] . ‘</span></h2></div>’;
$buffy .= ‘<div style=”text-align: center; font-size: 10px; margin-bottom: 5px;”><span style=”color: #666666;”>ADVERTISEMENT</span> </div> <div style=”border-top: 1px solid #e9e9e9;text-align: center; margin-bottom: 12px;”></div><!– Ezoic – TS-SL-728×90 – under_page_title –>
<div id=”ezoic-pub-ad-placeholder-105″>’;
$buffy .= ‘<div class=”adsense”>’;
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘custom_ad_4’));
$buffy .= “</div></div>”;
//$buffy .= ‘<div style=”border-top: 1px solid #4DB2EC;text-align: center;color: #56565A; margin-bottom: 8px;”></div></div>’;

//get image info
$first_img_all_info = td_util::attachment_get_full_info($item_array[‘first_img_id’]);

//get image link target
$first_img_link_target = $item_array[‘first_img_link_target’];

//image caption
$first_img_caption = $item_array[‘first_img_caption’];

//image type and width – used to retrieve retina image
$image_type = ‘td_696x0’;
$image_width = ‘696’;

if(td_global::$cur_single_template_sidebar_pos == ‘no_sidebar’) {
$first_img_info = wp_get_attachment_image_src($item_array[‘first_img_id’], ‘td_1068x0’);
//change image type and width – used to retrieve retina image
$image_type = ‘td_1068x0’;
$image_width = ‘1068’;
} else {
$first_img_info = wp_get_attachment_image_src($item_array[‘first_img_id’], ‘td_696x0’);
}
if (!empty($first_img_info[0])) {

//retina image
$srcset_sizes = td_util::get_srcset_sizes($item_array[‘first_img_id’], $image_type, $image_width, $first_img_info[0]);

// class used by magnific popup
$smart_list_lightbox = ” td-lightbox-enabled”;

// if a custom link is set use it
if (!empty($item_array[‘first_img_link’]) && $first_img_all_info[‘src’] != $item_array[‘first_img_link’]) {
$first_img_all_info[‘src’] = $item_array[‘first_img_link’];

// remove the magnific popup class for custom links
$smart_list_lightbox = “”;
}

$buffy .= ‘
<figure class=”td-slide-smart-list-figure td-slide-smart-list-6’ . $smart_list_lightbox . ‘”>



</figure>
<figcaption class=”td-sml-caption”><div>’ . $first_img_caption . ‘</div></figcaption>
‘;
}

$tds_smart_list_6_title = td_util::get_option(‘tds_smart_list_6_title’);

// ad smart list 6
//$buffy .= ‘<div style=”text-align: center; font-size: 12px; margin-bottom: 6px;”><span style=”color: #666666;”>ADVERTISEMENT</span> </div> <div style=”border-top: 1px solid #4DB2EC;text-align: center;color: #56565A; margin-bottom: 12px;”></div> <!– Ezoic – TS-SL-728×90-2 – under_first_paragraph –>’;
$buffy .= ‘<div class=”adsense”><div id=”ezoic-pub-ad-placeholder-106″>’;
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘smart_list_6’, ‘spot_title’ => $tds_smart_list_6_title));
//$buffy .= ‘<div style=”border-top: 1px solid #4DB2EC;text-align: center;color: #56565A; margin-bottom: 8px;”></div>’;
$buffy .= “</div></div></div><!– End Ezoic – TS-SL-728×90-2 – under_first_paragraph –>”;
$buffy .= “<!– google_ad_section_start –>”;

//adding description
if(!empty($item_array[‘description’])) {
$buffy .= ‘<span class=”td-sml-description”>’ . $item_array[‘description’] . ‘</span>’;
}

$buffy .= ‘</div>’;

// render the pagination
$buffy .= “<!– google_ad_section_end –>”;
$buffy .= ”;

$buffy .= ‘<div id=”ads” style=”clear:both;padding-top:15px;”><div style=”float:left;”>’;
$buffy .= ‘<!– Ezoic – TS-SL-336×280 – bottom_of_page –>
<div id=”ezoic-pub-ad-placeholder-107″><div class=”adsense”>’;
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘custom_ad_5’));
$buffy .= ‘</div></div></div>
<!– End Ezoic – TS-SL-336×280 – bottom_of_page –>’;
$buffy .= ‘<!– Ezoic – TS-SL-336×280-2 – bottom_of_page –>
<div id=”ezoic-pub-ad-placeholder-108″><div class=”adsense”>’;
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘custom_ad_3’));
$buffy .= “</div></div>
<!– End Ezoic – TS-SL-336×280-2 – bottom_of_page –>”;

$buffy .= ‘<div id=”ezoic-pub-ad-placeholder-117″>’;

$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘custom_ad_1’));

$buffy .= ‘</div>’;

// render the pagination
$buffy .= $this->callback_render_pagination();
//$buffy .= $this->callback_render_drop_down_pagination();

$buffy .= ‘<div style=”text-align: center; font-size: 12px; margin-bottom: 2px;”></div><!– Ezoic – TS SL Native Bottom – native_bottom –>
<div id=”ezoic-pub-ad-placeholder-194″>’;
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘custom_ad_2’));
$buffy .= “</div><!– End Ezoic – TS SL Native Bottom – native_bottom –>”;

return $buffy;
}

protected function render_after_list_wrap() {
$buffy = ”;
$buffy .= ‘</div>’; // /.td_smart_list_6 wrapper with id

return $buffy;
}

}

Thanks for the quick reply. I tried deactivating the tagDiv Composer in plugins and now I’m getting a grey placeholder image with “Add Image to Your Element!”. The image ceases to render. Any ideas?

In order to change these images, you will have to do it manually by creating a placeholder image and replacing these thumbnails: https://www.screencast.com/t/B1cSNNXPLv

You have to keep the file name and sizes intact for it to work properly.

Thanks for your answer, Simion:

1) In Theme panel->Template settings->Blog and post template, there is NO template selected (it’s a pitty that this editor doesn’t allow to attach images directly), but there is no module “boxed” (as in your image it’s the M18). In adddition, NO module type (Mx) seems to correspond with the way the default Newspaper blog page displays the articles. SO, I couldn’t select “the same” module/template as the blog page anyway.

2) I don’t want to change the way the blog page shows the posts by selecting a different Mx module AND by selecting later the same module in the categories, EVEN IF the categories showed the same as the blog page then, BECAUSE I REPEAT MY ORIGINAL NEED: that my categories show THE SAME WAY THE PAGE BLOG SHOWS NOW, which seems to correspond to no module the users can reach, as far I can see… If, on the other hand, I am wrong, please tell me which is the module that corresponds to the blog page as shown NOW (“out of the box” Newspaper). By the way, it’s not the M18 module boxed in your image (although I assume that you used that one just as an example, becasue it’s nothing like the way the blog page looks “out of the box” AND because the categories do not look like the blog page when I change them to the M18 module…).

3) Thanks for your additional suggestion, but I currently don’t want/need a static homepage.

4) With respect to the placeholder images shown now in the category pages, I repeat what I said preemptively in my previous comment: if the solution is establishing a feature image for every post and, on top of that, establishing the proper size of its miniatures relative to the module chosen, I don’t want / I can’t do that now. I just want/need that the category pages show/behave IDENTICAL to the blog page, where images are shown perfectly! By the way, that should be the DEFAULT category look/behaviour in ANY theme: if nothing is touched, they should look/behave as the main page/loop but with fewer (only its) posts!

5) Saying it, again, in other words: my category pages should look as mere FILTERS of the blog page, showing just the proper/latest/all/whatever CATEGORY articles, but in exactly the same way/look/style/design as the out-of-the-box Newspaper blog page looks now, in which case there would be no need to establish feature images (which it’s my main goal), because I DID NOT established any of them in the posts that are currently displayed pefectly in the blog page which it’s using their main images just fine, as it was in my old theme!

6) Of course there is A way of doing this in ANY theme, but I just didn’t buy a theme to begin to work in something like this right from the beginning touching/cloning PHPs, etc. What is the BEST way of doing this in Newspaper?

Thanks again, Simion.

In order to change these images, you will have to do it manually by creating a placeholder image and replacing these thumbnails: https://www.screencast.com/t/B1cSNNXPLv

You have to keep the file name and sizes intact for it to work properly.

Well, it doesn’t…

Here’s what I’ve tried. Took the code from the JS Snippet tab (both JS and HTML codes) and inserted in the plugin Embedded Form Code area.

Took only the JS part from the JS Snippet tab.
Took only the HTML part from the JS snippet tab.
Took the HTML from the HTML code tab.

Nothing works. But it works when as you suggested I add the code in a text element.

Here’s the code :

JS Snippet tag

<!-- MailerLite Universal -->
<script>
(function(m,a,i,l,e,r){ m['MailerLiteObject']=e;function f(){
var c={ a:arguments,q:[]};var r=this.push(c);return "number"!=typeof r?r:f.bind(c.q);}
f.q=f.q||[];m[e]=m[e]||f.bind(f.q);m[e].q=m[e].q||f.q;r=a.createElement(i);
var _=a.getElementsByTagName(i)[0];r.async=1;r.src=l+'?v'+(~~(new Date().getTime()/1000000));
_.parentNode.insertBefore(r,_);})(window, document, 'script', 'https://static.mailerlite.com/js/universal.js', 'ml');

var ml_account = ml('accounts', '1194458', 'k2v6k3i0v0', 'load');
</script>
<!-- End MailerLite Universal -->

<div class="ml-form-embed"
data-account="1194458:k2v6k3i0v0"
data-form="942194:c8z5g9">
</div>

HTML code tab

<style type="text/css">
#mlb2-942194.ml-form-embedContainer {
box-sizing: border-box;
display: table;
height: 100%;
margin: 0 auto;
position: static;
width: 100% !important;
}
#mlb2-942194.ml-form-embedContainer h4,
#mlb2-942194.ml-form-embedContainer p,
#mlb2-942194.ml-form-embedContainer span,
#mlb2-942194.ml-form-embedContainer button {
text-transform: none !important;
letter-spacing: normal !important;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper {
background-color: #f6f6f6;

#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter {
color: #ff0000 !important;
}
@media only screen and (max-width: 400px){
.ml-form-embedWrapper.embedDefault { width: 100%!important; }
.ml-form-formContent.horozintalForm { float: left!important; }
.ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto!important; width: 100%!important; float: left!important; }
.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 100%!important; }
.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal > div { padding-right: 0px!important; padding-bottom: 10px; }
.ml-form-formContent.horozintalForm .ml-button-horizontal { width: 100%!important; }
}
</style>
<div id="mlb2-942194" class="ml-form-embedContainer ml-subscribe-form ml-subscribe-form-942194">
<div class="ml-form-align-center ">
<div class="ml-form-embedWrapper embedForm">
<div class="ml-form-embedBody ml-form-embedBodyHorizontal row-form">
<div class="ml-form-embedContent">
<h4>Newsletter</h4>
<p>Signup for news and special offers!</p>
</div>
<form class="ml-block-form" action="https://app.mailerlite.com/webforms/submit/c8z5g9" data-code="c8z5g9" method="post" target="_blank">
<div class="ml-form-formContent horozintalForm">
<div class="ml-form-horizontalRow">
<div class="ml-input-horizontal">
<div style="width: 100%;" class="horizontal-fields">
<div class="ml-field-group ml-field-email ml-validate-email ml-validate-required">
<input style="width: 100%;" type="email" class="form-control" data-inputmask="" name="fields[email]" value="" placeholder="Email">
</div>
</div>
</div>
<div class="ml-button-horizontal">
<button type="submit" class="primary ">Subscribe</button>
</div>
</div>
</div>
<input type="hidden" name="ml-submit" value="1">
</form>
</div>
<div class="ml-form-successBody row-success" style="display: none">
<div class="ml-form-successContent">
<h4>Thank you!</h4>
<p>You have successfully joined our subscriber list.</p>
</div>
</div>
</div>
</div>
</div>
<script>
function ml_webform_success_942194() {
var $ = ml_jQuery || jQuery;
$('.ml-subscribe-form-942194 .row-success').show();
$('.ml-subscribe-form-942194 .row-form').hide();
}
</script>

<script src="https://static.mailerlite.com/js/w/webforms.min.js?v03ee2804ef2f008535475a5d62f02f94" type="text/javascript"></script>