Como cambiar de idioma una plantilla en weebly

sanluisbinario · #1 (**permalink**) 26/04/2015, 09:19

Lo que quiero hacer especificamente es cambiar 3 palabras que aparecen por defecto en inglés en mi sitio publicado. (next, back, search)

Ahora, estuve viendo que hay que cambiar desde el html el idioma de ingles a español, pero logicamente esa parte del código no la tengo.

En una mesa de ayuda de weebly lo único que hay es lo siguiente:
Aca va el link: http://divtagtutorials.com/change-template-to-different-languages/

basicamente dice que tengo que cambiar el idioma por el español con este código
html xmlns=”http://www.w3.org/1999/xhtml” lang=”en” xml:lang=”en” >
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8 ” />

La primera linea es la que no tengo en mi codigo, si la segunda.

Y aca viene la pregunta: alguien sabe cómo agregar un código al html para levantar la plantilla en español?

Desde ya se agradece

este es el landing.html

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0;">

<script type="text/javascript" charset="utf-8">
document.addEventListener('DOMContentLoaded', function () {
document.getElementById("navmobile").innerHTML = document.getElementById("nav-wrap").innerHTML;
});
</script>

</head>

<body class='landing-page wsite-theme-light'>

<input type="checkbox" id="mobile-trigger" class="mobile-trigger">

<div id="header-wrap">
<div id="header">
<div class="container">
<table>
<tr>
<td id="nav-wrap">{menu}</td>
<td class="search">{Search}</td>
</tr>
</table>
<label id="nav-trigger" for="mobile-trigger"></label>
</div>
</div>
</div>

<div id="navmobile" class="nav"></div>

<div id="main-wrap">

<div id="banner-wrap" class="wsite-background">
<div id="banner" class="container">
<div id="banner-inner">
{logo}
<h2>{headline:text global="false"}</h2>
<p>{headline-paragraph:text global="false"}</p>
{action:button global="false"}
</div> 
</div>
</div>

<div id="main-content" class="container">{content}</div>

<div id="footer-wrap">
{footer}
</div>

</div>


<script type="text/javascript" src="/files/theme/plugins.js"></script>
<script type="text/javascript" src="/files/theme/custom.js"></script>
<script type="text/javascript" src="/files/theme/mobile.js"></script>
<div style='display:none'>{content}</div>
</body>

PHPeros · #2 (**permalink**) 26/04/2015, 09:36

Con eso, obviamente, indicas que el sitio está en español, pero no lo traduces al español

Si no te da opción de cambiar el idioma por defecto tendrás que editarla manualmente.

sanluisbinario · #3 (**permalink**) 26/04/2015, 09:46

Ok. no me da la opción. Entonces como hago para editar manualmente esos tres textos?
En el código no salen

PHPeros · #4 (**permalink**) 26/04/2015, 09:57

Busca el editor de plantillas de weebly.

sanluisbinario · #5 (**permalink**) 26/04/2015, 10:00

Claro, a eso me refiero. que en el editor no encuentro donde editar esas palabras.
gracias igual.

sanluisbinario · #6 (**permalink**) 27/04/2015, 06:51

Sigo buscando en el código donde poder editar dos palabras al español
Back y Search

Este es mi único gran problema

El texto "back" se habilita en el menú sólo cuando achico la pantalla y se convierte el menú tradicional en un menú lateral.

Y el texto "search" se habilita sólo cuando me muestra los resultados de las búsquedas

Si alguien que lo tenga resuelto me pueda ayudar, le estaré muy agradecido.

esta es la web para que vean de que hablo
www.sanluisbinario.com

Este es el código

/* Resets
--------------------------------------------------------------------------------*/
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote,
fieldset, input {
margin: 0;
padding: 0;
}

a img {
border: 0;
}

a {
text-decoration: none;
}

:focus {
outline: 0;
}

/* Fonts
--------------------------------------------------------------------------------*/
@font-face {
font-family: 'bebas_neueregular';
src: url('BebasNeue-webfont.eot');
src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('BebasNeue-webfont.woff') format('woff'),
url('BebasNeue-webfont.ttf') format('truetype'),
url('BebasNeue-webfont.svg#bebas_neueregular') format('svg');
font-weight: normal;
font-style: normal;
}

@import url('http://fonts.googleapis.com/css?family=Crimson+Text:600italic');

