Cómo cambiar el título del sitio y la fuente de texto de la descripción en Twenty Seventeen

/* SITE TITLE */
/* Mobiles */
.site-title {
	font-family: Tahoma;
	font-size: 20px;
	text-transform: lowercase;
}
 
/* Computer screens */
@media screen and (min-width: 48em) {
.site-title {
	font-family: Tahoma;
	font-size: 40px;
	text-transform: lowercase;
	}
}
 
/* SITE DESCRIPTION */
/* Mobiles */
.site-description {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	line-height: 17px;
	text-transform: lowercase;
}
 
/* Computer screens */
@media screen and (min-width: 48em) {
.site-description {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 22px;
	line-height: 26px;
	text-transform: lowercase;
	}
}

 

Publicado en Wordpress | Deja un comentario

Twenty Seventeen com ocentrar el logo y la descripción

#masthead .wrap {
    /* position: relative; */
	text-align: center;
}

 

Publicado en Wordpress | Deja un comentario

Poner el Menu Twenty Seventeen en ancho completo

.navigation-top .wrap {
    max-width: 100%;
    /* padding: 0; */
}
 
 
@media screen and (min-width: 48em) {
.navigation-top .wrap {
    max-width: 100%;
    /* padding: 0.75em 3.4166666666667em; */
}
}

 

Publicado en Wordpress | Deja un comentario

Poner el tema Twenty Seventeen con ancho completo

La apariencia de ancho completo debería funcionar en todo el sitio (por ejemplo, páginas únicas, archivos de publicaciones únicas y blogs).
Dónde y cómo hacer que el ancho del contenido y las áreas de la barra lateral a pantalla completa.

Para poner este código tienes que ir a Aparencia - Editor y editar el estilo.css
.wrap {
	/* margin-left: auto; */
	/* margin-right: auto; */
	max-width: 100%;
	/* padding-left: 2em; */
	/* padding-right: 2em; */
}
 
@media screen and (min-width: 48em) {
	.wrap {
		max-width: 100%;
		/* padding-left: 3em; */
		/* padding-right: 3em; */
	}
}
 
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	/*margin-left: auto;*/
	/*margin-right: auto;*/
	max-width: 100%;
}
 
@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap
	{
		max-width: 100%;
	}
}

 


							
Publicado en Wordpress | Deja un comentario

Inslatar certificado SSL en Nginx con CertBot

He querido conocer como se pasa de una página de http a hhtps y buscando he descubierto Let’s Encrypt y con la herramienta Certbot pasar de http a hhtps de forma fácil y automática.

En este caso no quiero poner un tutorial aquí ya que en la página Certbot está muy bien explicado según el sistema operativo que tengas y el servidor web que tengas instalado.

 

Publicado en Linux, servidor | Deja un comentario

Nodejs + Nginx

Hola, he creado el típico hola mundo en nodejs

Ejecuto la aplicación de node.js

devscgm@ubuntu:~/EjemplosNode/holaMundoNodejs$ node index.js
listening on *:3000

Abro un navegador y escribo http://ipMaquina:3000 y me muestra el “HOLA MUNDO” que he creado.

Ahora quiero que dado un dominio, por ejemplo www.prueba.com redireccione a mi aplicación en node que esta escuchando en el puerto 3000.

Para ello nos modificamos el fichero de nginx

sudo nano /etc/nginx/sites-available/default

Nos vamos al final del fichero y escribimos lo siguiente:

