All Posts By

maca

Salient Theme – Agregar tipografías personalizadas

1: Agregar las fuentes (en formato .ttf .otf .woff) en la carpeta wp-content -> Themes -> Salient -> fonts

2: En el editor de css agregar las nuevas tipografías con el siguiente código:

@font-face {
font-family: ‘Trebuchet MS Regular’;
src: url(«/wp-content/themes/salient/fonts/Trebuchet-MS.woff») format(«woff»),
url(«/wp-content/themes/salient/fonts/Trebuchet-MS.otf») format(«opentype»),
url(«/wp-content/themes/salient/fonts/Trebuchet-MS.ttf») format(«truetype»);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: ‘Trebuchet MS Italic’;
src: url(«/wp-content/themes/salient/fonts/Trebuchet-MS-Italic.woff») format(«woff»),
url(«/wp-content/themes/salient/fonts/Trebuchet-MS-Italic.otf») format(«opentype»),
url(«/wp-content/themes/salient/fonts/Trebuchet-MS-Italic.ttf») format(«truetype»);
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: ‘Trebuchet MS Bold’;
src: url(«/wp-content/themes/salient/fonts/Trebuchet-MS-Bold.woff») format(«woff»),
url(«/wp-content/themes/salient/fonts/Trebuchet-MS-Bold.otf») format(«opentype»),
url(«/wp-content/themes/salient/fonts/Trebuchet-MS-Bold.ttf») format(«truetype»);
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: ‘Trebuchet MS Bold Italic’;
src: url(«/wp-content/themes/salient/fonts/Trebuchet-MS Bold-Italic.woff») format(«woff»),
url(«/wp-content/themes/salient/fonts/Trebuchet-MS Bold-Italic.otf») format(«opentype»),
url(«/wp-content/themes/salient/fonts/Trebuchet-MS Bold-Italic.ttf») format(«truetype»);
font-weight: bold;
font-style: italic;
}

3: Instalar plugin Code Snippets

4: Una vez instalado ir a agregar nuevo y agregar el siguiente código:

function salient_redux_custom_fonts() {
return array(
‘Custom Fonts’ => array(
‘Trebuchet MS’ => ‘Trebuchet MS Regular’,
‘Trebuchet MS Italic’ => ‘Trebuchet MS Italic’,
‘Trebuchet MS Bold’ => ‘Trebuchet MS Bold’,
‘Trebuchet MS Bold Italic’ => ‘Trebuchet MS Bold Italic’,
)
);
}
add_filter( «redux/salient_redux/field/typography/custom_fonts», «salient_redux_custom_fonts» );

5: Una vez listo estas salen desplegadas dentro de las opciones del tema en las tipografías como custom

Cambiar 404 links

Se puede cmabiar el menú que aparece por defecto en la página 404 de Avada en, Apariencia > Menú
Se crea un menú con los links que se quiere que aparezcan y se selecciona «404 Useful Pages»
Si se quieren hacer más modificaciones se deben hacer en el archivo 404.php que se encuentra en la carpeta de Avada

Cómo saber mi posición en google

Serplab
Herramienta online gratuita para el seguimiento de la posición de un sitio web para un término de búsqueda determinado. En su versión básica debes hacer la búsqueda manual por cada uno de los dominios que quieres monitorizar. Si nos registramos podemos seguir nuestros distintos proyectos de manera automatizada guardando los datos de los últimos 60 días. El registro también es gratuito.

Al ser una aplicación web será necesario que si haces búsquedas manuales borres las cookies de navegador y estés fuera de tu cuenta de Google para evitar que se produzcan errores en los resultados. Esto no se produce si estás registrado ya que las actualizaciones de búsqueda se hacen automáticamente desde el servidor de la aplicación.

[fusion_button link=»https://www.serplab.co.uk/» title=»» target=»_self» alignment=»» modal=»» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» class=»» id=»» color=»default» button_gradient_top_color=»» button_gradient_bottom_color=»» button_gradient_top_color_hover=»» button_gradient_bottom_color_hover=»» accent_color=»» accent_hover_color=»» type=»» bevel_color=»» border_width=»» size=»» stretch=»default» shape=»» icon=»» icon_position=»left» icon_divider=»no» animation_type=»» animation_direction=»left» animation_speed=»0.3″ animation_offset=»»]Serplab[/fusion_button]

Carga masiva de porductos

Se requieren usar estos 2 plugins, hay videos explicativos.

Import any XML or CSV File to WordPress
Import Products from any XML or CSV to WooCommerce


Esto lo hice en el sitio de QUIMICK

Para productos variables:

Woocommerce Español

WooCommerce es un plugin orientado al comercio electrónico en WordPress que a estas alturas no necesita muchas presentaciones ¡es una de las estrellas de la venta de productos online en el CMS más utilizado en la actualidad! y de momento eso es irrefutable.

En los Packs WordPress orientados a comercio electrónico (Tiendas) que Webempresa comercializa, este plugin está incorporado como actor principal junto con una serie de plugins gratuitos complementarios. Este plugin se entrega traducido al castellano (Español Internacional) por lo que no requiere más acciones en este sentido por parte de los clientes.

Sin embargo, hay usuarios (o clientes de Webempresa) que teniendo contratados otros productos, no disponen de WooCommerce ¡personalizado y castellanizado! y recurren a la descarga o instalación de WooCommerce desde la web del autor, encontrándose que se muestra en Inglés. ¿Como solucionarlo de forma rápida y sencilla? ..sigue leyendo!

Como este problema se lo han encontrado ya al menos 1000 usuarios (a juzgar por las descargas realizadas) un desarrollador decidió liberar el plugin WooCommerce (es) para que quienes necesitan WooCommerce en castellano (Español Internacional) puedan dispones de las traducciones de forma rápida y muy sencilla, por medio de este plugin, y en pocos clics.

[fusion_button link=»https://www.webempresa.com/blog/traduce-woocommerce-al-espanol-de-forma-rapida-y-sencilla.html» title=»» target=»_self» alignment=»» modal=»» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» class=»» id=»» color=»default» button_gradient_top_color=»» button_gradient_bottom_color=»» button_gradient_top_color_hover=»» button_gradient_bottom_color_hover=»» accent_color=»» accent_hover_color=»» type=»» bevel_color=»» border_width=»» size=»» stretch=»default» shape=»» icon=»» icon_position=»left» icon_divider=»no» animation_type=»» animation_direction=»left» animation_speed=»0.3″ animation_offset=»»]Link[/fusion_button] [fusion_button link=»» title=»» target=»_self» alignment=»» modal=»» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» class=»» id=»» color=»default» button_gradient_top_color=»» button_gradient_bottom_color=»» button_gradient_top_color_hover=»» button_gradient_bottom_color_hover=»» accent_color=»» accent_hover_color=»» type=»» bevel_color=»» border_width=»» size=»» stretch=»default» shape=»» icon=»» icon_position=»left» icon_divider=»no» animation_type=»» animation_direction=»left» animation_speed=»0.3″ animation_offset=»»]Button Text[/fusion_button] [fusion_button link=»https://wordpress.org/plugins/woocommerce-es/» title=»» target=»_self» alignment=»» modal=»» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» class=»» id=»» color=»default» button_gradient_top_color=»» button_gradient_bottom_color=»» button_gradient_top_color_hover=»» button_gradient_bottom_color_hover=»» accent_color=»» accent_hover_color=»» type=»» bevel_color=»» border_width=»» size=»» stretch=»default» shape=»» icon=»» icon_position=»left» icon_divider=»no» animation_type=»» animation_direction=»left» animation_speed=»0.3″ animation_offset=»»]Link Plugin[/fusion_button]

fuente: webempresas.com

Booster for WooCommerce

Editar textos, botones, etc de woocomerce.

[fusion_button link=»https://wordpress.org/plugins/woocommerce-jetpack/» title=»» target=»_self» alignment=»» modal=»» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» class=»» id=»» color=»default» button_gradient_top_color=»» button_gradient_bottom_color=»» button_gradient_top_color_hover=»» button_gradient_bottom_color_hover=»» accent_color=»» accent_hover_color=»» type=»» bevel_color=»» border_width=»» size=»» stretch=»default» shape=»» icon=»» icon_position=»left» icon_divider=»no» animation_type=»» animation_direction=»left» animation_speed=»0.3″ animation_offset=»»]Link[/fusion_button]

¿Para qué necesito una página web?

A día de hoy aún nos encontramos a empresas que te hacen esta pregunta. Independientemente de tu sector vamos a tratar de contestar esta pregunta con 6 razones.

1. Perfecta presentación de tu empresa

Una web es el escaparate perfecto para captar a futuros clientes, tanto si vendes productos como servicios. Es la primera imagen que el cliente se lleva de tu negocio. Por lo tanto, el diseño web es muy importante. Está demostrado que un cliente que está comparando varias empresas para realizar una compra o una contratación, y barajan mismos precios, escogerá a la empresa que tiene presencia online ya que le transmite más prestigio y calidad.
2. Tus clientes podrán recomendarte más fácilmente

Hoy en día a través de e-mail o redes sociales se produce este método de recomendación y es capaz de extenderse con facilidad. Sin una web es imposible que nadie enlace tu sitio y renuncias a esto.
3. Tus clientes van hacia a ti

En caso de recibir clientes en tu empresa u oficina, añade un mapa de google o indicacionespara que puedan llegar con facilidad.
4. Posibles dudas de los clientes acerca de tus productos o servicios

Se puede dar el caso que mucha gente te envía un e-mail o llama al negocio para hacer el mismo tipo de pregunta siempre, con una web puedes crear una sección FAQ (Preguntas frecuentes) donde puedas resolver este tipo de dudas y ahorrar tiempo.
5. Excelente relación coste-beneficio

Una web tiene un coste bajo comparado con otros medios publicitarios y una vez hecha la inversión la acabas amortizando en poco tiempo. También te será fácil ver estadísticas de la efectividad de esta.
6. Llega a un público más amplio

Es mucho más fácil llegar a posibles clientes fuera de tu ciudad gracias a tu web que tu local físico. Por lo tanto, con una página web tienes posibilidades de ampliar tus fronteras y captar clientes de otras ciudades.

 

Fuente: https://www.turipano360.com/blog/item/221-para-que-necesito-una-pagina-web

Silenciar Videos de Youtube insertados

<div id="muteYouTubeVideoPlayer"></div>

<script async src="https://www.youtube.com/iframe_api"></script>
<script>
 function onYouTubeIframeAPIReady() {
  var player;
  player = new YT.Player('muteYouTubeVideoPlayer', {
    videoId: 'YOUR_VIDEO_ID', // YouTube Video ID
    width: 560,               // Player width (in px)
    height: 316,              // Player height (in px)
    playerVars: {
      autoplay: 1,        // Auto-play the video on load
      controls: 1,        // Show pause/play buttons in player
      showinfo: 0,        // Hide the video title
      modestbranding: 1,  // Hide the Youtube Logo
      loop: 1,            // Run the video in a loop
      fs: 0,              // Hide the full screen button
      cc_load_policy: 0, // Hide closed captions
      iv_load_policy: 3,  // Hide the Video Annotations
      autohide: 0         // Hide video controls when playing
    },
    events: {
      onReady: function(e) {
        e.target.mute();
      }
    }
  });
 }

 // Written by @labnol 
</script>

 

[fusion_button link=»http://www.periodismo.com/2016/07/18/como-incrustar-un-video-de-youtube-con-el-sonido-silenciado/» title=»» target=»_self» alignment=»» modal=»» hide_on_mobile=»small-visibility,medium-visibility,large-visibility» class=»» id=»» color=»default» button_gradient_top_color=»» button_gradient_bottom_color=»» button_gradient_top_color_hover=»» button_gradient_bottom_color_hover=»» accent_color=»» accent_hover_color=»» type=»» bevel_color=»» border_width=»» size=»» stretch=»default» shape=»» icon=»» icon_position=»left» icon_divider=»no» animation_type=»» animation_direction=»left» animation_speed=»0.3″ animation_offset=»»]Link[/fusion_button]