- NewspapertagDiv Composer – Website Manager
- NewspapertagDiv Opt-In Builder – Emails
- NewspaperModules Builder in Newspaper Theme
- NewspaperWooCommerce: Happy “Add to Favorites!”
- TutorialsFrom WPBakery to tagDiv Composer
- NewspaperCloudflare (CDN)
Hello,
Do you want to use the 980px version? If you want to use that version here is a fix for the slider, add this in style.css
.iosSlider-col-2, .iosSlider-col-2 .item {
height: 321px !important;
}
Thanks for the message!
Just as an fyi, for an example our magazine site under redevelopment for Jan 1 relaunch; here is a test article page (my article), which has a Google Page Speed of 96; with no caching plugins or anything beyond the web server properly configured, images properly compressed, and not using any “bad behavior” WP plugins that adversely impact the DB calls or phone out to other systems needlessly.
http://ga-ga.com/1204/beginning-adventure-space-time-reveals-roots-doctor/
We have not yet implemented tagdiv’s cache beta, nor using W3cache, or have it connected to our CDN (yet). So, “96” is pretty awesome.
See GTMetrix speed/performance check:
http://gtmetrix.com/reports/ga-ga.com/y8YUj6GI
Be aware YSLOW penalizes heavily for not using a CDN — so anybody looking for high YSLOW scores needs to use something like W3Cache or similar.
For those who expect the THEME to manage your page speed, you must remember you need to have both your hosting properly setup for caching, headers, and other elements, *and* you must have your domain setup properly.
For example we add this to our .htaccess file in addition to having proper expire headers and caching setup on the server:
AddType text/javascript .js
<IfModule mod_rewrite.c>
ExpiresActive On
# Favicon (cannot be renamed)
ExpiresByType image/x-icon "access plus 1 week"
# Media: images, video, audio
ExpiresByType audio/ogg "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType video/ogg "access plus 1 month"
ExpiresByType video/webm "access plus 1 month"
# CSS and JavaScript
ExpiresByType application/x-javascript "access plus 1 week"
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/javascript "access plus 1 week"
# Webfonts
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
ExpiresByType application/x-font-ttf "access plus 1 month"
ExpiresByType application/x-font-woff "access plus 1 month"
ExpiresByType font/opentype "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 month"
</IfModule>
Hi,
You said about dailymotion
I already tryed some time before to integrate it (you can still see old code in our file /includes/class/td_video_support.php) and it was not working very well due to the small thumbnails served by them (not useable on any of our sliders and form what I can remember smaller than our thumbs as well).
can this help? (I think your problem can be solved by using thumbnail_large_url )
// dailymotion.com
case 'dailymotion':
// domain video ID
preg_match('/dailymotion.com\/(?:embed\/)?video\/([^_#\?]+)/', $url, $url_data);
if( !isset($url_data[1]) )
break;
$video_id = $url_data[1];
// access API: http://www.dailymotion.com/doc/api/obj-video.html
$url = 'https://api.dailymotion.com/video/'.$video_id.'?fields=title,description,created_time,owner.screenname,tags,thumbnail_url,thumbnail_large_url,url,aspect_ratio';
$request = new WP_Http;
$response = $request->request( $url, array( 'method' => 'GET', 'sslverify' => false) );
if( is_wp_error($response) )
break;
$result = json_decode($response['body'], true);
if( !isset($result) || (isset($result['error']['code']) && ($result['error']['code'] == 501 || $result['error']['code'] == 400) ) )
break;
// extract info of a time-link
preg_match('/t=(?:(\d+)m)?(?:(\d+)s)?/', $url, $attr);
if( !empty($attr[1] ) || !empty($attr[2]) ) {
$min = !empty($attr[1]) ? $attr[1]*60 : 0;
$sek = !empty($attr[2]) ? $attr[2] : 0;
$video_time = $min + $sek;
} else {
preg_match('/start=(\d+)/', $url, $attr);
if( !empty($attr[1] ) )
$video_time = $attr[1];
else
$video_time = 0;
}
// generate video metadata
$data = array(
'id' => $video_id,
'provider' => $provider,
'time' => $video_time,
'title' => $result['title'],
'description' => $result['description'],
'filename' => sanitize_file_name($result['title']),
'timestamp' => $result['created_time'],
'author' => $result['owner.screenname'],
'tags' => implode(', ', $result['tags']),
'img' => ( isset($result['thumbnail_url']) && !empty($result['thumbnail_url']) ) ? $result['thumbnail_url'] : $result['thumbnail_large_url'],
'url' => 'http://dailymotion.com/video/'.$video_id. ( $video_time>0 ? '#t='.floor($video_time/60).'m'.($video_time%60).'s' : '')
);
break;
I found this code in the featuredvideoplus plugin
http://wordpress.org/plugins/featured-video-plus/
This is what I mean, these features you promised along time ago already exist. Why reinvent the wheel. Why waste your time stuck on this feature when you can look into opensource code and learn from it? Why reinvent the wheel when you can look at one for inspiration and make a better one for your racecar 😉
Is that not why wordpress is so good?
Once more, this theme has the potential of becoming the best theme ever.
Thank you
For example i have added this to the style.css in the backend but nothing changes;
.block-title a, .block-title span, .td-tags a:hover, .td-scroll-up-visible, .td-scroll-up, .sf-menu ul .current-menu-item > a, .sf-menu ul a:hover, .sf-menu ul .sfHover > a, .td-rating-bar-wrap div, .iosSlider .slide-meta-cat, .sf-menu ul .current-menu-ancestor > a, .td-404-sub-sub-title a, .widget_tag_cloud .tagcloud a:hover, .td-mobile-close a, ul.td-category a, .td_social .td_social_type .td_social_button a, .dropcap {
background-color: #C6B28F;
}
Hello,
1. Open function.php and replace this code to be like this:
//big slider – big image
add_image_size(‘art-slidebig-main’, 745, 606, true);
//big slider – small image
add_image_size(‘art-slidebig-small’, 326, 200, true);
http://screencast.com/t/VXIPbVKjIvff
2. Open td_module_slide_big.php located in \includes\app\modules and replace art-wide with art-slidebig-small in 3 places:
http://screencast.com/t/1JMfDchB
3. Add this to style.css
@media (min-width: 1200px) {
.td_block_slide_big .iosSlider-col-3 .item {
height: 606px !important;
}
.td_block_slide_big .iosSlider-col-3 {
height: 606px !important;
}
.td_block_slide_big .iosSlider-col-3 .item .td-slide-item-main {
height: 606px;
}
.td_block_slide_big .iosSlider-col-3 .item .td-slide-item-sec {
height: 200px;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.td_block_slide_big .iosSlider-col-3 .item .td-slide-item-main {
height: 545px;
}
}
4. Rebuild the thumbnails using steps from here: http://import.tagdiv.com/newspaper/doc/#existing-content
Hello,
The background should work on all pages, but you have an error in console about iosSlide. The slider don’t work to. http://screencast.com/t/erFi9k5HuQy8
You changed some files? To fix it you should replace the files again(via FTP) and see if works, then make your changes again.
