background preloader

WordPress functions.php Snippets

WordPress functions.php Snippets

TopStyle - Télécharger 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. 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. It separates the presentation styles and template files from the system files so the site will upgrade without drastic changes to the visual presentation of the site. Why should you build your own WordPress Theme?

Accueil - Mozilla en français Ajouter catégories et mots-clés aux pages HTML CSS 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. <?

Amaya Overview Amaya is a complete web browsing and authoring environment. You can find a more detailed description of Amaya and of its features in the W3C Note "An Introduction to Amaya." The image shows the Amaya main view. Along the top are a number of buttons associated with browsing. The panel at the right proposes a set of editing tools. At any time, the user can select any part of a document and assign to it an HTML type (H1, LI, EM, etc.), by means of the XHTML palette, or of the shortcut buttons. Transport protocols Amaya accesses remote sites by means of HTTP/1.1. Support for CSS Amaya has support for the W3C style sheet language CSS although this is not yet complete. Support for MathML Amaya provides a support for MathML presentation markup which allows users to browse and edit Web pages containing mathematical expressions (see some examples). Amaya uses namespaces to integrate MathML expressions within XHTML documents, i.e. Support for SVG Support for RDF and XPointer

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. 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. Résumons la situation. Autre cas, vous avez un e-commerce et vous avez plusieurs gammes de produits. Deux pages (ou plus) de blogs sur mesure C’est une technique que j’utilise assez souvent. Toi comprendre ? <?

Leçon 3: Les couleurs et les arrières-plans Dans cette leçon, vous apprendrez comment appliquer des couleurs et des couleurs d'arrière-plan à vos sites Web. Nous étudierons également des méthodes évoluées pour positionner et contrôler les images d'arrière-plan. Les propriétés CSS suivantes seront expliquées : La couleur d'avant-plan : la propriété 'color' La propriété color décrit la couleur d'avant-plan d'un élément. Par exemple, supposons que nous voulions tous les titres du document en rouge foncé. Afficher un exemple On peut définir les couleurs avec des valeurs hexadécimales comme dans l'exemple précédent (#ff0000), ou avec les noms des couleurs ("red"), ou avec des valeurs RGB (rgb(255,0,0)). La propriété 'background-color' La propriété background-color décrit la couleur d'arrière-plan des éléments. L'élément <body> est le réceptacle de tout le contenu du document HTML. On peut aussi appliquer une couleur d'arrière-plan à d'autres éléments y compris les titres et le texte. Afficher un exemple Afficher un exemple Afficher un exemple

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. 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) Flipbook Image Slider with CSS3 3D Transforms and jQuery [Via] 11) Making a CSS Only Accordion Image Slider [Via] 12) Slim Slider Css3 [Via] 13) CSS Slider (Pure CSS) [Via] 16) Slider in only css [Via]

Piéger les voleurs d'images sur vos sites très facilement :) : YouTube, Google Images et Google Maps J'ai répondu à un autre fil de discussion, et comme je suis certain que cela devrait intéressé nombre d'entre vous, je reproduit ma réponse ici : A tous ceux qui en ont marre de voir leur places volés par d'autres dans Google image, j'ai trouvé une solution très simple et plus que radicale... quand tu identifie, un voleur, au lieu de lui renvoyer ton image, tu lui renvoit un code php que tu aura écrit dans une page spécifique, du genre voleur.php : Code: Tout sélectionner $referant = parse_url($_SERVER['HTTP_REFERER'], PHP_URL_HOST); // Domaine du réferant header('WWW-Authenticate: Basic realm="Le site ' . C'est radical ^^ Quand un visiteur vient sur la page incriminée, ton image ne s'affiche pas, et il voit une belle boîte d'authentification avec laquelle il ne peut rien faire... Que l'image se trouve en haut ou en bas du code, dès la requête http, la boîte d'authentification s'ouvre

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.

Visual Timeline Gadget - 97Gadgets Timeline Gadget for Google Spreadsheetswritten by David Huynh and enhanced by JR This gadget is used with Google spreadsheets to create an interactive timeline of date driven information - such as historic events, milestones, schedules, and other items defined in terms of dates. Check out a preview of this gadget on a published spreadsheet or create your own timeline now using your own copy of a sample spreadsheet (clicking the prior link will immediately create a copy of the sample spreadsheet on your Google Docs list if you are logged in to your Google account) This gadget was built using the following components: Google Spreadsheet gadgets API: gives access to spreadsheet data from within a Google gadget.Simile Timeline Visualization Library: provides interactive presentation of items which are categorized by dates. Purpose of the Timeline Gadget: The Timeline is a great way to present date-driven information in a concise, visual and interactive way. How to set up the Timeline Gadget:

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 <?

Related: