background preloader

Personnaliser la page de connexion de WordPress

Personnaliser la page de connexion de WordPress
La page de connexion à l’administration WordPress est accessible à l’adresse nom-du-site/wp-login.php et contient un formulaire pour se connecter, le logo de WordPress et un lien permettant de retourner sur l’index du site Internet. Pour de multiples raisons, vous avez certainement envie de personnaliser cette page à votre image ou à celle de votre client. Par chance (ou plutôt que les développeurs de WordPress pensent à tout), il existe quelques hooks et filtres à connaître pour personnaliser la page de connexion à votre image. Ci-dessous, un aperçu de la page proposée par défaut : Lors de la personnalisation de la page, nous allons pouvoir modifier 4 paramètres : le cssle lien sur le logol’attribut “title” du logoajouter du contenu Attention : Toutes les modifications et ajouts de code doivent se faire dans votre fichier “functions.php” présent à la racine de votre thème. Modifier le CSS Créez un dossier « design » à la racine de votre thème et créez ensuite un fichier « style-login.css ».

Créer une zone de connexion (login) dans WordPress Ce tutoriel vous apprendra comment mettre en place une zone de connexion dans une page WordPress vous permettant d'inciter vos visiteurs à s'inscrire sur votre site / blog. Aucune connaissance particulière requise. Vous recherchez un développeur WordPress capable de vous créer un thème sur-mesure ? C'est mon métier depuis plus de 7 ans, prenez contact et discutons de votre projet. Pour vous connecter à l’administration WordPress, il est commode de passer par l’une des 2 URLs suivantes : Cette méthode de connexion n’est pourtant guère très pratique si vous autorisez l’enregistrement de nouveaux utilisateurs. Le plus simple reste donc de créer un formulaire de connexion puis de l’insérez dans un nouvelle page par exemple. Création du modèle de page A l’aide d’un client FTP, rendez-vous dans /wp-content/themes/NOM_DU_THEME/ puis dupliquez le fichier page.php. Renommez la copie par un titre évocateur tel que template-login.php.

Sablux Group Lorem ipsum dolor sit amet, consec tetuer adipicing it. Praesent vestibulum molestie lacusnea non mmyhedrerit mauris.Phasellus portacecipit varius miumocii. natoque penatibus et gnis dis parturient montessetu. Ridiculu. Nulla. .dui. Fusce feugia malesuada odio. Morbi. nunc odi, gravida.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus portacecipit varius miumocii. natoque penatibus et gnis dis parturient montessetu. mt@numherit.com Htaccess : cache control et expire headers Le htaccess est un fichier de configuration de votre serveur, et celui-ci peut vous rendre énormément service pour les performances de votre site, sur l’expérience utilisateur et sur le référencement naturel. Mais c’est un peu le flou sur la manière de le configurer. Si vous rencontrez des soucis avec ce code et que vous souhaitez que nos équipes se charge de l’adapter et de l’installer, faites appel à nos services de développement. Voici donc un guide pour coder votre fichier htaccess : Avant propos Testez, testez et testez ! Chaque code donné ici permet d’optimiser le fichier htaccess pour accélérer votre site, le sécuriser et réduire la bande passante utilisée. Mais en fonction de la configuration de votre serveur, les codes peuvent ne pas fonctionner : vous devez absolument tester et adapter chaque code en fonction de vos besoins ! Quelques définitions Pour mieux comprendre cet article, voici quelques explications. Htaccess : c’est un fichier de configuration pour un serveur web apache.

How to Display Popular Posts by Views in WordPress without a Plugin In the past we have shown you how to create a popular post tabber in WordPress using a plugin. That plugin works great out the box for tabbers. However, we wanted more customization in our layout, so we decided to do it without a plugin. In this article, we will show you how to track and display popular posts by views in WordPress without using any plugins. An example of our custom popular post display is shown in the screenshot below: First thing we need to do is create a function that will detect post views count and store it as a custom field for each post. Now that you have this function in place, we need to call this function on the single post pages. If you are using a child theme or you just want to make things easy for yourself, then you should simply add the tracker in your header by using wp_head hook. Once you have placed this, every time a user visits the post, the custom field will be updated. Note: If you are using a caching plugin, this technique will NOT work by default.

