Monthly Archives: mayo 2014

Configurar tema PaperCuts


De igual manera que en los otros temas al activarlo se agrega una opción extra en el menú de apariencia “Theme Options

papercuts1

Al dar clic en la opción se despliega la ventana de configuración del tema:

papercuts2

Es importante aclarar que se tiene dos botones en la parte inferior de la ventana “Save all changes” que aplica los cambios realizados y “Reset to default settings” que permite poner la configuración predeterminada del tema.

Se tienen diferentes secciones de configuración que se detallan a continuación:

Configuraciones Generales (General Settings):

papercuts3

En esta sección es posible cambiar parámetros tales como:

  • Color Scheme: Cambia los colores del tema de acuerdo a esquemas predefinidos.ç
  • Display Sidebar: Activa(Display) o Desactiva(Hide) la visibilidad del panel lateral del tema por ejemplo:

 Cuando está activo (Display)

papercuts4

 

 Cuando está inactivo (Hide)

papercuts5

 

  • Content/Excerpt Displaying: Permite activar o desactivar la opción de “leer más” en las entradas.

Excerpt: Se visualiza solo una parte del contenido y se tiene el botón “leer más” para ver todo el contenido.

papercuts6Content: Siempre se visualiza todo el contenido.

papercuts7

  • Favicon  URL: El favicon es el icono que tiene las paginas en el navegador web, este tema tiene la opción de cambiarlo pero el sitio cuenta con una herramienta especializada en iconos y logos que se detalla más adelante el cual se recomienda usar.

Configuraciones de Cabecera/Encabezado (Header Settings):

Esta ventana permite configurar parámetros de cómo se verá la cabecera del tema y se detallan más adelante:

 

 

papercuts8

 

  • Display Header Image: Permite seleccionar en donde se visualizara la cabecera, pudiendo ser:
    1. Solo en la página de inicio (Only on Homepage)
    2. En todo el sitio (everywhere)
  • Logo URL: Permite  seleccionar el logo que aparecerá en la cabecera.
  • Display Site Description: Activa (Display) o Desactiva (Hide) la visibilidad de la descripción del sitio.
  • Display Search Form: Activa (Display) o Desactiva (Hide) la visibilidad de la herramienta de búsqueda en la cabecera.

Configuraciones de Entradas/Páginas (Posts/Pages Settings):

En esta sección se puede configurar parámetros de cómo se visualizaran las publicaciones, tanto entradas como páginas, a continuación se detallan las opciones más importantes, cabe aclarar que existen otras pero no están disponibles en la versión actual del tema.

papercuts9

 

  • Display Featured Image on single posts: Activa (Display) o Desactiva (Hide) la visibilidad de la imagen de portada en las publicaciones.
  • Display Meta Box on posts: Activa (Display) o Desactiva (Hide) la visibilidad de los metadatos en las entradas, por ejemplo:

Cuando está Activa (Display)

papercuts10

 

Cuando esta Desactiva (Hide)

papercuts11

 

 

  • Next/Previous Post Navigation: Activa (Display) o Desactiva (Hide) la visibilidad de los botones de “Siguiente” y “Anterior publicación”, por ejemplo:

 Cuando está Activa (Display)

papercuts12

 

Cuando esta Desactiva (Hide)

papercuts13

 

Configuración de la Página de Inicio (Homepage Settings)

En esta sección se puede activar o desactivar la visibilidad de las publicaciones recientes en la página de Inicio.

 Fuentes o tipos de letra (Fonts)

En esta sección se puede configurar el tipo de letra que se desea para diferentes secciones del sitio:

  • Body Font (Letra en el cuerpo de las publicaciones.)
  • Site Title Font (Letra en el título del sitio)
  • Site Description Font (Letra en la descripción del sitio)
  • Page/Post Headlines Font (Letra en los títulos de las páginas y entradas)
  • PaperCuts Posts-List Widgets headlines Font (Letra en los títulos de los widgets)
  • Post Entry Headline Font (Letra en los títulos de entradas)
  • Main Header Menu Font (Letra en los menús principal de encabezado)
  • Top Header Menu Font (Letra en el menú de encabezado)

 Perfiles de redes sociales (Social Network Profile Links in Header)

