background preloader

Programmation

Facebook Twitter

Aléatoires...

Optimisation de performance. Ajouter catégories et mots-clés aux pages. How to Center in CSS. Développer un thème : règles de base. Languages: বাংলা • English • Español • 日本語 • 한국어 • Português do Brasil • Русский • 中文(简体) • 中文(繁體) • (Add your language) This article is about developing WordPress Themes. If you wish to learn more about how to install and use Themes, review Using Themes. This topic differs from Using Themes because it discusses the technical aspects of writing code to build your own Themes rather than how to activate Themes or where to obtain new Themes. Why WordPress Themes WordPress Themes are files that work together to create the design and functionality of a WordPress site. Each Theme may be different, offering many choices for site owners to instantly change their website look.

You may wish to develop WordPress Themes for your own use, for a client project or to submit to the WordPress Theme Directory. To create a unique look for your WordPress site. A WordPress Theme has many benefits, too. Why should you build your own WordPress Theme? It's an opportunity to learn more about CSS, HTML, and PHP. Menu Archives. WordPress functions.php Snippets | WP FUNCTION ME. Wordpress : afficher une page contenant les posts d'une seule catégorie. Autrement dit… comment diviser son blog Wordpress en 2 parties (ou plus) Ce petit tutoriel a pour but d'expliquer simplement et rapidement comment avoir deux pages actives dans Wordpress, la première étant la page d'accueil normale affichant l'ensemble des posts, la deuxième étant celle n'affichant que les posts d'une certaine catégorie.

Le fonctionnement global de Wordpress n'étant donc pas le sujet de cet article, nous nous focaliserons sur le sujet abordé. De la même façon, nous partons du principe que vous savez manipuler, même basiquement, des outils tels que le FTP ou la console d'accès de votre hébergeur ainsi que sa partie PhpMyAdmin. Aboslument rien de sorcier ici, bien au contraire, mais quelques manipulations à effectuer avec soin. La technique est de filtrer ce qu'affiche Wordpress sur la page d'accueil en enlevant une catégorie… cette même catégorie qui sera la seule affichée sur l'autre page. Les catégories Consulter votre base de données La table concernée est wp_terms. <? 3 façons d'avoir plusieurs pages de blog avec wordpress - Buzut. WordPress est un super moteur de blog, mieux, il est même un CMS complet.

La preuve ? Il propulse la grande majorité des blogs auto-hébergés (bien devant drupal, joomla etc) et est derrière des centaines millions de sites : blogs, sites d’information, sites vitrines, ecommerces… Cependant, comme tout outil, WordPress a ses limites : il ne permet pas d’avoir plus d’une page de blog (comprendre page qui liste les articles ou posts). Cette limitation est inhérente à l’architecture originelle de WordPress, qui n’est à la base qu’un simple moteur de blog.

Mais nous l’avons dit, notre cher WordPress est aujourd’hui un vrai CMS et ses différents usages nécessitent de la souplesse. Voici donc quatre manières d’afficher plusieurs pages d’articles. De la plus à l’arrache à la plus aboutie, ces différentes techniques ont chacune leurs particularités. Utilisation des catégories comme pages de blog Cette technique est d’une simplicité incroyable mais elle reste extrêmement efficace.

Toi comprendre ? WordPress Code Snippets — WordPress Code Snippets. 25+ HTML5 and CSS3 Sliders Free To Use - DesignGrapher.Com | Design & Photography blog. Creating or designing a unique and different website is very challenging. To make your job easier, you can select HTML5 and CSS3 sliders that are ready to. There are many HTML5 and CSS3 sliders available for free downloads on the internet. You can download them depending on your needs and tastes. Most of these HTML5 and CSS3 sliders are responsive and hence you can use them with ease without any knowledge of programming. In fact, once you download the HTML5 and CSS3 sliders, within minutes you will understand how to use; you do not have to be a technical geek at all!

These free sliders save your time too. 1) Pure CSS3 and jQuery Rotating Image Slider [Via] 2) CSS3 Slider With HTML5 Canvas and jQuery[Via] 3) Full Width Image Slider [Via] 4) Fun 3D Image Slider [Via] 5) Pure CSS Slider [Via] 6) Pure CSS Featured Image Slider [Via] 7) CSS & HTML 3D Slider [Via] 8) A Simple Yet Effective CSS3 Image Slider [Via] 9) Experimental CSS3 Only Image Slider with 3D Transforms [Via] 10 Excellent HTML5, CSS3 & JS Tuts + Demos. CSS Navigation Bar A sublime hover effect that is crying to be utilized. 3D Cube Rotate Menu A sleek 3D cube rotation effect on each link in the menu. Apple Mice A hompage to all the Apple Mice over the years (made with pure CSS) CSS3 Slider Timeline Menu Learn to create a slider timeline menu with CSS3 animations. Follow Widget with Folding CSS3 Animation Follow Widget with Folding CSS3 Animation Shape Shifter HTML5 canvas experiment Sliding Icon Button A rounded button with a circle icon that slides across the length of the button as the button title changes using CSS3 transitions Flat Responsive Sliding Boxes Flat responsive sliding boxes using HTML5 and CSS3 CSS Dashed Shadow Pure CSS hipster-ish typographic dashed shadow CSS Loader Another set of nice CSS loaders Found is our way of sharing the best articles, resources and tutorials that find their way to the eyeballs of the CSSDA crew.

