- ApiPractical example – How to add a new Block and Module
- Apitd_api_top_bar_template::delete
- Apitd_api_top_bar_template::update_key
- Apitd_api_top_bar_template::update
- Apitd_api_top_bar_template::add
- Apitd_api_single_template::delete
- Apitd_api_single_template::update_key
- Apitd_api_single_template::update
- Apitd_api_single_template::add
- Apitd_api_footer_template::delete
- Apitd_api_footer_template::update_key
- Apitd_api_footer_template::update
- Apitd_api_footer_template::add
- Apitd_api_smart_list::delete
- Apitd_api_smart_list::update_key
- Apitd_api_smart_list::update
- Apitd_api_smart_list::add
- Apitd_api_thumb::delete
- Apitd_api_thumb::update_key
- Apitd_api_thumb::update
@Ecofame there is a lot of bad in removing every single white space from ur site,it’s bad for “User Experience” on tablets & phones,it’s hard on the user to tap on things if they very close together and that’s one of the things google pagespeed always warns people about don’t make things too close to each other because it’s not good for “User Experience” from mobile devices…
It’s good to remove some white space like what i done too my site,but ur asking to remove it all from the front page then when someone visit ur site from a phone and say they have big fingers it will be a nightmare for them to even browse ur site from there phone..just one of my tips i’m passing on too you…
The most important plugins you need to even get this close to getting those scores..as follow
1.tagDiv speed booster
2.Speedbooster Pack Plugin (Don’t use the feature Disable all above CSS options on mobile devices) all the other features can be use but it all depends on ur site.
3.WP Super Cache Plugin this work better with the theme and don’t cause any issues with the theme code.
4. Optimize Database Plugin http://wordpress.org/plugins/rvg-optimize-database/
5.EWWW Image Optimizer Plugin
6.CloudFlare Go to “performance settings tab” and make sure you choose every thing in there…
A.CDN & Full optimizations
B.Simplified
C.Rocket LoaderThis play a very big important role in ur google pagespeed test as well make sure it’ turn on..
D.Auto Minify (JS,CSS,HTML)
E.Minimum expire TTL Make sure it’s set to 5 days not more are less..
Please don’t output any text in uppercase format.
For example, the category of the block, I would like to make it capitalized, but the text comes from the output already in uppercase format. I can’t make it capitalized with CSS.
Hi,
Could you send me an URL to your site so I can inspect and check this? I have run the validation for the demo and did noticed the errors reported there but I don’t find them reliable.
For example, the “alt” attribute that was pointed here as missing: http://screencast.com/t/FyfYAD64 it’s present but it’s just not added in the alt filed when the image was added.
You could also verify the source code because there are reported errors which aren’t really there.
Hope this helps!
Thanks!
It is strange if I click on the red spot I pointed in the photo, the thumnbnail on the left will open. It looks like the thumbnail is stretched.
example: http://imgchili.net/show/55138/55138691_error1.jpg
the red spot represents, where is my currsor (mouse) and you can see in the left corrner that he found the photo (this is the link of thumbnail on the right of red spot).
Hi,
Glad you figured it out!
Regarding the sidebar, I have noticed that you are using the default page template: http://screencast.com/t/spbVpGtN
In that case you will have to add you custom class in page.php template, like this: http://screencast.com/t/m4NUcTZNv
You will not find a different class on sidebars on templates, that is the point, you will have to add it yourself so you can target the sidebar you use on that template and customize it like you want using custom css:
Result in my example: http://screencast.com/t/Y8d2bUtFwaz
Thanks
Also just a comment, but this method of click/tap to expand search is quickly becoming a standard on the web and specifically mobile devices.
You will see this on the YouTube site on mobile, TIME magazine on desktop and mobile, New York Times on desktop and mobile, NBCnews.com, hundreds more as they do revamp for mobile, often based on Bootstrap or similar grid/masonry layouts, etc.
I only mention this as a “trend” and the reason why Radu and co did it this way. It wasn’t a unique design choice, but the way things are going as folks move more to a “mobile first” layout (sigh).
I needed this also, and the example provided in the screenshots above worked first time out.
Basically you’re wrapping a span class for the button in the anchor link, vs using a shortcode for the button. The example does not use the shortcode which I think is where you’re getting hung up here.
Think of it this way, and this is not the explicit example from Lucian’s code, just simpler way of showing what is happening, while *not* using a shortcode. And be sure to do in text editor mode, not visual editor mode as you’re working with plain HTML/CSS.
<a href=""><span button class></span></a>
-
This reply was modified 11 years by
simchris.
th = table header
tr = table row
td = table cell
You may want to do a search online for how CSS3 tables work.
Example:
table, th, td {
border: 1px solid black;
}
Not sure, but the theme might support Bootstrap 3 common table styles like so:
class="table table-bordered"
ref: http://getbootstrap.com/css/#tables
Hope that helped 🙂
-
This reply was modified 11 years by
simchris.
Thanks – TheMediumUTM – But that doesn’t seem to have done it either… Is there a setting somewhere I’ve missed ?? Surely the Menu & Slider should work ‘out of the box’?
Is there any way to make the block grid view?
Example: http://prntscr.com/4l5mxm
Hi Lucian, it’s me again. One last issue about this…
The first solution that you gave me: http://screencast.com/t/2IO8XfHK41f
Breaks up the theme a bit.
The problem is that the first line of a new article (post or page) is moved to the right.
You can see a example over here: http://goo.gl/sbK0rd
Can you please take a closer look to solve this?
Thanks!
Okay this is possible through CSS, example:
.td_mod9.td_mod_no_thumb .item-details {
margin-left: 0px;
}
this will remove the margin of the containing div so that the post expands full width if you don’t set an image.
Hi Lucian,
Since the Quattrocento is a part of our brand we definitely need to use it. I don’t understand how to use it with your css example. Would you mind give me the code to put in the custom css code area so that it will show on ie?
Thank you very much.
Suzanne
That’s a good sign, it means it’s doing something. 😉
I just skimmed the code and the mistake is mine. I forgot a close quote on the new tab strings. Here it is fixed:
// Set up your row, column, and tabs element
$to_echo = '[vc_row][vc_column width="1/1"][vc_tabs]';
// Simplest possible example of getting ACF data, sub in yours
$data_1 = get_field('2g_network');
$data_2 = get_field('3g_network');
// Repeat these lines for each tab, making sure each tab has a unique id
$to_echo .= '[vc_tab title="The first tab" tab_id="tab_1"]';
$to_echo .= $data_1;
$to_echo .= '[/vc_tab]';
$to_echo .= '[vc_tab title="The second tab" tab_id="tab_2"]';
$to_echo .= $data_2;
$to_echo .= '[/vc_tab]';
// (You could wrap each block in an if to skip a tab if the data is empty)
// When you have all your tabs, close the elements
$to_echo .= '[/vc_tabs][/vc_column][/vc_row]';
// We have to filter the whole string to make WP interpret the shortcodes
$to_echo = wpb_js_remove_wpautop($to_echo);
// Do whatever
echo $to_echo;
Hi,
I am trying to make the menu top header like the one see example (http://news.distractify.com)
I am choosing this Style 3 (full width logo) + menu in Header options, i am trying to get the logo in the same line to the menu with no success ! i know this something about css ! can you help me please ! You can see a live example in my test website
http://wtbuzz.com
I need not just to change the colors of menu and header, i’ve got some templetes which i’d like to use as a background.
Did i get you right that i need to add a specil class here?
<div class=”span4 column_container”>
<?php get_sidebar(); ?>
</div>
And then i can use custom css for this class? Can i add a backgrond image for it, not just to change the colors?
And your example was for category page template, i want to change sidebar on post templete too, i looked at loop-single file, but didn’t find there anything about sidebar..
Hi,
Is there any way to make the fields in forms and subscriptions darker in color? as they are now it is nearly impossible to see them. Please see example http://screencast.com/t/jh2BRH3xKy
Thanks! Robert
I tried to implement as per your instructions. Please check this screenshot it was with the_field.
I don’t know where i am making a mistake. I again changed the code to get_field and it still remains the same. Here you can see it.
Here is the full code of loop-single-1.php in which i am inserting.
<?php
/**
* The single post loop for post template 1
**/
if (have_posts()) {
the_post();
$td_mod_single = new td_module_1($post);
//show the breadcrumb
if (get_post_type($post) == 'post') {
echo td_page_generator::get_single_breadcrumbs($td_mod_single->title);
} else {
echo td_page_generator::get_page_breadcrumbs($td_mod_single->title);
}
?>
<article id="post-<?php echo $td_mod_single->post->ID;?>" class="<?php echo join(' ', get_post_class());?>" <?php echo $td_mod_single->get_item_scope();?>>
<header>
<?php echo $td_mod_single->get_title();?>
<div class="meta-info">
<?php echo $td_mod_single->get_category();?>
<?php //echo $td_mod_single->get_author();?>
<?php echo $td_mod_single->get_date(false);?>
<?php echo $td_mod_single->get_commentsAndViews();?>
</div>
</header>
<?php if (!empty($td_mod_single->td_post_theme_settings['td_subtitle'])) { ?>
<p class="td-sub-title"><?php echo $td_mod_single->td_post_theme_settings['td_subtitle'];?></p>
<?php } ?>
<?php
// override the default featured image by the templates (single.php and home.php/index.php - blog loop)
if (!empty(td_global::$load_featured_img_from_template)) {
echo $td_mod_single->get_image(td_global::$load_featured_img_from_template);
} else {
echo $td_mod_single->get_image('art-big-1col');
}
?>
<div class="td-post-text-content">
<?php echo $td_mod_single->get_content();?>
// Set up your row, column, and tabs element
$to_echo = '[vc_row][vc_column width="1/1"][vc_tabs]';
// Simplest possible example of getting ACF data, sub in yours
$data_1 = get_field('2g_network');
$data_2 = get_field('3g_network');
// Repeat these lines for each tab, making sure each tab has a unique id
$to_echo .= '[vc_tab title="The first tab" tab_id="tab_1"];
$to_echo .= $data_1;
$to_echo .= '[/vc_tab]';
$to_echo .= '[vc_tab title="The second tab" tab_id="tab_2"];
$to_echo .= $data_2;
$to_echo .= '[/vc_tab]';
// (You could wrap each block in an if to skip a tab if the data is empty)
// When you have all your tabs, close the elements
$to_echo .= '[/vc_tabs][/vc_column][/vc_row]';
// We have to filter the whole string to make WP interpret the shortcodes
$to_echo = wpb_js_remove_wpautop($to_echo);
// Do whatever
echo $to_echo;
</div>
<div class="clearfix"></div>
<footer>
<?php echo $td_mod_single->get_post_pagination();?>
<?php echo $td_mod_single->get_review();?>
<?php echo $td_mod_single->get_source_and_via();?>
<?php echo $td_mod_single->get_social_sharing();?>
<?php echo $td_mod_single->get_social_like_tweet();?>
<?php echo $td_mod_single->get_next_prev_posts();?>
<?php echo $td_mod_single->get_author_box();?>
<?php echo $td_mod_single->get_item_scope_meta();?>
</footer>
</article> <!-- /.post -->
<?php echo $td_mod_single->related_posts();?>
<?php
} else {
//no posts
echo td_page_generator::no_posts();
}?>
I think the code is not executing. Am i placing it in the wrong way?
Hi,
If you don’t use animated gif’s on your site you can permanently disable the plugin, if you need it please contact the form developers and explain the new situation to them.
Sorry for the inconvenience.
Thanks for the message!
FYI, Google News requirements have nothing to do with this “theme” but your site contents, editorial focus, original vs “cloned” content, actual editorial staff, number of updates per week, not violating Google policies (e.g., linking to a software product which allows people to download YouTube videos – for example – is a violation of Google policy), paid text links, spammy anchor links to commercial sites which are not “nofollowed,” etc.
Our various sites have been in GN since it was in beta almost a decade ago, and one of our sites running this theme is in GN now.
ref: (RTFM) – GOOGLE OFFICIAL REQUIREMENTS FOR GOOGLE NEWS:
https://support.google.com/news/publisher/answer/40787?hl=en
-
This reply was modified 11 years by
simchris.
You likely have a conflict between the methods being used.
For example when I upload a 745×483 30kb file (size on server; actual size is 24kb); the resize plugin I’m using (to make “larger” images only) along with functions quality setting of “50”, the resulting 700×357 thumb is 23.57kb on server, 1074×483 is 38.25kb; 326×235 is 10.74kb. “Actual” sizes are lower (I’m looking via my ftp tool.)
For example, the orig. 745×483 image is 24.1kb, but 28kb on disk. 30kb on unix server.
I found smushit didn’t help me.
mod_pagespeed does make my images progressive once they are cached (meaning the images seen in the page source have the pagespeed modified file names).
Thanks for reply, I previously activated child theme but synthesis allows me to activate one theme at a movement and therefore whenever i activate it, it throws an error in the dashboard.
I first created a number of fields like here under one group as you can see here.
Then i am inserted the code you provided in loop-single.php
// Set up your row, column, and tabs element
$to_echo = '[vc_row][vc_column width="1/1"][vc_tabs]';
// Simplest possible example of getting ACF data, sub in yours
$data_1 = the_field('2g_network');
$data_2 = the_field('3g_network');
// Repeat these lines for each tab, making sure each tab has a unique id
$to_echo .= '[vc_tab title="The first tab" tab_id="tab_1"];
$to_echo .= $data_1;
$to_echo .= '[/vc_tab]';
$to_echo .= '[vc_tab title="The second tab" tab_id="tab_2"];
$to_echo .= $data_2;
$to_echo .= '[/vc_tab]';
// (You could wrap each block in an if to skip a tab if the data is empty)
// When you have all your tabs, close the elements
$to_echo .= '[/vc_tabs][/vc_column][/vc_row]';
// We have to filter the whole string to make WP interpret the shortcodes
$to_echo = wpb_js_remove_wpautop($to_echo);
// Do whatever
echo $to_echo;
But now i don’t know what to do here on this screenshot.
I entered the custom fields on the post page but it’s not showing up.
And yes, i have FTP access of my site. Infact, i don’t have access to edit themes within dashboard due to my hosting strict security policy. That’s why, i was not able to take screenshot of code itself on the edit page of single loop.
Thanks again for support.
Hi Christopher, that’s really a nice thing to look at. I recently moved to Synthesis due to some bad experience with dreampress. They are saying they are the first one to implement mod_spdy.
I want to know from where can i start to implement SSL on this theme. Please provide some guidance.
Thanks
Hi,
Instead of having the background of the main menu just one single color, is there a way (CSS?) to make it gradient looking? Like the examples over here? http://goo.gl/8DhV3g
Should be possible using custom CSS I would say. But how?
Please advise.
Thank you!