Hi there,
First of all, please accept my apologies all of these.
Please allow me to ask a few things about customization of the new Newspaper version 7.0.
1. Since I am doing some customization on my site and based on what I had read on the documentation and on your rules that any update of the Theme we should try again to re-implement the code for our customization, so I decided instead of doing that again and again is to add the Child Theme, that any update of the Theme still the customization of site will be there right? Please advise if this the best option? Hope it will.
2. (If Serial 1 is not the best option, leave this.) Please advise if this is correct to Add a Child Theme via FTP I will just add the Folder “Newspaper-child” located in /code folder? base on this Tutorial Link to add it under “wp-content/themes” right? by just dragging it via FTP? same on this Image Link.
3. Author Box Card replace it with USERPRO shortcode.
Filename:
/wp-content/themes/Newspaper/loop-single-12.php – this is my style number
ShortCode to add:
<?php echo do_shortcode('[userpro template=card user=author]');?>
Original String Structure:
<?php echo $td_mod_single->get_social_sharing_bottom();?>
<?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>
Modified String Structure: Please advise if this is correct syntax code?
<?php echo $td_mod_single->get_social_sharing_bottom();?>
<?php echo $td_mod_single->get_next_prev_posts();?>
<?php echo do_shortcode('[userpro template=card user=author]');?>
<?php echo $td_mod_single->get_item_scope_meta();?>
</footer>
3.a. If I am using a Child Theme I just copy the Filename then create a directory structure path in the child theme as in the theme and paste the Filename based on this Tutorial Link aight?
4. Sign In/Join Desktop view popup version using USERPRO shortcode
Filename: wp-content/themes/Newspaper/parts/header/top-menu.php
ShortCode to add:
<div class="td-login-wrap">
' . do_shortcode('[userpro template=login]') . '
Original String Structure:
//<span class="td-sp-ico-logout"></span>
echo '<ul class="top-header-menu td_ul_logout">
<li class="menu-item">' .
get_avatar($current_user->ID, 20) . 'ID) . '" class="td_user_logd_in">' . $current_user->display_name . '' .
'
<li class="menu-item">
<i class="td-icon-logout"></i>' . __td('Logout', TD_THEME_NAME) . '
';
} else {
echo '<ul class="top-header-menu td_ul_login"><li class="menu-item">' . __td('Sign in / Join', TD_THEME_NAME) . '<span class="td-sp-ico-login td_sp_login_ico_style"></span>';
}
}//end login window
Modified String Structure:
Please advise how to add the correct syntax code.
4.a. Same on Serial 3.a. question.
5. Sign In/Join Mobile View using USERPRO shortcode
Filename:
Please advise where to modify it?
ShortCode to add:
Please advise the correct syntax code for this.
' . do_shortcode('[userpro template=login]') . '
Original String Structure:
Please advise where to modify it?
Modified String Structure:
Please advise how to add the correct syntax code.
5.a. Same on Serial 3.a. question.
6. FB Comments instead of WP comments
Filename:
wp-content/themes/Newspaper/header.php
wp-content/themes/Newspaper/loop-single-12.php
ShortCode to add:
header.php
<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=XXXXXX”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
loop-single-12.php
<div class="fb-comments" data-href="<?php echo get_permalink($td_mod_single->post->ID); ?>" data-width="100%" data-numposts="5"></div>
Original String Structure:
header.php
</head>
<body <?php body_class() ?> itemscope="itemscope" itemtype="<?php echo td_global::$http_or_https?>://schema.org/WebPage">
<?php /* scroll to top */?>
<div class="td-scroll-up"><i class="td-icon-menu-up"></i></div>
<?php locate_template('parts/menu-mobile.php', true);?>
<?php locate_template('parts/search.php', true);?>
loop-single-12.php
<?php echo $td_mod_single->get_item_scope_meta();?>
</footer>
<?php echo $td_mod_single->related_posts();?>
<?php
} else {
//no posts
echo td_page_generator::no_posts();
}
Modified String Structure: Please advise if this is the correct syntax code?
header.php
</head>
<body <?php body_class() ?> itemscope="itemscope" itemtype="<?php echo td_global::$http_or_https?>://schema.org/WebPage">
<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=XXXXXX”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
<?php /* scroll to top */?>
<div class="td-scroll-up"><i class="td-icon-menu-up"></i></div>
<?php locate_template('parts/menu-mobile.php', true);?>
<?php locate_template('parts/search.php', true);?>
loop-single-12.php
<?php echo $td_mod_single->get_item_scope_meta();?>
</footer>
<div class="fb-comments" data-href="<?php echo get_permalink($td_mod_single->post->ID); ?>" data-width="100%" data-numposts="5"></div>
<?php echo $td_mod_single->related_posts();?>
<?php
} else {
//no posts
echo td_page_generator::no_posts();
}
6.a. Same on Serial 3.a. question.
7. If there is a new update of the Theme like for example: header.php as we added a Custom Code on version 6.x.x has 92 Lines + 2 Lines on our Custom Code both on Main Theme and Child Theme then a new update came version 7.0 header.php has 98 Lines, since our Child Theme had originally 92 Lines, are we going to update also our Child Theme structure based on the latest one from 92 Lines to 98 Lines then + 2 Lines on our Custom code?
8. Mobile Theme Plugin – if I install this plugin would the Child Theme modification will reflect to this? I mean I made changes in Serial 3, 5 and 6 will it reflect also? Please advise.
8.a. Whats the difference between Theme Panel background color for mobile vs Mobile Theme Plugin Settings background color? Which one should I make the changes if this Plugin is installed?
8.b. Gradient color – may I ask the exact hex number of this color? Link Here
9. Am I allowed to create directory structure and add the following filename on the Child Theme incase all of the above are possible to my site.
>loop-single-12.php
>top-menu.php
>For Serial 5 filename
>header.php
I have sent my Login Credentials via mail incase you may need it with the same Subject here.
Regards
1) A child theme is not update proof unfortunately. The files will still have to be replaced and customization re-added if the file itself gets updated in the main theme. Think about it. A file gets updated with new code and you serve the old version from your child theme. It will not work properly. This is the thing about customization there is no update proof way of doing it.
2) Yes, you need to first copy over the child theme folder from the base theme archive and then create the same path for the file you want to customize as the guide shows.
3) + 3a: In that case you simply copy over the file from the root directory into the root directory of the child theme.
4) + 4a i;m not sure exacly what userpro should do as we have not tested it. I cannot provide any blind solution as I’m not sure what it is supposed to tie in. Sorry but we can’t provide any solution for this. In order to add the file to the child them, you need to maintain the file sctructure and create a /parts/header/top-menu.php in the child-theme folder
5) and 6) unfortunately these are untested plugins so we are not sure exactly where to add the code. Unfortunately this represents customization that falls beyond what support can offer you/
7) You can find the list of modified files here: http://tagdiv.com/td_deploy/Newspaper/changed_files_6.6_7.0.html Each of the files on this list were modified.
8) The mobile theme will not be affected by the child theme in the classical way as it uses a different file structure and different files. It will not use the same smartlist files as the desktop version: http://screencast.com/t/8ElxdYM2AlvV
8)a. There are 2 mobile versions now. One is the standard version and one is the mobile theme. Every setting for the mobile theme can be found here: http://screencast.com/t/fGer1I2jJzN6 so settings for the mopbile theme are made here. If you deactivate the mobile theme this panel will disappear.
8)b. I send you an email for it.
9) As I wrote above, you only need to create the file structure replicating the one in the main theme and copy your files there. As a note on the child theme all of the wp-booster folder will not work from the child theme. any modification to files in this folder will have to be made in the main theme.
Thank you!
