Instructables sur votre site ou Blog - mise à jour ! (2 / 4 étapes)

Étape 2: Installation

Le code de base pour obtenir ce travail peut être inséré dans presque n’importe quelle page web. Pour ce faire vous aurez besoin d’une connaissance de base de HTML et CSS. Les chances sont que si vous avez votre propre page Web, vous savez ce bien, le hard(er) bit, le PHP, est fait pour vous.

Une note à ceux qui n’avez jamais utilisé PHP avant :
La plupart des gens conception et la maintenance de leurs propres pages web écrivent en HTML et CSS. Chaque page est mis à jour à la main, et le contenu de la page reste toujours le même. Ceci est connu comme une page web statique. L’utilisation d’un langage de script comme PHP les moyens qui peuvent devenir des pages web dynamiques, chargement du contenu qui dépend des entrées de l’utilisateur. Il s’agit d’un exemple d’une page web dynamique, en ce que les Instructables extraites dépendent les options choisies par la personne visitant votre site Web. La plupart gens maintenant une mise à jour du site Web leurs pages hors ligne, vue sur qu'eux en mode hors connexion dans leur navigateur et puis si ils sont heureux avec eux ils les télécharger sur leur serveur. Lorsque vous utilisez PHP, vous devrez d’abord installer Apache, qui vous permet d’exécuter PHP sur votre PC comme localhost. Je vous recommandons d’obtenir XAMPP, qui vous permettra de chargement de pages se terminant par .php. Sans cela, votre navigateur web se chargera juste un tas de code, il va ressembler à ordure.

Procédez comme suit pour l’installer sur votre propre site Internet. Il est probable que vous aurez besoin de modifier le CSS pour qu’il puisse regarder à droite.

1. Téléchargez et extrayez les fichiers inclus.
2. index.php est le fichier contenant le PHP pour extraire les instructables. Fondre dans une page de votre site Web. Si votre site est statique HTML (page.html), vous devrez renommer qu’il s’agit d’un fichier PHP (page.php). Si c’est votre première incursion en utilisant PHP, W3 schools ont quelques bons tutoriaux qui vous permettra de comprendre suffisamment pour utiliser ce Instructable.
3. Ajoutez le fichier CSS inclus à l’en-tête de votre page web et transférez-le sur votre serveur web.
4. Dans le PHP, recherchez la variable nommée $username et changer de « Jayefuu » à votre nom d’utilisateur. Bien sûr, je suis plus qu’heureux pour vous d’afficher mon Instructables sur votre site et m’envoyer beaucoup de trafic, mais qui irait à l’encontre du point, à droite ? Si votre nom d’utilisateur n’est pas juste du texte brut et a des espaces ou des personnages drôles, visiter votre page de profil sur Instructables et copier et coller le dernier morceau dans la variable. Un exemple est donné pour l’utilisateur "= puce =" dans l’image pour cette étape.
5. À ce stade, si vous chargez votre page Instructables intégrée à votre site Web, il devrait au moins vous extraire certaines données et l’afficher. Il peut être vraiment laid, mal alignées ou avoir n’importe quel nombre de bugs bizarres, mais les données que vous avez besoin sera là. À ce stade, ce sera à vous de modifier le CSS et HTML, j’ai inclus en fonction de votre site Web. Je ne peux pas souligner assez l’importance de Firebug . Une extension pour Firefox, il vous laisse analyser votre HTML et CSS et modifiez-la en navigateur sans re-téléchargement après chaque modification. Cela le rend beaucoup plus facile de trouver des fautes et beaucoup plus rapide savoir ce que vous devez faire pour y remédier. Je suis plus qu’heureux d’aider les gens dans les commentaires si ils ont des problèmes, mais s’il vous plaît installer Firebug en premier et se lancer.