background preloader


Facebook Twitter

Integrating WordPress with Your Website. Integrating WordPress with Your Website Languages: English • Русский • (Add your language) Introduction By nature, WordPress is very powerful.

Integrating WordPress with Your Website

It can be as complex or as simple as you wish. With that in mind, how much you want to use WordPress with your existing website is totally up to you. These directions will not work on a MultiSite Network. Begin the transformation First, assume you have an existing site at Next, create a new sub-directory (folder) at your site and call it 'blog' (you could use something other than blog, but you must create this sub-directory). Grab the header In order to transform regular PHP pages into ones that utilize WordPress, you need to add either of the following code snippets to the start of each page. The Loop It is necessary to include The Loop in your pages to effectively take advantage of the multitude of Template Tags or plugins available. Examples Generate a list <? Last three posts Display the last three posts on your web page. How I Learned To Build Wordpress Themes. Picture your finished custom wordpress theme live on your server, completely unique and fresh.

How I Learned To Build Wordpress Themes

By the time you have finished reading the resources in this post that scenario will be a reality. People love custom themes, they make a blog come to life with a personality of its own. It’s no secret that they’ll reward it you for it through links, subscriptions and bookmarks. Theme Design Lessons How To Create A WordPress Theme From Scratch Good walk through in detail on creation of themes. The 5 Minute Theme Fast way of making simple a simple wp theme. CSS Techniques: Using Sliding Doors with Wordpress Navigation. This sliding doors CSS hack allows you to create sophisticated tabs for your navigation bar. Sadly, WordPress core functions wp_list_pages() and wp_list_categories() don’t allow you to add the required span tag to use this technique. We are going to see how to proceed in order to use sliding doors in our WordPress theme.

Sliding doors, why? There’s many articles available on the web about the sliding doors technique, so I’m not going to talk a lot about it. For people who don’t already know this famous hack, here’s a quick example. Tutoriels: Créez le design de votre blog Wordpress avec Photoshop! Après la création des templates pour un thème WordPress et les tutoriels sur le référencement pendant l’été, il est temps d’aborder toute la partie design du blog.

Tutoriels: Créez le design de votre blog Wordpress avec Photoshop!

Comment réaliser son propre design de blog ? Comment l’intégrer ensuite au code ? Ce sont tous les aspects que nous allons aborder dans les prochaines semaines avec cette nouvelle série de tutoriels largement tournés autour de Photoshop et de l’intégration XHTML et CSS. Ainsi, ces tutos vont s’organiser autour du schéma suivant: 1. Bien sûr, tous ces aspects vont représenter plus d’un tutoriel pour chaque point, mais ça vous donne déjà une trame afin de mieux comprendre les différentes étapes de la réalisation d’un design de blog. Créez votre thème Wordpress de A à Z.

Update du 5 Octobre 2011: les tutoriels ont beau datés de 2007, ils sont en cours de modifications pour y ajouter les fonctionnalités des dernières versions de WordPress.

Créez votre thème Wordpress de A à Z

Quoi qu’il en soit, ils sont toujours d’actualité et ont été mis à jour plusieurs fois. Peut-être que vous aimeriez créer votre propre thème pour votre blog et que vous ne savez pas trop comment vous y prendre ? Et bien, dans les semaines qui vont venir, je vais vous expliquer les différentes étapes à suivre, pas à pas, pour que n’importe qui (ou presque) puisse créer son propre thème. On va voir l’installation de WordPress sur votre ordinateur, les différents types de fichiers, leurs hiérarchies, et les interactions entre eux. On va ensuite apprendre à créer un thème relativement simple avec Photoshop et comment l’intégrer dans les différents fichiers. Quoi qu’il en soit, quelques petits prérequis seront nécessaires. . « Stay tuned! Articles déjà en ligne: Premium Wordpress Themes.

Joomla Templates, Drupal Themes, WordPress Themes and phpBB3 Styles - RocketTheme. How to build a WordPress HTML5 theme. iPhone, iPad, video HTML5 deployment, Webkit, Chrome, Safari, web standards, canvas elements, and disappearing flash support.

How to build a WordPress HTML5 theme

These are just a few of the many reasons to explore HTML5 and its capability. Add WordPress, a very customizable system that allows skinning of the underpinning code in order to achieve the desired result and you get a great basic test case for HTML5. What follows is quick synopsis of how to setup an HTML5 WordPress skin and some of the benefits this brings: To start, I setup basic HTML5 markup. Utilizing new tags. Using this basic system as a framework, I added microformats to the header and footer for human and machine readable information. Next, I started utilizing some of the great things that HTML5 and CSS3 have to offer. <input type=”email”/> This field type also tells mobile devices to change their keyboard accordingly. <input type=”url”/> This field type also tells mobile devices to change their keyboard accordingly.

Now its time to add the CSS.