Detect unused CSS rules - CSS Optimizer 1) Exploring the CSS of 1 page of your site Loading results It can take up to 1 minute or __url The cleaned CSS file size is __sizeusage% smaller __percentage% of the CSS selectors are used 2) Explore all the pages and download the clean CSS Only paying users can download clean CSS files. The exploration may take up to 30 minutes.

Tips Facebook: Comment récupérer un access_token pour accéder à la Graph API Vous l’avez sans doute constaté, l’API de Facebook a (encore) changé ! Maintenant il vous faudra un « access_token » pour accéder via l’API Open Graph aux données de page Fan. Ainsi, le script que j’avais publié sur la récupération d’informations provenant d’une page Fan ne marche (pour l’instant) plus. Je me suis donc penché sur la question et après avoir réussi à récupérer ce fameux token, vais vous indiquer la marche à suivre pour en faire de même. Tout d’abord essayons de comprendre la mécanique. Principe Différentes étapes doivent être accomplies afin de pouvoir à nouveau utiliser l’Open Graph API pour les pages fan. s’identifier en tant que développeurcréer une application où l’on va récupérer certaines informations précieuses.autoriser l’application à utiliser les informations facebookrécupérer un access_tokenutiliser cet access_token pour accéder à la Graph API Détails pas à pas S’identifier en tant que développeur Créer une application Il va falloir certainement vous authentifier.

Poster sur le mur d'une Fan Page via l'API Graph de Facebook - Lack of Inspiration MàJ du 7 décembre 2011 : modification de la partie sur la récupération de l'access_token, ce qui corrige le problème où seul l'administrateur de la page pouvait voir les messages postés. Les sources ont été mises à jour en conséquence. Note : Ce tutoriel est une mise à jour de celui que j'avais fait il y a bientôt un an, utilisant l'API REST de Facebook. Mon ancien tutoriel n'étant plus valable (on ne peut plus autoriser une application sur une page de la manière dont je l'ai décrite), je vous fait part aujourd'hui de la nouvelle façon de procéder pour arriver au même résultat : poster un message sur le mur d'une Fan Page en utilisant l'API ("Graph" cette fois) de Facebook. Je considère que vous avez déjà créé votre page ou que vous êtes administrateur de la page sur laquelle vous voulez poster. Prérequis Avant tout, vous devez télécharger le SDK PHP de Facebook qui permet de manipuler l'API Graph, directement sur GitHub. Vous pouvez télécharger le SDK soit via Git : Création de l'application

Add an extra text input field on admin post page Looking at how media buttons operate on the posts page, it's not going to work while the other is present... They're not designed to be on the page twice, and i can't see any way to modify it to support 2, at least not without several additions all over the place. Think about it, the uploader is designed to send data to one place, the post page, and specifically that ordinarily only has one place that supports shortcodes (ie. [caption][gallery] and so on).. so there's never been a case where it would need to support more then one area. Above approach i mentioned would change where the code gets pasted/inserted, but as i mentioned this then also effects the media buttons that normally placed regular inserts into the content area. It's either, or...i'm affraid .. Unless someone with more knowhow of WP js and jquery can chime in and suggest something more..

Create a simple PHP MVC Framework | salopek.eu In this blog post we'll create a simple PHP MVC Framework from scratch. This simple framework can be used as a tool for learning the basic plot behing MVC or you can modify it and make it grow into something bigger and much more useful. MVC stands for "Model View Controller". MVC is a concept that enables us to separate our business logic from the presentation. One of the biggest advantages is the code reusability. I'm convinced. For this tutorial you will need PHP/MySQL. Let's get to it. Setting up the Database We'll have a simple database with just two tables which will contain our news. The basic plot is: One category can have many articles and article can't be without a category, so we need to add a foreign key to reference categories in the articles table. Foreign key also controls the changes in the primary key table. Now use you SQL client to enter some sample data. For example, look at the following screenshot. Once you create the tables, we need some data to play around with.

A Most Simple PHP MVC Beginners Tutorial | require 'mind' A few months ago, a friend of mine started taking courses about web development. Like (almost) everyone else he began learning PHP and soon enough he was asked to develop a small handmade MVC application. So he went on the internet and started searching easily understandable tutorials, only to find out there was not that many good guides out there. Let’s fix this. Disclaimer: this tutorial is just my take on the subject. Application Github repo: Let’s begin with the boring part. MVC, what the f***? Right now I’m guessing you have at least a basic understanding of PHP. I suppose you’ve been starting with putting everything in one file and you quickly moved on to using “includes” and “requires” (better even require_once) just to make your code more readable, easier to follow for you or someone else. Here are some useful resources on the matter, just get a vague idea, do not get stuck on those (read the introductions at least I guess) : We’re doing great. And

Créez votre thème WordPress en intégrant votre design Arnos (Arnaud Steckle) livre enfin la suite de son tutoriel où il intègre cette fois son webdesign sous WordPress. Enfin le voici le voilà ! Le tutoriel d`intégration du blog sous WordPress est disponible sur Living Tuts. Dans ce tutoriel nous verrons ensemble comment découper et intégrer un design de blog sous WordPress. Bien évidemment sur un tutoriel en une partie comme celui-ci, il n’est pas possible de voir tout en détail, mais vous pourrez acquérir les bases nécessaires pour intégrer un thème. Il s’agit de la suite du précédent tutoriel de création du webdesign sous Photoshop visible sur cette page, que nous allons donc maintenant intégrer comme nouveau thème dans le CMS WordPress. Commençons tout de même par voir ce qu`est un thème WordPress, à quoi ils servent et comment ils sont constitués. L`interface utilisateur de WordPress est basée sur un système de thèmes gratuits ou/et payants, facilement personnalisables et interchangeables. Étape 1 : Découpage des images. Header.php : ? <?

Material Design Lite Introduction The Material Design Lite (MDL) text field component is an enhanced version of the standard HTML <input type="text"> and <input type="textarea"> elements. A text field consists of a horizontal line indicating where keyboard input can occur and, typically, text that clearly communicates the intended contents of the text field. Text fields are a common feature of most user interfaces, regardless of a site's content or function. The enhanced text field component has a more vivid visual look than a standard text field, and may be initially or programmatically disabled. Basic use To use any MDL component, you must include the minified CSS and JavaScript files using standard relative-path references in the <head> section of the page, as described in the MDL Introduction. There are three main types of text fields in the text field component, each with its own basic coding requirements. To include a single-line MDL text field component: 1. <div> ... 2. 3. 4. 5. Examples 2. 3. 4. 1. 2.

Docs | Free PHP Grid 1) Extract the downloaded product archive in web root. e.g. www/phpgrid 2) Open it in browser to run installer. e.g. and following the intallation steps. 1) Execute “database.sql” on a Mysql Database. It will create ‘griddemo’ database. 2) Place all files in a directory on the web server. e.g. 3) Rename config.sample.php to config.php, and update database config. e.g. To integration in your app, you need to consider 3 things. 2) The folder ../.. Simply override lib/inc & lib/js from latest build to the phpgrid folder in previous implementations. Step3: Print the $out variable where you wish to display grid. By default, when we define the ->table property, it displays all the columns of table. If you want to customize any specific column properties, and let other columns be displayed from table definition, you can pass 2nd argument of set_columns($cols,true) to true. NOTE: The first column must have unique data (usually PK) in order to work properly. or etc. ^ Top Code:

Related: