Category

Sin categoría

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

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

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]