server {
    listen 80;
 
    server_name prueba.com;
 
    location / {
        proxy_pass http://127.0.0.1:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}

Fijaros en el server_name y en proxy_pass

Guardamos y reiniciamos el servidor nginx

sudo service nginx restart

Si tenemos bien configurado nuestro servidor DNS para que apunte el dominio www.prueba.com a la maquina donde tenemos instalado nginx y la aplicación en node.js veremos que en el navegador vemos nuestro “HOLA MUNDO” sin ver el puerto donde realmente esta ejecutándose la aplicación de node.js.

Publicado en servidor | Etiquetado , | Deja un comentario

Configurar dominio en Nginx

Hola, a continuación voy a explicar cómo instalar el servidor Nginx y configurarlo para cualquier dominio. Este tutorial puede aplicarse para instalar tantos dominios o subdominios como se deseen y que cada uno apunte a una carpeta distinta.

  • Lo primero es tener instalado el servidor Nginx
sudo apt-get update
sudo apt-get install nginx

Una vez Instalado podemos comprobar que funciona abriendo un navegador web y metiendo la ip de la maquina. Nos saldrá una página de bienvenida por defecto que vienen en Nginx.

  • Ahora creamos una carpeta en donde ubicaremos nuestro proyecto web (la carpeta la podemos crear en donde queramos, yo pongo un ejemplo)
    sudo mkdir -p /var/www/dominio.com/public_html
    

Dándole permisos, al ser aplicación web le damos los permisos a www-data:

sudo chown -R www-data:www-data /var/www/dominio.com/public_html
  • Añadimos dentro de la carpeta creada (en mi ejemplo es /var/www/dominio.com/public_html) un index.html con un HOLA MUNDO de tu dominio para comprobar al final del tutorial que funciona la redirección a la carpeta de tu proyecto web.
  • Creamos el Host Virtual en Nginx
    A continuación vamos a decirle a Nginx que va a tener un nuevo host virtual que gestionar, es decir, que cuando el usuario introduzca en el navegador dominio.com, el servidor tendrá que leer el archivo de configuración que crearemos para saber qué hacer. En Nginx hay dos rutas importantes. La primera de ellas es sites-available, que contiene los archivos de configuración de los hosts virtuales disponibles en el servidor. La otra es sites-enabled, que contiene los archivos de configuración de los sitios habilitados, es decir, los que funcionan en ese momento. Vamos a crear un archivo para dominio.com:
sudo nano /etc/nginx/sites-available/dominio.com

Introducimos el siguiente código

server {
## Escucha en el puerto 80 (HTTP)
listen 80; 

## Raíz donde se encuentra la página Web
root /var/www/dominio.com/public_html;

## Orden de prioridad de los archivos index
index index.html index.htm;

server_name dominio.com;
}
  • A pesar de haber creado este archivo, todavía no podemos acceder a nuestra página Web, ya que la configuración está en sites-available, pero no en sites-enabled. Para habilitar el host virtual crearemos un enlace simbólico entre ambas carpetas:
    $ sudo ln -s /etc/nginx/sites-available/dominio.com /etc/nginx/sites-enabled/dominio.com
    
  • Reiniciamos Ngninx
    sudo service nginx restart
    

fuente.

 

 

Publicado en servidor | Etiquetado | Deja un comentario

Instalar GlassFish 4.1.1 en ubuntu con JAVA8

Vamos a instalar en una maquina con ubuntu server el servidor de aplicaciones GlassFish 4.1.1.

Antes de instalar el servidor de glassFish vamos a actualizar la versión del JDK que hay actualmente en el servidor.

Para ver la versión que tenemos instalada simplemente escribimos en el terminal  “java – version”

java -version
java version "1.6.0_35"
OpenJDK Runtime Environment (IcedTea6 1.13.7) (6b35-1.13.7-1ubuntu0.12.04.2)
OpenJDK Server VM (build 23.25-b01, mixed mode)
root@ns390713:~#

En mi caso tengo la versión instalada 1.6 y quiero instalar la version 1.8

Añadimos el repositorio de JAVA 8

sudo add-apt-repository ppa:webupd8team/java

Al ejecutar este comando a mi me sale el siguiente error:

root@ns390713:~# sudo add-apt-repository ppa:webupd8team/java
sudo: add-apt-repository: command not found

Para solucionarlo simplemente instalamos lo siguiente:

sudo apt-get install python-software-properties

Una vez instalado volvemos a intentar añadir el repositorio y seguro que ahora os funcionará.

Actualizamos e instalamos

sudo apt-get update
sudo apt-get install oracle-java8-installer

Una vez instalado comprobamos la versión instalada:

 

$java -version
java version "1.8.0_66"
Java(TM) SE Runtime Environment (build 1.8.0_66-b17)
Java HotSpot(TM) Server VM (build 25.66-b17, mixed mode)
root@ns390713:~#

Por último quedaría configurar la variables de entorno para poner por defecto JAVA 8.

sudo apt-get install oracle-java8-set-default

Vamos a modificar el $JAVA_HOME  para que apunte al nuevo JDK

modificamos el fichero “nano .bashrc”

cambiando la linea:
export JAVA_HOME=/usr/lib/jvm/default-java

por la linea:

export JAVA_HOME=/usr/lib/jvm/java-8-oracle

Guardamos, reiniciamos la maquina y comprobamos:

echo $JAVA_HOME

Una vez instalado JAVA 8 vamos a proceder a descargar e instalar GlassFish.

Puedes ir a la página oficial de GlassFish para descargarte la última versión, en mi caso mi ultima versión es la 4.1.1.

Me descargo la ultima versión y la descroprimimos en la carpeta /opt

Nota: Posiblemente no tengas el unzip instalado para instalar el unzip si lo tienes instalado no hace falta que ejecutes la primera línea.

apt-get install unzip
wget http://download.java.net/glassfish/4.1.1/release/glassfish-4.1.1.zip
unzip glassfish-4.1.1.zip -d /opt

Configuraciones adicionales:

Vamos a meter en el profile el PATH de GlassFish.

para ello modificamos el fichero  profile

$ nano ~/.profile

Añadiendo a la ultima linea el export del PATH de GlassFish

# ~/.profile: executed by Bourne-compatible login shells.

if [ "$BASH" ]; then
  if [ -f ~/.bashrc ]; then
    . ~/.bashrc
  fi
fi

mesg n
export PATH=/opt/glassfish4/bin:$PATH

Para arrancar el servidor GlassFish:

 asadmin start-domain

comprobamos accediendo con un navegador a la siguiente direccion:

http://IP_SERVIDOR:4848/

Habilitamos y configuramos usuario de administración

Lo primero que tenemos que hacer es poner una contraseña al usuario admin. Ejecuta:

asadmin change-admin-password

Mete el usuario “admin” cuando te pida la contraseña de admin dejalo en blanco y pulsa enter

ahora metes tu nueva contraseña y vuelves a meter tu nueva contraseña.

Una vez cambiado la contraseña del usuario admin lo habilitamos con el siguiente comando:

asadmin enable-secure-admin

metes el usuario admin y la contraseña que has escrito anteriormente.

Tendrás que reiniciar el GlassFish para que los valores surgan efecto.

asadmin stop-domain
asadmin start-domain

 

Publicado en JAVA | Deja un comentario

Eclipse con Python y Django

En este tutorial vamos a instalar un plugin para eclipse para poder trabajar mucho mas rápido ya que eclipse nos ayudará a la hora de importar clases que se necesitan cuando desarrollamos.

Sigue leyendo

Publicado en Django, Python | Etiquetado , , | Deja un comentario

Instalación Django en Windows

En este tutorial vamos a realizar la instalación del framework Django en Windows.

Django es un framework de desarrollo web de código abierto que facilita la creación de páginas web complejas.

Sigue leyendo

Publicado en Django, Python | Etiquetado | Deja un comentario