This tutorial is for all those who speak Spanish and also serve to people who speak English. The tutorial is written in Spanish and English.
Newspaper 6 no es una actualización de la versión 4. Es un rediseño interno completo del Theme, por lo tanto la manera óptima de hacerlo funcionar al 100% es realizar una instalación limpia.
¿Cómo realizar una instalación limpia de Newspaper?
– Entra en http://www.yoursite.com/wp-admin/themes.php
– Activa un theme diferente a newspaper
– Borra el antiguo newspaper
– Sube el archivo de Newspaper 6
– Activa Newspaper 6 e instala los plugins que vas a utilziar como speedbooster, social, etc.
– Ve a Install demos: http://www.yoursite.com/wp-admin/admin.php?page=td_theme_demos
– Selecciona el estilo que quieres utilizar para tu sitio web. NOTA: NO ACTIVES “Include content” porque eso importará el contenido original del theme como imágenes y post, salvo el hecho de que quieras importarlo para trabajar sobre ellos en tu sitio web.
– Listo, ya tienes newspaper 6 funcional. Ahora tienes que ir a http://www.yoursite.com/wp-admin/admin.php?page=td_theme_panel y ajustar a tu gusto con tu logotipos etc.
Te recomiendo seguir las instrucciones de las dimenciones en logotipos e imágenes que establece el theme como por ejemplo para el logo principal que sea de (272 x 90px) y no de mayores dimensiones. Esto ayudará a tener mejores tiempos de carga.
Cómo optimizar newspaper 6
El Newspaper utiliza otras dimensiones de imágenes para ciertas áreas por lo tanto es recomendable regenerar las thumbnails para que todas estén en el tamaño óptimo y funcionen a la perfección.
– Entra en http://www.yoursite.com/wp-admin/plugins.php
– Instalar Regenerate Thumbnails, activarlo y ponerlo a funcionar. Lo encuentras en el menú “herramientas”
Vamos a eliminar elementos no útiles con ayuda de functions.php, este archivo lo encuentras en Apariencia + editor + functions.php . Nos posicionamos hasta el final del archivo functions.php y copiamos y pegamos el siguiente código
/* si usas jetpack, con esto eliminamos devicepx */
add_filter( 'jetpack_implode_frontend_css', '__return_false' );
function dequeue_devicepx() {
wp_dequeue_script( 'devicepx' );
}
add_action( 'wp_enqueue_scripts', 'dequeue_devicepx', 20 );
/* FIN si usas jetpack, con esto eliminamos devicepx */
/* con esto hacemos los 2 jquery de wordpress en uno solo*/
function optimize_jquery() {
if (!is_admin()) {
wp_deregister_script('jquery');
wp_deregister_script('jquery-migrate.min');
wp_deregister_script('comment-reply.min');
$protocol='http:';
if($_SERVER['HTTPS']=='on') {
$protocol='https:';
}
wp_register_script('jquery', $protocol.'//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js', false, '3.6', true);
wp_enqueue_script(‘jquery’);
}
}
add_action(‘template_redirect’, ‘optimize_jquery’);
/* FIN de con esto hacemos los 2 jquery de wordpress en uno solo*/
/*Otras optimizaciones */
function wpb_imagelink_setup() {
$image_set = get_option( ‘image_default_link_type’ );
if ($image_set !== ‘none’) {
update_option(‘image_default_link_type’, ‘none’);
}
}
add_action(‘admin_init’, ‘wpb_imagelink_setup’, 10);
function no_errors_please(){
return ‘Tu computadora se autodestruirá en 60 segundos!’;
}
add_filter( ‘login_errors’, ‘no_errors_please’ );
Damos clic en guardar o actualizar.
Newspaper 6 cuenta con Speedbooster, un plugin para mejorar el rendimiento aunque no funciona en todos los sitios web ya que hay que cumplir ciertas características, como por ejemplo tiene incompatibilidad con akismet y algunos otros plugins que comúnmente se utilizan.
Si tu sitio web solo usa el plugin visual composer, entonces puedes usar speedbooster. De lo contrario usaremos otro plugin.
Desactivaremos los AVATARES de Gravatar en: Ajustes + Comentarios + retiramos la opción mostrar Avatares.
Adicionalmente puedes utilizar el plugin “WP-Usuario-Avatar” para establecer un avatar cargado desde tu propio sitio web. Esto mejora drástica mente la velocidad de carga de una entrada con comentarios.
Cómo optimizar tu instalación de wordpress
Si tienes varios plugins vamos a desactivar y borrar TODOS los plugins que no usemos ni usaremos. Recuerda que entre menos plugins tengas instalados es mas veloz tu sitio web.
– Entra en http://www.yoursite.com/wp-admin/plugins.php
– Instala Plugin Garbage Collector
Activamos garbage collector y lo iniciamos. Este plugin nos ayudará a borrar tablas de datos viejas para mejorar la velocidad de carga de la base de datos. Si no te permite eliminar tablas desde el plugin tendrás que hacerlo desde PHPMyAdmin y borrar manualmente las tablas en la base de datos.
– Instala plugin WP-Optimize
Activamos WPOptimize y hacemos una optimización completa de la base de datos.
Regresamos a la pestaña de plugins y desactivamos, thumbnails regenerate, garbage collector y wp-optimize.
PARA USUARIOS AVANZADOS
Entramos por FTP y editaremos el archivo wp-config.php Vamos a eliminar todos los comentarios y solo dejaremos las líneas esenciales. De este modo pesará menos y quedará algo como este ejemplo.
<?php
define('WP_HOME', 'http://www.yoursite/');
define('WP_SITEURL', 'http://www.yoursite/');
define('DB_NAME', 'yourbase');
define('DB_USER', 'youruser');
define('DB_PASSWORD', 'pass');
define('DB_HOST', 'localhost');
define('DB_CHARSET', 'utf8');
define('DB_COLLATE', '');
define('AUTH_KEY', 'your key');
define('SECURE_AUTH_KEY', 'your key');
define('LOGGED_IN_KEY', 'your key');
define('NONCE_KEY', 'your key');
define('AUTH_SALT', 'your key');
define('SECURE_AUTH_SALT', 'your key');
define('LOGGED_IN_SALT', 'your key');
define('NONCE_SALT', 'your key');
$table_prefix = 'wp_';
define('WP_DEBUG', false);
if ( !defined('ABSPATH') )
define('ABSPATH', dirname(__FILE__) . '/');
require_once(ABSPATH . 'wp-settings.php');
Guardamos cambios y subimos el archivo editado
PLUGINS DE CACHE
Para el test instalé Newspaper en un sitio de pruebas con el estilo TECH. Tengo la licencia de Zen Cache PRO y WP Rocket, aunque también probé con 2 plugins gratuitos como w3 cache y Wp Super Cache. El test fue realizado con GTMetrix, el servidor del sitio web está en españa.
NOTA: En lugar de Speed Booster recomiendo usar el plugin Above The Fold Optimization y solo excluir el archivo style.css
——————————————————————–
———————–E N G L I S H ——————————-
——————————————————————–
This tutorial is for all Those Who Also Serve speak Spanish and speak to people WHO Inglés. The tutorial is written in Spanish and Inglés.
Newspaper 6 is not an update of the version 4. It is a complete internal redesign of Theme, so the optimal way to make it work 100% is performing a clean install.
How to perform a clean installation of Newspaper?
– Enter http://www.yoursite.com/wp-admin/themes.php
– Enable a different theme to newspaper
– Delete the old newspaper
– Upload the file of Newspaper 6
– Turns Newspaper 6 and install plugins you will use as SpeedBooster, visualcomposer, social, etc.
– Go to Install demos: http://www.yoursite.com/wp-admin/admin.php?page=td_theme_demos
– Select the style you want to use for your website. NOTE: Do not select “Include content” because it will import the original content of the theme as images and post, except for the fact that you want to import it to work on them on your website.
– Ready, already you have 6 Functional newspaper. Now you have to go to http://www.yoursite.com/wp-admin/admin.php?page=td_theme_panel and adjust to your taste with your logos etc.
I recommend following the instructions in the dimentions logos and images that set the theme as such for the main logo that is of (272 x 90px) and no larger. This will help to have better load times.
How to optimize newspaper 6
The Newspaper uses other dimensions of images to certain areas so it is advisable to regenerate the thumbnails are all in the optimal size and function perfectly.
– Enter http://www.yoursite.com/wp-admin/plugins.php
– Install Regenerate Thumbnails, activate it and make it work. You find it in the menu “tools”
We will remove not useful elements using functions.php, you find this file under Appearance + editor + functions.php. We position until the end of functions.php file and copy and paste the following code
/* If you use jetpack, with this we remove devicepx */
add_filter ('jetpack_implode_frontend_css' '__return_false');
dequeue_devicepx function () {
wp_dequeue_script ('devicepx');
}
add_action ('wp_enqueue_scripts' 'dequeue_devicepx', 20);
/* END if you use jetpack, with this we remove devicepx */
/* 2 do with this jquery wordpress into one */
optimize_jquery function () {
if (! is_admin ()) {
wp_deregister_script ('jquery');
wp_deregister_script ('jquery-migrate.min');
wp_deregister_script ('comment-reply.min');
$ Protocol = 'http:';
if ($ _ SERVER ['HTTPS'] == 'on') {
$ Protocol = 'https:';
}
wp_register_script ('jquery', $ protocol '// ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js', false, '3.6', true.);
wp_enqueue_script (‘jquery’);
}
}
add_action (‘template_redirect’ ‘optimize_jquery’);
/* End with this we jquery wordpress 2 into one */
/* Other optimizations */
wpb_imagelink_setup function () {
$ Image_set = get_option (‘image_default_link_type’);
if ($ image_set! == ‘none’) {
update_option (‘image_default_link_type’, ‘none’);
}
}
add_action (‘admin_init’ ‘wpb_imagelink_setup’, 10);
no_errors_please function () {
return ‘Your computer will self-destruct in 60 seconds!’;
}
add_filter (‘login_errors’ ‘no_errors_please’);
We click save or update.
Newspaper 6 features Speedbooster </ strong>, a plugin to improve performance but does not work at all as there are websites that meet certain characteristics, such as is incompatible with akismet and some other commonly used plugins .
If your website only uses the visual composer plugin, then you can use SpeedBooster. Otherwise we will use another plugin.
deactivate avatars Gravatar : Settings + Comments + withdrew the Show Avatars.
Additionally you can use the “WP-User-Avatar” plugin to establish an avatar loaded from your own site. This improves drastically loading speed of an post with comments.
How to optimize your wordpress installation
If you have multiple plugins we will deactivate and delete all plugins not to use or will use. Remember that the less have installed plugins is faster your website.
– Enter http://www.yoursite.com/wp-admin/plugins.php
– Install Plugin Garbage Collector
Activate and start garbage collector. This plugin will help us erase old data tables to improve loading speed of the database. If not let you delete tables from the plugin will have to do it from PHPMyAdmin and manually delete old tables in the database.
– Install plugin WP-Optimize
We WPOptimize activate and make a complete optimization of the database.
Back to the plugins tab and deactivate, regenerate thumbnails, garbage collector and wp-optimize.
FOR ADVANCED USERS
Walked through FTP and edit the file wp-config.php We will remove all comments and leave only the essential lines. This will weigh less and be something like this example.
<? Php
define ('WP_HOME', 'http: //www.yoursite/');
define ('WP_SITEURL', 'http: //www.yoursite/');
define ('DB_NAME', 'yourbase');
define ('DB_USER' 'youruser');
define ('DB_PASSWORD', 'pass');
define ('DB_HOST', 'localhost');
define ('DB_CHARSET', 'utf8');
define ('DB_COLLATE', '');
define ('AUTH_KEY', 'your key');
define ('SECURE_AUTH_KEY', 'your key');
define ('LOGGED_IN_KEY', 'your key');
define ('NONCE_KEY', 'your key');
define ('AUTH_SALT', 'your key');
define ('SECURE_AUTH_SALT', 'your key');
define ('LOGGED_IN_SALT', 'your key');
define ('NONCE_SALT', 'your key');
$ Table_prefix = 'wp_';
define ('WP_DEBUG', false);
if (! defined ('ABSPATH'))
define ('ABSPATH', dirname (__ FILE__) '/'.);
require_once (ABSPATH 'wp-settings.php. ");
Save changes and upload the file
plugins CACHE
For Newspaper 6 TEST, i installed in a test site with TECH style. I have licence of Zen CAHE PRO and WP Rocket (the best cache plugins for wordpress), but also tried with 2 free plugins like w3 cache and WP Super Cache. The test was conducted with GTMetrix, the server of the website is in Spain.
NOTE: Instead of Speed Booster recommend using the Above The Fold Optimization plugin and only exclude the file style.css
Muchas gracias! Very nice reading, nice tips, thanks for you time!
Note 2: For osom image optimizatión you can use “ShortPixel Image Optimizer”.
Hi, how come I get an error on this line? add_filter (‘jetpack_implode_frontend_css’ ‘__return_false’);
@modernmavens Sorry, i cant edit the firs post 😛 and I forgot a comma in english part
add_filter( 'jetpack_implode_frontend_css', '__return_false' );
function dequeue_devicepx() {
wp_dequeue_script( 'devicepx' );
}
add_action( 'wp_enqueue_scripts', 'dequeue_devicepx', 20 );
Copy all the code i put on spanish part, and paste at the end in your functions.php
Regards
Muchas gracias Ing Geek, eres el crack en español! para actualizar la versión 4 a la 6 y lograr esta optimización que pasos debo hacer? Slds.
Que tal @Alienplot, solo sigue los pasos que marqué en español. Y te recomiendo adquirir la licencia de Wp Rocket es el mejor plugin de cache, si lo haces me avisas para pasarte mi setup.
si no, puedes usar cualquiera de los otros plugins de cache, en especial el zencache en su versión básica es bastante decente te da buena velocidad y no consume mucha ram ni cpu lo cual mantiene veloz el sitio
Hi thanks for that. I use MaxCDN – how does WP Rocket perform through that?
Regards
Derek
El problema de la versión 6 sigue siendo lo de los artículos únicos, yo uso en la portada un par de categorías para resaltar todo lo que quiero, pero sin esta opción funcionando todo se repite cuarenta mil veces. :p
La opción de “Unique Articles” de las páginas no sirve en la versión 6. Se supone que hoy mandaron la revisión 6.1 que corrige este problema, pero es hora que Envato no la acepta.
+1 thanks for this information and steps.
Thank you.. your tips and wp rocket has indeed worked great.. reduced my website page load from 2-3 seconds to under 1 seconds.. 🙂
Buenos días, muchas gracias por el tutorial, eres un crack.
Me queda claro como instalar la versión 6 desde la 4, pero perderemos toda nuestra configuración (traducciones, portada, etc) ¿no?, es decir, seria como instalar un tema nuevo desde 0 ¿verdad?.
Un saludo
Hello
Many thanks for your ideas.
I tried to copy paste at the end your code in functions.php but it doens’t work.
Maybe sometinh missing or I didn’t paste the code where it should be?
I find W3 total cache to complex to configure.
So before buying Rocket, I activated the Falcon mode on Wordfence.
Could you please make a speed test with your configuration with this fourth systme?
Regards
Un detalle ponerlo en Español. Muchas gracias.
hola
Muchas gracias por sus ideas.
Traté de copiar pegar en el final de su código en functions.php pero no funciona.
Quizás calle detrás falta o que no pegue el código donde debe estar?
Me parece caché total de W3 a lo complejo de configurar.
Así que antes de comprar Rocket, activé el modo de Falcon en Wordfence.
¿Podrías por favor hacer una prueba de velocidad con la configuración con este cuarto systme?
saludos
@gopal904 Yep, WP Rocket its F* OSOM!
@arsonists Así es. El Newspaper 6 tiene la opción de importar desde la 4, pero en si el theme es muy diferente internamente, de hecho V6 es 1MB mas ligero que v4!! por lo que importar ajustes sería una tontería si la estructura interna no es igual. Por las traducciones no te preocupes pues ahora ya viene traducido a español 😀
@thomas Hello thomas, you must use spanish code. Because i use google translator to translate tutorial from spanish to english and some translated code lines are bad. :-(. Try this:
/* si usas jetpack, con esto eliminamos devicepx */
add_filter( 'jetpack_implode_frontend_css', '__return_false' );
function dequeue_devicepx() {
wp_dequeue_script( 'devicepx' );
}
add_action( 'wp_enqueue_scripts', 'dequeue_devicepx', 20 );
/* FIN si usas jetpack, con esto eliminamos devicepx */
/* con esto hacemos los 2 jquery de wordpress en uno solo*/
function optimize_jquery() {
if (!is_admin()) {
wp_deregister_script('jquery');
wp_deregister_script('jquery-migrate.min');
wp_deregister_script('comment-reply.min');
$protocol='http:';
if($_SERVER['HTTPS']=='on') {
$protocol='https:';
}
wp_register_script('jquery', $protocol.'//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js', false, '3.6', true);
wp_enqueue_script(‘jquery’);
}
}
add_action(‘template_redirect’, ‘optimize_jquery’);
/* FIN de con esto hacemos los 2 jquery de wordpress en uno solo*/
/*Otras optimizaciones */
function wpb_imagelink_setup() {
$image_set = get_option( ‘image_default_link_type’ );
if ($image_set !== ‘none’) {
update_option(‘image_default_link_type’, ‘none’);
}
}
add_action(‘admin_init’, ‘wpb_imagelink_setup’, 10);
function no_errors_please(){
return ‘Tu computadora se autodestruirá en 60 segundos!';
}
add_filter( ‘login_errors’, ‘no_errors_please’ );
@thomas Another thing, Wordfence isnt a god option 🙁 Its better to use jetpack and activate bruteforce. Wordfence + falcon only works well on Nginx and you need at least 4gb ram and 4 cores or your site will turns slower.
If you uninstall wordfence then you need to enter on phpmyadmin and detale manually around 10tables related to wordfence!!! Its a really a bad plugin xD
Many thanks for all your answer.
I will consider to do that before put online our new site.
Regards
I try to insert in functions.php the code juste after <?php but still didn’t work and stop the site. 🙁
😛 i dontknow what its happening. If you use skype you can addme inggeek and i can try to help you.
Regards
Gracias por tu respuesta,
Finalmente me he decantado por una instalación limpia y por ahora todo bien.
Sigo teniendo un par de dudas, a ver si puedes ayudarme.
1º He comprado e instalado WP Rockets, ¿podrías indicarme que configuración has puesto?.
2º En el tutorial dices que si usamos Visual Composer, dejemos el plugin speedbooster. En cambio, al final del tutorial recomiendas usar “Above The Fold Optimization”. Si usamos VC, ¿por cual nos decantamos finalmente?.
3º Por lo que he investigado, WP Rockets no cachea la BD, ¿es recomendable usar otro plugin para dicho cacheo?.
Un saludo y gracias de antemano.
que tal @arsonists
si solo usas visual composer puedes dejar speed booster
Pero si tienes otros plugins que son incompatibles es mejor usar el above the fold ya que ese no es incompatible.
Los settings para wprocket son
lazy load a imagenes (y desactiva la que incoporta el newspaper)
optimizar archivos palomea todas
cache movil
opciones avanzadas
Precarga de DNS
//fonts.googleapis.com
//ajax.googleapis.com
//stats.wp.com
//ssl.gstatic.com
//platform.twitter.com
archivos css a excluir
/wp-content/uploads/js_composer/custom.css
/wp-content/themes/Newspaper/style.css
Archivos js a excluir
/wp-content/themes/Newspaper/js/min/site.min.js
/wp-content/themes/Newspaper/js/min/td_external.js
sobre cachear la db depende de tu servidor, si estás en un shared de nada te ayuda, si estás en un vps o dedicado puedes dedicar mas recursos a la base de datos o cachear desde el servidor lo cual será mejor que con un plugin
Okay. Wp-Optimize wiped out my site haha. I have to reinstall the backup to recover everything