En esta sección se puede ingresar los URL de perfil de redes sociales para que aparezcan en la cabera del sitio, se puede ingresar los perfiles de: Facebook, Twitter, Google+ y RSS.

07 May 2014

Configurar Tema Alexandria

Menú de personalización

Al activar este tema se adicionara al menú de apariencia el botón “Opciones de tema”

ALEXANDRIA1

Al dar clic en el enlace se desplegara una ventana de configuración exclusiva del tema:

ALEXANDRIA2

Antes de cambiar las configuraciones debemos saber que para que los cambios tengan efecto debemos dar clic en “Guardar opciones” en cada sección en que realicemos cambios, dicho botón se encuentra en la parte inferior de la ventana de configuración.

ALEXANDRIA3

Configuraciones generales:

Por defecto al abrir la ventana de configuración estaremos en la sección de “General”, aquí podemos cambiar opciones tales como:

  • Skin del tema: Básicamente permite escoger la combinación de colores de una de las que el tema trae precargado.

ALEXANDRIA4

  • Ajustes de publicación individual: En esta sección se configuran parámetros de cómo se visualizaran las publicaciones tal como se aprecia en la siguiente imagen.

ALEXANDRIA5

 

Selección del Logo:

  • Esta funcionalidad requiere que la versión del tema sea Pro, pero permite el personalizar el cómo aparecerá el título del sitio

ALEXANDRIA6

Cabecera:

  • Selección del tipo de cabecera: Esta parte permite configurar si deseamos la cabecera predeterminada del tema o una personalizada, lo recomendable seria cambiar a personalizada, además el tema dispone de otros diseños pero en la versión Pro a las cuales no podemos acceder.

ALEXANDRIA7

  • Configuraciones on/off Encabezado: Permite seleccionar en que secciones del sitio aparecerá el encabezado o cabecera.

ALEXANDRIA8

 

  • Ajustes de encabezado: En esta ventana se puede configurar la sección de bienvenida como por ejemplo la imagen de encabezado, el título, etc.

Diseño

En el tema vienen unas secciones que básicamente son publicitarias, estas se las puede remover desde esta ventana, cambiando el diseño a standard

ALEXANDRIA10

 

 

Además de las secciones presentadas existen otras las cuales no serán detalladas ya que requieren que el tema este en su versión Pro.

07 May 2014

Personalización de temas

Que es un tema:

Un tema básicamente es una plantilla del diseño visual de tu sitio, es decir una forma preestablecida de cómo se puede ver tu sitio dando la facilidad de cambiarlo sin tener que realizar mayores configuraciones.

Cambiar el tema del sitio.

Para cambiar el tema de un sitio vamos al menú de apariencia y en la sección de temas, ahí se desplegaran los diferentes temas y una previsualización de este, como se muestra en la siguiente imagen, al pasar el cursor sobre cada tema nos permite acceder a una descripción del tema o si deseamos podemos activarlo directamente.

temas

Personalización Básica de un tema

Una vez que tengamos definido el tema que deseamos usar podemos personalizarlos mucho más, como por ejemplo podemos cambiar el color el texto, colores de fondo, portada, etc.

Para acceder a la ventana de personalización básica accedemos al menu “Apariencia” / “Personalizar”

temas2

Se desplegara una ventana donde se puede modificar algunos parámetros del tema y el sitio como tal, las opciones de configuración que aparezcan dependerán del tema que se esté usando pero más adelante se detalla algunos de los más comunes:

temas3

