[lang_it]
[/lang_it][lang_en]
[/lang_en][lang_es]
[/lang_es][lang_de]
[/lang_de][lang_fr]
[/lang_fr]
[lang_it]Questa guida nasce dopo anni di esperienza dello stesso autore, nella realizzazione di templates per i più diffusi CMS presenti sul web.
E’ stato scelto wordpress perché in questi ultimi anni è diventato il sistema più utilizzato e supportato.
La gestione di un sito in wordpress risulta semplice e immediata, offre molte possibilità di estensione grazie ai plugin sviluppati e inoltre come CMS, è considerato uno dei migliori per quanto riguarda l’aspetto SEO.[/lang_it][lang_en]This tutorial is written after years of experience of the author in themes developing for the most used CMS in the web.
We have chosen wordpress because in the last years it has become the system most used and well supported.
The management of a wordpress website is very simple and immediate, it offers many possibilities of extension by plugins developed. As CMS it is considered one of the best regarding SEO aspect.[/lang_en][lang_fr]Ce guide a été créé après des années d’expérience par le même auteur, dans la création de modèles pour les CMS les plus populaires sur le Web.
E ‘a été choisi parce que wordpress au cours des dernières années est devenue la plus utilisée et soutenue.
La gestion d’un site dans wordpress est simple et immédiat, il offre de nombreuses possibilités d’extension grâce aux plugins développés ainsi que les CMS, est considéré comme l’un des meilleurs en ce qui concerne l’aspect SEO.[/lang_fr][lang_es]Esta guía fue creada después de años de experiencia por el mismo autor, en la creación de plantillas para el CMS más popular de la web.
E »fue elegido por wordpress en los últimos años se ha convertido en el más utilizado y apoyado.
La gestión de un sitio en wordpress es simple e inmediata, que ofrece muchas posibilidades para ampliar gracias a los plug-ins desarrollados, así como CMS, es considerado uno de los mejores en lo que respecta al aspecto de SEO.[/lang_es][lang_de]Dieser Leitfaden wurde nach Jahren der Erfahrung des Autors, in der Erstellung von Templates für die beliebtesten CMS auf dem Web.
E “wurde gewählt, weil wordpress in den letzten Jahren hat sich die am häufigsten verwendete und unterstützt werden.
Die Verwaltung der Web-Seite in WordPress ist einfach und unmittelbar ist, bietet es viele Möglichkeiten, die dank der Plug-ins entwickelt, ebenso wie CMS, gilt als einer der besten im Hinblick auf die SEO Aspekt.[/lang_de]
[lang_it]Questa guida è rivolta sia agli esperti del web design sia ai principianti e tratterà i vari aspetti della fase di sviluppo di un template per wordpress analizzandone i dettagli e cercando di spiegarli in modo semplice presupponendo che il lettore abbia un minimo di conoscenza dell’HTML, del CSS e del PHP.
Il contenuto di ogni capitolo della presente guida potrebbe variare nel tempo, presentare correzioni e ampliamenti del contenuto. Alla fine di ogni capitolo, verrà rappresentato uno schema con la struttura dei files relativi al template e alcune informazioni che riassumano il capitolo e ne aumentino la comprensione stessa.
Trattandosi della realizzazione di un template per wordpress, per testarne le fasi di sviluppo e vederne il risultato tramite la visualizzazione nel browser sarà necessario configurare un web server in locale che supporti il linguaggio PHP.
In alternativa al web server locale, è possibile configurare il tutto su uno spazio web, anche se un web server in locale dimezzerebbe i tempi di produzione e rende lo sviluppo molto più semplice.
Vi proponiamo una lista dei software che consentono rapidamente di installare un web server Apache, PHP e MySQL sul proprio PC.
EasyPHP 3.0 (Windows), XAMPP (Windows, Mac OSX, Linux, Solaris).
Il primo passo da eseguire per realizzare un template per wordpress è di creare una cartella con il nome che vogliamo assegnare al template all’interno della cartella dei temi di wordpress. In questa guida, per convenienza, chiameremo il nostro template con il nome: “wpstudy”, e lo andremo a collocare nella cartella: “/wp-content/themes/wpstudy”.
Per una migliore organizzazione dei files che andranno a comporre l’intero template, inseriremo una cartella chiamata “css” come sottocartella di “wpstudy”, dove andremo ad inserire i vari files css relativi al layout e alla tipografia del template.
I files css inseriti nella cartella dovranno essere richiamati da un file css principale che chiameremo “style.css” e lo inseriremo nella cartella principale del template: “/wp-content/themes/wpstudy/style.css”.
Il file style.css in wordpress è il contenitore delle informazioni principali relative al template e risultano necessarie durante l’attivazione del template utilizzando il pannello di amministrazione di wordpress.
Il passo successivo sarà quello di creare un file “index.php” all’interno della cartella “wp-study”. Index.php sarà il file contenente la struttura del template e il relativo codice per utilizzare le funzioni di wordpress.
Editiamo il file “style.css” ed inseriamo le informazioni relative al template come fosse un commento del codice CSS:
/*
Theme Name: WpStudy
Theme URI: http://www.wpstudytheme.com/
Description: Learning WordPress Themes Design
Version: 1.0
Author: Daniele Cultrera
Author URI: http://www.semecreativo.it
Tags: custom header, fixed width, two columns, widgets
*/
Queste righe inserite all’interno del file “style.css” non credo necessitano di ulteriori spiegazioni.
Salvate il file “style.css” e inserite nella cartella del template un file immagine di anteprima del tema stesso in formato PNG ad una risoluzione di 300×225 pixels. Il file si dovrà chiamare “screenshot.png”.
Per meglio comprendere questa guida e le operazioni svolte in questa parte, entriamo nel pannello di amministrazione di wordpress e verifichiamo i template presenti tramite la pagina “Manage Themes”.
Lo screen allegato mostra le informazioni del template presente su “Manage Themes” e contiene alcune delle informazioni inserite nel file “style.css”.[/lang_it]
[lang_en]This tutorial is written for advanced webdesigner and beginners and it will describe various aspects of template developing for wordpress analyzing every detail and trying to explain in an easy way assuming that the reader has a minimum knoweledge of HTML, of CSS and of PHP.
The content of every chapter of this tutorial could change in the time, making some corrections and extensions of the content. At the end of every chapter, will show you a schema with the structure of files related to the template and some information that summarize the chapter.
To test the development of a wordpress template and see the results through the browser will be necessary the configuration of a local webserver with PHP language support.
As an alternative to the local web server, is possible to configure all in a web space, also if a local web server will halve the time of the production and make the development more simple.
We give you a list of software that helps you to install quickly a web server Apache, PHP and MySQL in your PC.
EasyPHP 3.0 (Windows), XAMPP (Windows, Mac OSX, Linux, Solaris).
The first step to execute to make a wordpress template is to make a folder with the name that we want assign to the template inside folder themes of wordpress. In this tutorial, for convenience, we will call our template with the name: “wpstudy”, and we will add it in the folder: “/wp-content/themes/wpstudy”.
For a better organization of files that will make the template, we will add a folder called “css” as subfolder of “wpstudy”, where we will add various css files related to layout and typography of the template.
The css files added in this folder will must be recalled from a main css file that we will call with the name “style.css” and we will add it in the main folder of the template: “/wp-content/themes/wpstudy/style.css”.
The file style.css in wordpress is the container of the main informations related to the template and they are necessary during the activation of the template using the administration panel of wordpress.
The next step will be the creation of the file “index.php” inside the folder “wp-study”. Index.php will be the container of the structure of the template with the related code to use wordpress functions.
Edit the file “style.css” and add the informations related to template as a CSS comment:
/*
Theme Name: WpStudy
Theme URI: http://www.wpstudytheme.com/
Description: Learning WordPress Themes Design
Version: 1.0
Author: Daniele Cultrera
Author URI: http://www.semecreativo.it
Tags: custom header, fixed width, two columns, widgets
*/
These rows added inside the file “style.css”, I think that not need further explanations.
Save the file “style.css” and add in the template folder an image file showing the template preview in PNG format with the resolution of 300×225 pixels. The file must be named “screenshot.png”
To better understand this tutorial and the operations executed in this part, we open the administration panel of wordpress to verify the template available through the page “Manage Themes”.
The attached screen shows the informations of the template listed on “Manage Themes” and it contains some of the informations added into the file “style.css”.[/lang_en]
[lang_fr]Ce guide est destiné tant à des experts dans la conception de sites Web pour les débutants et de couvrir les différents aspects de la phase de développement d’un modèle de wordpress pour analyser les détails et à essayer d’expliquer dans une simple hypothèse que le lecteur a une connaissance minimale de HTML, CSS et PHP.
Le contenu de chaque chapitre de ce guide mai changer au fil du temps, faire des corrections et des améliorations du contenu. À la fin de chaque chapitre, sera représentée par un diagramme de la structure sur le modèle des fichiers et des informations résumant le chapitre et d’accroître la compréhension elle-même.
Depuis l’achèvement d’un modèle pour wordpress, de tester les stades de développement et de voir le résultat grâce à l’affichage dans le navigateur aura besoin de configurer un serveur Web dans la langue locale qui supporte PHP.
Comme une alternative à le serveur Web local, vous pouvez configurer le tout sur un seul site, même si un serveur web local sur le réduire de moitié le temps de production et rend le développement plus facile.
Voici une liste de logiciels qui vous permettent d’installer rapidement un serveur web Apache, PHP et MySQL sur votre PC.
EasyPHP 3.0 (Windows), XAMPP (Windows, Mac OSX, Linux, Solaris).
Le premier endroit pour commencer à créer un modèle pour wordpress est de créer un dossier avec le nom que nous attribuons à la modèle dans le dossier de thèmes wordpress. Dans ce guide, par commodité, appeler notre modèle avec le nom: “wpstudy”, et nous mettra dans le dossier: “/wp-content/themes/wpstudy”.
Pour une meilleure organisation des fichiers qui composent l’ensemble du modèle, ajouter un dossier “css” en tant que sous-dossier de “wpstudy” où allons entrer dans les différents fichiers CSS pour la mise en page et la typographie du modèle.
J’ai ajouté des fichiers css dans le dossier sera appelé par l’un des principaux css fichier appelé “style.css” et ajouter dans votre modèle: “/wp-content/themes/wpstudy/style.css”.
Le fichier style.css dans wordpress est la principale contenant des informations relatives au modèle et qui sont nécessaires lors de l’activation du modèle en utilisant le panneau d’administration de wordpress.
La prochaine étape sera de créer un fichier “index.php” dans le dossier “wp-étude”. Index.php est le fichier contenant la structure du modèle et le code à utiliser les fonctions de wordpress.
Editez le fichier “style.css” et entrez les informations sur ce modèle comme un commentaire du code CSS:
/*
Theme Name: WpStudy
Theme URI: http://www.wpstudytheme.com/
Description: Learning WordPress Themes Design
Version: 1.0
Author: Daniele Cultrera
Author URI: http://www.semecreativo.it
Tags: custom header, fixed width, two columns, widgets
*/
Ces lignes figurent dans le fichier “style.css” Je ne pense pas besoin d’explication supplémentaire.
Enregistrer le fichier “style.css” et inséré dans le fichier de modèle un aperçu de l’image d’un même thème au format PNG avec une résolution de 300×225 pixels. Le fichier doit être appelé “screenshot.png”.
Pour mieux comprendre ce guide et de travail dans cette partie, entrer dans le panneau d’administration et de contrôle pour wordpress templates trouvé par l’intermédiaire de la “Manage Themes”.
L’écran affiche les informations sur ce modèle “Manage Themes” et contient certaines des informations contenues dans le fichier “style.css”.[/lang_fr]
[lang_de]Dieses Handbuch richtet sich sowohl an Experten auf dem Web-Design für Anfänger und deckt die verschiedenen Aspekte der Entwicklungsphase eines wordpress Vorlage für die Analyse der Daten und der Versuch zu erklären, in einer einfachen Annahme, dass der Leser eine minimale Kenntnisse in HTML, CSS und PHP.
Die Inhalte der einzelnen Kapitel dieses Leitfadens Laufe der Zeit verändern können, Korrekturen und Erweiterungen des Inhalts. Am Ende jedes Kapitels, vertreten sein wird mit einer Darstellung der Struktur auf die Template-Dateien und Informationen aus dem die Kapitel und das Verständnis sich.
Seit dem Abschluss der eine Vorlage für WordPress, um die Phasen der Entwicklung und das Ergebnis durch die Darstellung im Browser zu konfigurieren, einen Web-Server in der lokalen Sprache, die PHP unterstützt.
Als Alternative zu den lokalen Web-Server, können Sie sie alle auf einer Website, auch wenn ein Web-Server auf dem lokalen Halbierung der Produktion Zeit und vereinfacht die Entwicklung sehr viel einfacher.
Hier ist eine Liste der Software, mit denen Sie schnell installieren einen Apache Webserver, PHP und MySQL auf Ihrem PC.
EasyPHP 3.0 (Windows), XAMPP (Windows, Mac OSX, Linux, Solaris).
Der erste Platz, um zu starten, um eine Vorlage für WordPress ist es, einen Ordner mit dem Namen zuweisen, dass wir auf die Vorlage in den Ordner von WordPress Themen. In diesem Leitfaden, für Komfort, rufen Sie unsere Vorlage mit dem Namen: “wpstudy”, und wir werden in den Ordner: “/wp-content/themes/wpstudy”.
Für eine bessere Organisation der Dateien, die komponieren, die gesamte Vorlage, fügen Sie einen Ordner namens “css” als Unterordner von “wpstudy”, wo sich in den verschiedenen CSS-Dateien für das Layout und Typographie der Vorlage.
Ich habe CSS-Dateien in den Ordner werden durch ein Haupt CSS-Datei namens “style.css” und fügen Sie in Ihre Vorlage ein: “/wp-content/themes/wpstudy/style.css”.
Die Datei style.css in WordPress ist das wichtigste Container der Informationen in Bezug auf die Vorlage und müssen während der Aktivierung der Vorlage mit den Administrationsbereich von WordPress.
Der nächste Schritt wird sein, eine Datei “index.php” in den Ordner “wp-study.” Index.php ist die Datei mit der Struktur der Vorlage und der Code zur Verwendung der Funktionen von WordPress.
Bearbeiten Sie die Datei “style.css” und geben Sie die Informationen über die Vorlage als Kommentar der CSS-Code:
/*
Theme Name: WpStudy
Theme URI: http://www.wpstudytheme.com/
Description: Learning WordPress Themes Design
Version: 1.0
Author: Daniele Cultrera
Author URI: http://www.semecreativo.it
Tags: custom header, fixed width, two columns, widgets
*/
Diese Zeilen in der Datei “style.css” Ich glaube nicht, dass weitere Erklärung.
Speichern Sie die Datei “style.css” und in der Template-Datei ein Vorschaubild der gleichen Thema im PNG-Format mit einer Auflösung von 300×225 Pixel. Die Datei sollte den Namen “screenshot.png”.
Zum besseren Verständnis dieser Anleitung und Arbeiten in diesem Teil, geben Sie den Administrationsbereich und prüfen Sie, ob wordpress templates gefunden über das “Manage Themes”.
Der Bildschirm zeigt die Informationen auf dieser Vorlage “Manage Themes” und enthält einen Teil der Informationen in der Datei “style.css”.[/lang_de]
[lang_es]Esta guía está dirigida tanto a los expertos en el diseño web para principiantes y abarcará los distintos aspectos de la fase de desarrollo de una plantilla de wordpress para analizar los detalles y tratando de explicar en un simple supuesto de que el lector tiene un conocimiento mínimo de HTML, CSS y PHP.
El contenido de cada capítulo de esta guía pueden cambiar con el tiempo, hacer correcciones y mejoras de los contenidos. Al final de cada capítulo, estará representado con un diagrama de la estructura de la plantilla y el capítulo resumen de la información y aumentar el entendimiento de sí mismo.
Desde la realización de una plantilla para wordpress, para poner a prueba las etapas de desarrollo y ver el resultado a través de la pantalla en el navegador tendrá que configurar un servidor web en el idioma local que soporta PHP.
Como alternativa a la ubicación del servidor web, puede configurar todo en un sitio, incluso si un servidor web en el reducir a la mitad el tiempo de producción y hace que el desarrollo sea mucho más fácil.
Aquí hay una lista de software que le permite instalar rápidamente un servidor web Apache, PHP y MySQL en su PC.
EasyPHP 3.0 (Windows), XAMPP (Windows, Mac OSX, Linux, Solaris).
El primer lugar para empezar a crear una plantilla de wordpress es crear una carpeta con el nombre que le asignamos a la plantilla en la carpeta de temas de wordpress. En esta guía, por conveniencia, llamar a nuestra plantilla con el nombre: “wpstudy”, y nos pondremos en la carpeta: “/wp-content/themes/wpstudy”.
Para una mejor organización de los archivos que componen toda la plantilla, añadir una carpeta llamada “css” como subcarpeta de “wpstudy” donde va a entrar en los distintos archivos css para el diseño y la tipografía de la plantilla.
Css He añadido los archivos de la carpeta será llamado por uno de los principales css archivo “style.css” y añadir en su plantilla principal: “/wp-content/themes/wpstudy/style.css”.
El archivo style.css en wordpress es el principal contenedor de la información relativa a la plantilla y se requieren en la activación de la plantilla utilizando el panel de administración de wordpress.
El siguiente paso será crear un archivo “index.php” en la carpeta “wp-study”. Index.php es el archivo que contiene la estructura de la plantilla y el código para usar las funciones de wordpress.
Editar el archivo “style.css” e introduzca la información en la plantilla como un comentario del código CSS:
/*
Theme Name: WpStudy
Theme URI: http://www.wpstudytheme.com/
Description: Learning WordPress Themes Design
Version: 1.0
Author: Daniele Cultrera
Author URI: http://www.semecreativo.it
Tags: custom header, fixed width, two columns, widgets
*/
Estas líneas incluidas en el archivo “style.css” No creo que necesita más explicación.
Guarde el archivo “style.css” y se incluirán en el archivo de plantilla una imagen de vista previa del mismo tema en formato PNG a una resolución de 300×225 píxeles. El archivo debe ser llamado “screenshot.png”.
Para comprender mejor esta guía y trabajar en esta parte, entrar en el panel de administración y verificación de las plantillas de wordpress encontrado a través de la “Manage Themes”.
La pantalla muestra la información en esta plantilla “Manage Themes” y contiene algunos de los datos incluidos en el archivo “style.css”.[/lang_es]
[lang_it]Il secondo screen invece, mostra sempre le informazioni del template presente su “Manage Themes” ma con maggiori dettagli di informazione. Questi dettagli vengono visualizzati quando il tema è selezionato come “attivo”.[/lang_it][lang_en]The second screen shows always the informations of the template available on “Manage Themes” but with more informations regarding the author. These details are showed when the template is selected as “active”.[/lang_en][lang_fr]Le deuxième écran, cependant, présente toujours les informations sur ce modèle “Manage Themes”, mais avec plus d’informations. Ces informations sont affichées lorsque le sujet est sélectionné comme “active”.[/lang_fr][lang_de]Der zweite Bildschirm, jedoch immer die Informationen auf dieser Vorlage “Manage Themes”, aber mit mehr Detailinformationen. Diese Angaben werden angezeigt, wenn das Motiv als “aktiv”.[/lang_de][lang_es]La segunda pantalla, sin embargo, siempre muestra la información en esta plantilla “Manage Themes”, pero con más detalle la información. Estos datos aparecen cuando el sujeto es seleccionado como “activo”.[/lang_es]
Hi
test
Hey I already did this part, when should I expect the part 2?