/* General Styling and Structure
--------------------------------------------------------------------------------*/
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”es” xml:lang=”es” >
html {
height:100%;
}

body {
font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: 1;
color:#666666 ;
background: #d6d6d6;
-webkit-font-smoothing:antialiased;
height:100%;
}

.container, .wsite-footer {
margin: 0 auto;
width: 100%;
max-width: 1100px;
box-sizing: border-box;
padding: 0 2.5em;
}

#banner-wrap,
#main-wrap,
#footer-wrap {
position: relative;
width:100%;
}

a, #commentUserInfo a {
color:#E6E5E3;
}

a:hover, #commentUserInfo a:hover {
color:#E6E5E3;
}

h2 {
line-height: 1.2;
color: #000;
font-size:1.875em;
font-weight: normal;
margin: 0 auto .25em;
}

.wsite-content-title {
font-size: 2.25em;
font-family: 'Crimson Text', serif;
font-style: ;
font-weight: 600;
text-align: center;
}

p {
font-size: ;
line-height: 1.5;
padding: .5em 0;
}

blockquote {
background: url(blockquote-img.png) no-repeat 0px 0.3em;
font-family: 'Lato', sans-serif;
font-size: 1.250em;
font-style:italic;
line-height: 1.5em !important;
color: #000;
padding: 0em 1em 1em 1.7em !important;
margin: 1em 1em !important;
border-left: 0px !important;
}

div#content {min-height:400px;}

/* Header
--------------------------------------------------------------------------------*/

.wsite-logo a {
color: #fff;
}

#header-wrap {
position: fixed;
top: 0;
right: 0;
width:100%;
background-color: rgba(0, 0, 0, 0.3);
z-index: 5;
-webkit-transition: all 300ms cubic-bezier(0.55, 0.085, 0.68, 0.53) !important;
-moz-transition: all 300ms cubic-bezier(0.55, 0.085, 0.68, 0.53) !important;
-o-transition: all 300ms cubic-bezier(0.55, 0.085, 0.68, 0.53) !important;
-ms-transition: all 300ms cubic-bezier(0.55, 0.085, 0.68, 0.53) !important;
transition: all 300ms cubic-bezier(0.55, 0.085, 0.68, 0.53) !important;
}

.darken #header-wrap {
background-color: rgba(0, 0, 0, 0.30);
}

#header {
}

#header table{
border-collapse: collapse;
border-spacing: 0;
width:100%;
height: ;
}

#header table td {
vertical-align: middle;
text-align: right;
}

.wsite-logo {
font-family: "Crimson Text",serif;
font-size: 2.25em;
font-weight: 600;
font-style : italic;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.137);
}

#banner h2 {
font-family:'bebas_neueregular';
font-size: 4.75em;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
color:#fff;
letter-spacing:2px;
margin: 0 auto ;
}

.wsite-headline-paragraph {
font-size: 0.875em;
font-family: 'Lato', sans-serif;
color: rgb(255, 255, 255);
font-weight: bold;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.196);
}

.wsite-background {
background: url(main_bg.jpg) no-repeat center / cover;
}

/* Header: Search Box
--------------------------------------------------------------------------------*/

.search {
max-width: 210px;
}

.wsite-search {
vertical-align: middle;
}

.search .wsite-search-input {
background: none repeat scroll 0 0 rgba(0, 0, 0, .3);
border-color: transparent;
border-radius: 5px;
border-style: solid;
border-width: 1px;
float: left;
height: 34px;
max-width: 213px;
padding: 0 32px 0 15px !important;
width: 100%;
color: #fff;
box-sizing: border-box;
}

.darken .search .wsite-search-input {
background: none repeat scroll 0 0 rgba(0, 0, 0, .25);
}

.wsite-search-button {
height: 19px;
position: relative;
right: 30px;
top: 8px;
width: 19px;
background: url("search-icon.png") no-repeat;
}

/* Navigation
--------------------------------------------------------------------------------*/

#nav-trigger, .mobile-trigger, #navmobile {
display: none;

}

#nav-wrap {
clear: none;
overflow: hidden;
position: top;

}

#nav-wrap ul {
list-style: none;
text-align: left;

}

#nav-wrap ul li {
display: inline-block;
list-style: vertical !important;
padding: 20px 30px 20px 0;
vertical-align: top;

}

#nav-wrap ul span:last-child li,
#nav-wrap ul > li:last-child {
background: #none;
}