Entre las configuraciones básicas mas comunes tenemos:

  • Configurar el título y descripción del Sitio: Podemos cambiar el título que aparece en el sitio, por defecto el sitio está configurado con el nombre del docente, pero si deseamos podemos cambiarlo en esta sección.
  • Cambiar el color del título y del fondo: En esta sección podemos alterar algunos parámetros del color del sitio.
  • Configurar la página inicial del sitio: En esta sección se puede definir qué es lo que se presentara en la página inicial del sitio, pudiendo ser un listado con las entradas más reciente, o se puede poner una página estática en su lugar.

Personalización Avanzada de temas

Algunos de los temas instalados traen más opciones avanzadas de personalización entre ellos están:

Cada uno de estos temas al ser activado habilita una nueva opción en el menú de “Apariencia” que sirve para configurar la apariencia exclusiva de dicho tema, cabe recalcar que la forma en que se configuran varía en cada uno.

07 May 2014

Publicar ejemplos de código fuente (Programación)

Ya que en la Universidad Politécnica Salesiana existen varios docentes de diferentes áreas que trabajan o dan clases con lenguajes de programación; en el sitio se dispone de un plugin llamado “Crayon”  que permite publicar código de programación en diferentes lenguajes pero en un formato visual llamativo y comprensible para ese tipo de contenido de manera sencilla.

Para insertar este tipo de contenido en una publicación, dar clic en el botón (1) “Agregar código Crayon” que se encuentra en la barra de herramientas del editor de contenido de la publicación.

crayon 1

Al dar clic en el botón se desplegara una ventana que permite ingresar el contenido, consta de varias opciones pero básicamente solo se requiere insertar el código a publicar y seleccionar el lenguaje de programación en el que está escrito.

crayon 2

Para finalizar presionamos en el botón “Añadir” ubicado en la parte superior derecha.

Como ejemplo tenemos código hecho en JAVA:

import java.util.*;

public class Bidimensional2 {

    public static void main(String[] args) {
        final int FILAS = 5, COLUMNAS = 4;
        Scanner sc = new Scanner(System.in);
        int i, j, mayor, menor;
        int filaMayor, filaMenor, colMayor, colMenor;
        int[][] A = new int[FILAS][COLUMNAS];
        System.out.println("Lectura de elementos de la matriz: ");
        for (i = 0; i < FILAS; i++) {
            for (j = 0; j < COLUMNAS; j++) {
                System.out.print("A[" + i + "][" + j + "]= ");
                A[i][j] = sc.nextInt();
            }
        }
        System.out.println("valores introducidos:");
        for (i = 0; i < A.length; i++) { 
            for (j = 0; j < A[i].length; j++) {
                System.out.print(A[i][j] + " ");
            }
            System.out.println();
        }
        mayor = menor = A[0][0];//se toma el primero como mayor y menor
        filaMayor = filaMenor = colMayor = colMenor = 0;

        for (i = 0; i < A.length; i++) {  //
            for (j = 0; j < A[i].length; j++) {
                if (A[i][j] > mayor) {
                    mayor = A[i][j];
                    filaMayor = i;
                    colMayor = j;
                } else if (A[i][j] < menor) {
                    menor = A[i][j];
                    filaMenor = i;
                    colMenor = j;
                }
            }           
        }
        System.out.print("Elemento mayor: " + mayor);
        System.out.println(" Fila: "+ filaMayor + " Columna: " + colMayor);
        System.out.print("Elemento menor: " + menor);
        System.out.println(" Fila: "+ filaMenor + " Columna: " + colMenor);
    }
}

 

07 May 2014

GUAYAQUIL: Lanzamiento de libros de la carrera de Comunicación Social y de Ingeniería de Sistemas

La Universidad Politécnica Salesiana, a través de la carrera de Comunicación Social y la carrera de Ingeniería de Sistemas, tienen el agrado de invitarle a la presentación de los libros:

Ver evento en www.ups.edu.ec

07 May 2014