Drupal es un sistema de gestión de contenido de código abierto que permite a los desarrolladores crear y manejar fácilmente el contenido de un sitio web. PSD se refieren a archivos de diseño Photoshop . El desarrollo de sitios web se inicia desde el diseño de Photoshop. Una vez que tenga el diseño PSD , puede convertirlo en HTML , Joomla , Wordpress y Drupal sitio. Para convertir los PSD a HTML en Drupal, es necesario entender las etiquetas de HTML , CSS y temas de Drupal , y contenidos y nodos . Cortando el PSD
Ir al Photoshop y abrir el archivo de diseño. Haga clic en la barra de herramientas y seleccionar " Herramienta Slice ". Cortar la imagen que desea conservar. Haga clic en " Guardar" para guardar las rodajas . Estos archivos se deben guardar en la carpeta yourwebsite /theme_files . Si la herramienta Slice está oculta , puede hacer que se muestre , haga clic en "View ", " Show" y "cortes" . Evite cortar bloques de texto , ya que no se puede realizar búsquedas en Google . Sin embargo , por lo general, desea mantener el texto del logotipo en la imagen del logotipo .
Crear una página
En cualquier editor de texto, cree un nuevo archivo home.html e introduzca el siguiente código:
< HTML xmlns =" http://www.w3.org/1999/xhtml " el archivo css antes de la etiqueta < /head> .
Crear DIV Etiquetas
Crear áreas DIV acuerdo con el diseño original en PSD. Cada sección de su diseño se debe incluir dentro de una etiqueta DIV y se le dará un nombre de clase como el encabezado y pie de página. Añadir etiquetas DIV en la sección del cuerpo :
< /div > . Del mismo modo, añadir tantas etiquetas DIV que usted necesita para cada sección individual de su diseño.
Creación de un archivo CSS
En el editor de texto, cree un nuevo archivo y guárdelo como " style.css ". Estilo de las clases creadas anteriormente . Coloque las secciones del diseño utilizando flotante , el relleno y los márgenes.
/* Top
Conversión a un tema de Drupal
Ir a su sitio Drupal y encontrar la carpeta de temas . Crear una nueva subcarpeta con el nombre de su tema. Regrese a su archivo HTML. Añadir la etiqueta < ? Php print > tag antes
. Drupal usa esta etiqueta de impresión para imprimir las secciones específicas en la página web. El código es el siguiente :
< /title >
< < php print $ head_title ? > ? php print $ cabeza? >
php $ impresión estilos ? >
php print $ guiones? >
Guarde este archivo como una nuevo archivo : page.tpl.php bajo su nuevo directorio de tema . Arrastre el archivo style.css allí.
Volviendo Secciones en bloques de Drupal
Drupal tiene bloques predefinidos, incluyendo $ header , $ izquierdo -header , $ content y $ footer_message . Estos bloques se denominan en su archivo page.tpl.php por el tage Php print $ header > . Cambie las secciones de contenido dinámico en bloques mediante la adición de las etiquetas bloques.