Reference | WordPress Developer Resources. Template_Hierarchy.png (1453×1443) How to Create Multiple Dynamic Sidebars for Wordpress Widgets. In the last tutorial, you learnt how to widgetize your wordpress theme to support wordpress widgets. Now this tutorial explains how to create multiple dynamic sidebars to add various combinations of widgets to customize your wordpress theme even more. Advertisements I suggest you read how to Widget-Enable WordPress Themes in 3 Easy Steps before reading further as examples will be quoted in the same context. Edit Functions.php for Multiple Dynamic Sidebars The functions.php code which helped to widgetize your wordpress theme and support a single dynamic sidebar, now needs to be edited (using any text editor like Notepad) to support multiple sidebars.

To the new code below to support our customized template with h4 subtitles and non-default unordered lists in the sidebar. <? To support multiple sidebars, I simply need to specify that multiple sidebars be used and name them as I like. <? I personally have extended this capacity to 6 dynamic sidebars on this blog. Sidebar1 code goes like this. How to Add Widgets to WordPress Theme's Footer. I wanted to use widgets in the footer of my WordPress theme but my wordpress theme didn’t come with a footer-sidebar by default. I didn’t really wanted to change the theme just because of that. So I hacked the wordpress theme to introduce footer-sidebars. If you are looking for a tutorial that explains how you can add sidebars/widgets to the footer of your WordPress theme then keep reading.

There are really three main parts to introducing a footer sidebar/widget area in your theme: Registering the Sidebar(s) in the WordPress ThemeInserting the Sidebars In the WordPress ThemePutting some style into the sidebars WordPress has introduced a few new functions recently which makes it hard to write one tutorial that will cater for every theme out there. Keep a backup copy of your “functions.php” and “footer.php” file just in case you make a mistake when making the code changes. Adding Footer Widget to a Modern Theme Do the following if your theme is relatively new. 1. 2. 3. 1. 2. 3. Placer une ancre dans WordpressDestination webmarketing. Par florian, le 25 avril 2011 Bonjour à tous, Je vais vous parler d’un élément un peu technique mais très pratique, les ancres, et vous faire partager ma petite astuce pour mieux les intégrer dans WordPress.

Mais tout d’abord, qu’est ce qu’une ancre en web et à quoi cela sert ? Ancre définition : Ancre ou anchor : il s’agit d’un marqueur ou tag qui labellise un élément spécifique d’une page : un mot, un groupe de mot ou même une image. Un des exemples les plus connus est le principe de lien vers le »haut de la page » en bas d’un article. Les atouts de l’ancre en web : faire pointer un lien directement vers une partie spécifique de la page. L’utilisation des ancres dans WordPress Après avoir cherché sur le web comment intégrer simplement des ancres dans WordPress et n’ayant rien trouvé de satisfaisant (puglins complexes et pas très pratiques), je me suis résolu à passer par l’onglet HTML dans WordPress et le code source.

La méthode traditionnelle ne fonctionne pas top : Florian Related posts: Comment ajouter des icônes de réseaux sociaux sur son site. - wordpress et webdesign par Christelle Bourgeois. How to Create a Custom Archives Page in WordPress. Tutoriel WordPress : Créer un carrousel sous forme de plugin. Créer un slider pure HTML5 & CSS3 pour wordpress. HTML5 et CSS3 ne sont pas encore tout à fait valides et restent encore en cours de transition. Néanmoins, je vous propose aujourd’hui un tutoriel, dont le concept nous vient de Geoffrey Crofte => CreativeJuiz – Html5 & Css3 : Slideshow) permettant de créer un slider (diaporama) en HTML5 / CSS3 et ce, sans JavaScript. Au risque de me répéter, le slider présenté ici, n’est proposé qu’a titre expérimental afin de vous montrer les possibilités du CSS3 /HTML5. Il n’est pas conseillé de l’utiliser dans un cadre de développement cross-browser. Démonstration en ligne / sources Slider HTML5 / CSS3 Fichiers de démonstrations sans utilisation de jQuery.

Taille : 3, 0 KiB • Date : 3 juin 2013 • Hits : 4 532 Slider HTML5 / CSS3 (démo) Démonstration en ligne du diaporama en HTML5 présenté dans ce tutoriel. Taille : 1 024 bytes • Date : 3 juin 2013 • Hits : 6 055 #1 – Le pattern HTML5 Ce que j’appelle le pattern, c’est tout simplement ce dont nous aurons besoin pour que notre slider fonctionne. . #2 – Le CSS3 <?

Donner un effet hover à ses icônes de réseaux sociaux - wordpress et webdesign par Christelle Bourgeois. Niveau : Débutant Dans cet article je vais vous montrer les étapes à suivre afin que vous puissiez donner plus de pep's à vos icônes de réseaux sociaux en leur donnant un effet hover. Vos icônes changeront ainsi plus ou moins d'aspect lorsque les visiteurs de votre blog passeront leur souris sur ces dernières. Nous allons voir deux techniques. L'une utilise seulement le langage HTML, l'autre associe HTML et CSS3 ainsi que vous soyez débutant ou non, chacun devrait y trouver son bonheur ! 1- Donner un effet hover grâce au HTML : Ce qu'il vous faut: deux sets d'icônes.récupérer les adresses url de ces icônes.recopier et personnaliser le code html.le widget "texte". Commencez par télécharger vos icônes sur wordpress et par récupérer leur url que vous noterez quelque part.

Copier le code html suivant en prenant bien garde de changer mes adresses par les vôtres. Le résultat: Attention !! 2- Donner un effet hover grâce au CSS: Créez une classe pour pouvoir la personnaliser ensuite avec le css.