mi lado nerd

wordpress multilenguaje

usar plugin
Polylang
instalar y activar.
ir a Languagesagregar los lenguajes que vas a usar en tu sitio y el orden en el que aparecerán

crear 2 pages con el contenido de frontpage para su respectivo idioma.

luego ir a Ajustes->lectura y

chckear la opcion de "una pagina estatica"

y en el combo seleccionar alguna de las pages tipo home que creaste., no importa el idioma que sea.

ir a languages settings
url modifications, checke en la opcion
The front page url contains the language code instead of the page name or page id

Example: http://webazan.com.ar/sed/pt/ instead of http://webazan.com.ar/sed/29_main/

crear algunas pages(una por cada idioma)

---recuerde publicar la page antes de crear la 2da

y crear 2 menus con esas pages de opciones ,
cada uno de los menus checkearlas segun corresponda
Primary Navigation Português
Primary Navigation English

1) instalacion

apariencia, temas, instalar tema , seleccionar el zip

activar el tema

2) activar los plugins

en la parte superior de las notificaciones, aparecera una que dice "Begin installing plugins" select all the recommended ones. Install and Activate the plugins

3) instalar demos

You may install it and customize to make the site creation easier - it'll help you to understand how to create the layouts.

It's the best way to import the needed content in one click.

Simply, navigate to Appearance > Installer Panel and select whether you'd like to install Main demo content to get the Menu, Posts, Portfolios and Featured pages on your site, or click on the certain Layout to run installer - it'll import the layout content, assigned posts and portfolios, revolution sliders, etc..

4) customizaciones

quitar la barra superior de navegacion que se encuentra arriba de la barra de menu

theme options,
header options
header style 1 options --> desahabilitar Header top panel

cambiar opciones de multilenguaje

theme options,
header options

Language selection shortcode

symfony3 material design lite

usando bower instalamos
los archivos de la libreria de material Design lite

bower install material-design-lite --save

symfony3 administrar assets recursos con assetic

1) instalar assetic

composer require symfony/assetic-bundle

2) habilitar el bundle en el app/Appkernel.php

en public registerBundles(){

.
.
.
new Symfony\Bundle\AsseticBundle\AsseticBundle(),

3) agregar la configuracion minima

en app/config/config.xml

assetic:
debug: '%kernel.debug%'
use_controller: '%kernel.debug%'
filters:
cssrewrite: ~

4)
Assetic combina conceptos de "assets" y "filters".

assets: css, js, imagenes
filters: son acciones que se aplican a los assets antes de servirlos al browser

Minificar y combinar todos los CSS y los JS
Ejecutar todos (o parte) de los CSS or JS files a traves de una suerte de compilador como LESS, SASS o CoffeeScript
Ejecutar optimizaciones de imagenes sobre tus imagenes

ya podemos llamar a nuestros css en nuestros templates usando un único tag de twig:

{% stylesheets

'assets/vendor/bootstrap/dist/css/bootstrap.min.css'

'assets/css/ie10-viewport-bug-workaround.css'

'css/blog.css'

filter='cssrewrite' output='css/compiled/app.css' %}

{% endstylesheets %}

esto servirá al browser los siguientes archivos:

del mismo modo ya se puede hacer las llamadas a archivos js

{% javascripts

'js/jquery.min.js'

'js/bootstrap.min.js'

output='js/compiled/app.js' %}

{% endjavascripts %}

Si estamos usando un layout base y un archivo twig que extienda de ese,

podemos hacer que los css y javascripts se ubiquen en la posicion en la que han sido definidos los bloques

por ejemplo, si tenemos base.html.twig

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>{% block title %}Welcome!{% endblock %}</title>
{% block stylesheets %}{% endblock %}
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />


<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

</head>
<body>
{% block body %}{% endblock %}
{% block javascripts %}{% endblock %}
</body>

</html

en index.html.twig tendriamos algo asi:

{% extends 'base.html.twig' %}

{% block javascripts %}
{% javascripts
'assets/vendor/material-design-lite/material.min.js'
output='js/compiled/app.js' %}
<script src="{{ asset_url }}"></script>
{% endjavascripts %}
{% endblock %}
{% block stylesheets %}
{% stylesheets 'assets/vendor/material-design-lite/material.min.css' filter='cssrewrite' %}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
{% endblock %}

{% block body %}
bla bla bla

wordpress migrar de localhost a remoto

1) exportar las tablas de la base de datos

como en cpanel a veces usan versiones de mysql antiguas, para mantener la compatibilidad

al sql generado, buscar y reemplazar,

utf8mb4_unicode_520_ci

por

utf8mb4_unicode_ci

2) importar las tablas de la base de datos.

