Tecnología

Inicio

Cómo convertir PSD a Joomla

Hay varios tipos de sitios web en Internet. Se puede utilizar una plantilla libre de Joomla para hacer su sitio web, pero esto hará que su sitio web un aspecto similar a otras personas que utilizan la misma plantilla. Para hacer que su sitio web único y se destacan entre los millones de sitios web, usted puede diseñar su propia plantilla de página web. A partir de una imagen de Photoshop PSD imagen, o bien, se puede convertir en una plantilla Joomla. Un archivo PSD tiene muchas capas que se pueden restar. Es necesario crear nombres únicos para cada capa del archivo PSD.

Instrucciones

1 Haga doble clic en el archivo PSD para abrirlo en Photoshop. Haga clic en las capas e identificar el fondo, barra lateral e iconos de menú y otros elementos. Recortar el fondo, barra lateral o elemento icono del menú y guardar cada elemento a un archivo individual. Crear una carpeta llamada "Imágenes" y poner los archivos de imagen en esta carpeta.

2 Crear un archivo index.php y templateDetails.xml. Crear un archivo template.css. Se puede utilizar cualquier editor de texto como el Bloc de notas para crear estos archivos. Introducir los metadatos de plantilla en el templateDetails.xml el Bloc de notas e incluir la versión de Joomla y tipo de plantilla y la descripción. Incluir todos los archivos de plantilla en la sección de archivos y definir posiciones en la sección posición en templateDetails.xml usando el siguiente código:

<archivos>

&lt;filename>index.php&lt;/filename

</ Archivos>

<posiciones>

&lt;position>breadcrumb&lt;/position>

</ posiciones>

3 Empezar a definir su index.php con navegadores informar acerca de sus sitios web HTML y PHP. Especificar la cabeza en la sección <head>:

<Head>

<Jdoc: include type = "cabeza" />

<Link rel = "stylesheet" href = "<? Php echo $ this-> baseurl?> / Templates / system / css / system.css" type = "text / css" />

</ Head>

4 Definir el cuerpo principal con el siguiente código:

<Body>

<Jdoc: include type = "módulos" name = "top" />

<Jdoc: include type = "componente" />