#nav-wrap ul li a {
display: block;
font-family: 'Lato', sans-serif;
color: #fff;
text-decoration: ;
padding: ;
border: 0;
outline: 0;
list-style-type: none;
font-size: 0.8em;
font-weight:bold;
text-transform:uppercase;

}

#nav-wrap ul li#active a,
#nav-wrap ul li a:hover {
color: ;
background: ;
border: 0;
}

/* Navigation Submenu's
--------------------------------------------------------------------------------*/

#wsite-menus .wsite-menu-wrap {
margin-top: 0px !important;
}

#wsite-menus .wsite-menu li{
width: 250px;
}
#wsite-menus .wsite-menu-title {
padding: 2px !important;
}
#wsite-menus .wsite-menu li a {
border: 0 none;
color:#fff;
background: rgba(8, 52, 87, 0.9);
font-size: 14px;
padding: 5px;
font-family: 'Lato', sans-serif;
}

.darken #wsite-menus .wsite-menu li a {
background: rgba(8, 52, 87, 0.9);
}

#wsite-menus .wsite-menu li a:hover {
background: rgba(15, 190, 240, 0.9);
}

.darken #wsite-menus .wsite-menu li a:hover {
background: rgba(15, 190, 240, 0.9);
}

/* Universal banner
-------------------------------------------------------------------------------*/
#banner {
padding-top: 55px !important;
padding-bottom: 0 !important;
}

#banner p {
margin-bottom:1.2em;
}

#banner .wsite-button-inner {
text-transform:uppercase;
font-weight:700;
}

#banner-inner {
padding: .75em 0 1em;
}

/* Page type: Tall header
--------------------------------------------------------------------------------*/

.tall-header-page #banner:after {
content: '';
display: table-cell;
}

.tall-header-page .wsite-background {
background-image: url(tall-banner-bg.jpg);
}

#banner-wrap .container {
height:100%;
}

.tall-header-page #banner {
display:table;
vertical-align:middle;
height:30em;
}

.tall-header-page #banner-inner * {
text-align: center !important;
}

/* Page type: Short header
--------------------------------------------------------------------------------*/

.short-header-page .wsite-background {
background-image: url(short-banner-bg.jpg);
}

.short-header-page .wsite-logo {
font-size: 1.75em;
float:left;
margin-right:1.15em;
line-height:1;
}

.short-header-page #wsite-title {
display: block;
}

.short-header-page #banner-inner h2 {
float:right;
font-size: 3em;
}

.short-header-page #banner-inner h2 .wsite-headline {
padding-left:1em;
background: url("banner-divider.png") no-repeat left center;
}

.short-header-page #banner {
display:table;
vertical-align:middle;
height: 15em;
}

/* Page type: Landing page
--------------------------------------------------------------------------------*/

.landing-page .wsite-background {
background-image: url(landing-banner-bg.jpg);
}

.landing-page #banner {
display: table;
height: 42em;
}

.landing-page #banner:after {
content: '';
display: table-cell;
}

#banner-inner {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 50%;
}

.landing-page #banner-inner * {
text-align: center !important;
}

.landing-banner-outer {
display: table;
overflow: hidden;
}

.landing-banner-mid {
display: table-cell;
vertical-align: middle;
}

#bannerright {
float: ;
width: ;
padding: ;
}

#bannerright h2 {
color: ;
font-size: ;
font-family: ;
padding: 0px;
}

#bannerright p {
padding: 20px 0;
}

#bannerright .wsite-button {}

/* Main Content
--------------------------------------------------------------------------------*/

#main-wrap {
right: 0;
background: #d6d6d6;
z-index: 2;
-webkit-transition: all 300ms cubic-bezier(0.55, 0.085, 0.68, 0.53) !important;
-moz-transition: all 300ms cubic-bezier(0.55, 0.085, 0.68, 0.53) !important;
-o-transition: all 300ms cubic-bezier(0.55, 0.085, 0.68, 0.53) !important;
-ms-transition: all 300ms cubic-bezier(0.55, 0.085, 0.68, 0.53) !important;
transition: all 300ms cubic-bezier(0.55, 0.085, 0.68, 0.53) !important;
}

#main-wrap .container, .wsite-footer {
padding: 2.5em;
}

AngelKrak · #7 (**permalink**) 27/04/2015, 07:32

eso ya seria desde PHP amig@ con CSS no podras cambiar las letras que trai en HTML jejeje xD