crear una base de datos.

entrar con phpMyAdmin a la BD creada, seccion "operaciones"
en cotejamiento seleccionar:

utf8mb4_unicode_ci

ir a la seccion"importar" y seleccionar el archivo .sql generado en el paso anterior

3) modificar 2 registros en la tabla wp_options

en la tabla wp_options
buscar los registros que tengan el campo option_name el valor de siteurl y home
y reemplazarles el campo option_value por la url de nuestro nuevo sitio

4) corregir urls de imagenes de los POSTS

UPDATE wp_posts SET post_content = REPLACE(post_content, 'http://localhost/', 'http://webazan.com.ar/');
5)
modificar wp-config.php

con los datos de la base de datos

define('DB_NAME', 'webazanc_wp-demo');

/** MySQL database username */
define('DB_USER', 'webazanc_wp_demo');

/** MySQL database password */
define('DB_PASSWORD', 'demo123123');

Symfony3 administrar paquetes frontend con bower

aunque las dependecias de symfony se manejan perfectamente con composer.
Bower es una herramienta similar para manejar las dependencias del front end como bootstrap o jquery.

1) instalamos bower, situados en la carpeta del proyecto

npm install -g bower

2) cambiar el destino de almacenamiento de los archivos que instale bower

los archivos por default se guardan en la carpeta bower_components
sin embargo esta carpeta no es de acceso publico como si lo es "web",
entonces creamos el archivo .bowerrc en el root del proyecto con el sgt contenido, por ejemplo:

{
"directory" : "web/assets/vendor/"
}

3) crear el archivo bower.json..no manualmente

sino ejecutando el siguiente comando:

bower init

4)lista. Ya podemos instalar una dependencia. Por ejemplo Bootstrap

bower install --save bootstrap

lo que instalará bootstrap y sus dependencias dentro de web/assets/vendor

5) ya podemos incluir la dependencia en nuestro template asi

{# app/Resources/views/layout.html.twig #}
<!doctype html>
<html>
    <head>
        {# ... #}

        <link rel="stylesheet"
            href="{{ asset('assets/vendor/bootstrap/dist/css/bootstrap.min.css') }}">
    </head>

    {# ... #}
</html>

Sylius instalacion

composer create-project -s beta sylius/sylius-standard acme

******************
luego de instalar los packages necesarios, nos preguntara por algunos valores de parametros de configuracion:
database_driver (pdo_mysql):
database_host (127.0.0.1):
database_port (null): 3306
database_name (sylius): syliusne
database_user (root):
database_password (null):
phpcr_user (root):
phpcr_password (null):
mailer_transport (smtp):
mailer_host (127.0.0.1):
mailer_user (null):
mailer_password (null):
secret (EDITME):
locale (en_US): es_AR
currency (USD): ARS
wkhtmltopdf.bin_path (/usr/bin/wkhtmltopdf):
wkhtmltoimage.bin_path (/usr/bin/wkhtmltoimage):

cd acme

abrir el archivo php.ini y descomentar(quitarle los ;) las sgts extensiones: extension=php_fileinfo.dll , extension=php_intl.dll

levantar el servidor de MySQL

php app/console sylius:install (nos pediran algunos datos..completarlos)

*******************se creara la base de datos para el entorno de desarrollo, (la base de datos con el nombre que e indicamos en el paso anterior concatenado con _dev)
ademas nos pedira datos de la cuenta administrador.

Your firstname: syliusne
Lastname: ne
E-Mail: israelbazan76@gmail.com
Choose password:
Confirm password:

aqui ya deberia terminar el proceso de instalacion:

si usas xampp y creaste el proyecto dentro de htdocs, ya podrias entrar al proyecto a traves de un browser asi

http://localhost/syliusne/web/app_dev.php/

si te logueas con el email y password que ingresaste en el ultimo paso de instalacion veras el front del shop, (vacio porque aun no hay nada para vender)

en la parte superior derecha habra un boton que nos llevara al panel de administracion
(http://localhost/syliusne/web/app_dev.php/administration/dashboard)

php app/console server:run

**********************

desde un browser entrar a localhost:8000 para entrar al frontend

para entrar al panel de administracion http://localhost:8000/administration/dashboard

el problema es que no tiene diseño asi que hay que ejecutar npm install npm@latest -g

npm init esto creara un package.json , editarlo y en scripts agregar "gulp": "gulp"


You need to install Gulp both globally and locally in your project:
$ npm install -g gulp
$ npm install --save-dev gulp

*******************************

crear en la raiz del proyecto el archivo gulpfile.js con el sgt contenido

var gulp = require('gulp');

gulp.task('default', function () {});

ejecutar npm run gulp