2 <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
3 <!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
4 <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
5 <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
7 <title>Sauvegarder son premier article
</title>
9 <meta name=
"description" content=
"Documentation for wallabag" />
10 <meta name=
"author" content=
"Nicolas Lœuillet">
11 <link rel=
"icon" href=
"../../templates/default/themes/daux-blue/img/favicon-blue.png" type=
"image/x-icon">
13 <meta name=
"apple-mobile-web-app-capable" content=
"yes" />
14 <meta name=
"viewport" content=
"width=device-width, initial-scale=1.0">
19 <link href='../../templates/default/themes/daux-blue/css/daux-blue.css' rel='stylesheet' type='text/css'
>
23 <div class=
"container-fluid fluid-height wrapper">
24 <div class=
"navbar navbar-fixed-top hidden-print">
25 <div class=
"container-fluid">
26 <a class=
"brand navbar-brand pull-left" href=
"../../index.html">wallabag
</a>
27 <p class=
"navbar-text pull-right">Generated by
<a href=
"http://daux.io">Daux.io
</a></p>
30 <div class=
"row columns content">
31 <div class=
"left-column article-tree col-sm-3 hidden-print">
33 <div class=
"responsive-collapse">
34 <button type=
"button" class=
"btn btn-sidebar" id=
"menu-spinner-button">
35 <span class=
"icon-bar"></span>
36 <span class=
"icon-bar"></span>
37 <span class=
"icon-bar"></span>
40 <div id=
"sub-nav-collapse" class=
"sub-nav-collapse">
42 <ul class=
"nav nav-list"><li><a href=
"../../fr/Pour_commencer.html">Pour commencer
</a></li><li><a href=
"../../fr/Contribuer_à_wallabag.html">Contribuer à wallabag
</a></li><li class=
"open"><a href=
"#" class=
"aj-nav folder">Documentation utilisateur
</a><ul class=
"nav nav-list"><li><a href=
"../../fr/Documentation_utilisateur/Téléchargement_et_installation.html">Téléchargement et installation
</a></li><li class=
"active"><a href=
"../../fr/Documentation_utilisateur/Sauvegarder_son_premier_article.html">Sauvegarder son premier article
</a></li><li><a href=
"../../fr/Documentation_utilisateur/Lire_un_article.html">Lire un article
</a></li><li><a href=
"../../fr/Documentation_utilisateur/Classer_ses_articles.html">Classer ses articles
</a></li><li><a href=
"../../fr/Documentation_utilisateur/Configurer_wallabag.html">Configurer wallabag
</a></li><li><a href=
"../../fr/Documentation_utilisateur/Rechercher.html">Rechercher
</a></li><li><a href=
"../../fr/Documentation_utilisateur/Convertir_en_ePub.html">Convertir en ePub
</a></li><li><a href=
"../../fr/Documentation_utilisateur/Un_article_est_mal_affiché.html">Un article est mal affiché
</a></li><li><a href=
"../../fr/Documentation_utilisateur/Flux_RSS.html">Flux RSS
</a></li><li><a href=
"../../fr/Documentation_utilisateur/Importer_:_Exporter.html">Importer : Exporter
</a></li><li><a href=
"../../fr/Documentation_utilisateur/Multi-utilisateurs.html">Multi-utilisateurs
</a></li><li><a href=
"../../fr/Documentation_utilisateur/Se_créer_un_compte_sur_Framabag.html">Se créer un compte sur Framabag
</a></li><li><a href=
"../../fr/Documentation_utilisateur/Les_options_cachées.html">Les options cachées
</a></li></ul></li><li><a href=
"#" class=
"aj-nav folder">Documentation technique
</a><ul class=
"nav nav-list"><li><a href=
"../../fr/Documentation_technique/Créer_un_nouveau_thème.html">Créer un nouveau thème
</a></li><li><a href=
"../../fr/Documentation_technique/Docker.html">Docker
</a></li><li><a href=
"../../fr/Documentation_technique/Dépôt_git_de_wallabag.html">Dépôt git de wallabag
</a></li><li><a href=
"../../fr/Documentation_technique/Vagrant.html">Vagrant
</a></li><li><a href=
"../../fr/Documentation_technique/wallabag_v2_(Symfony2).html">wallabag v2 (Symfony2)
</a></li></ul></li></ul> <div class=
"well well-sidebar">
45 <a href=
"https://www.wallabag.org/downloads" target=
"_blank">Download
</a><br><a href=
"https://github.com/wallabag/wallabag" target=
"_blank">GitHub Repo
</a><br><a href=
"http://support.wallabag.org" target=
"_blank">Help
</a><br><a href=
"https://github.com/wallabag/documentation/graphs/contributors" target=
"_blank">Documentation contributors
</a><br>
50 <div class=
"right-column content-area col-sm-9">
51 <div class=
"content-page">
53 <div class=
"page-header sub-header clearfix">
54 <h1>Sauvegarder son premier article
<a href=
"https://github.com/wallabag/documentation/blob/master/fr/02_Documentation_utilisateur/03_Sauvegarder_son_premier_article.md" class=
"btn">Fix this page
</a> </h1>
55 <span style=
"float: left; font-size: 10px; color: gray;">
56 Sunday, November
16,
2014 </span>
57 <span style=
"float: right; font-size: 10px; color: gray;">
61 <p>Une fois connecté sur wallabag, vous avez plusieurs moyens pour sauvegarder un article.
</p>
62 <h2>Depuis l'application web
</h2>
63 <p>Voyons d'abord comment faire depuis l'application web. Dans le menu, vous avez un lien
<strong>Sauvegarder un lien
</strong>. En cliquant dessus, un formulaire s'affiche : vous n'avez qu'à saisir l'adresse internet de l'article concerné.
</p>
64 <p>Validez et le contenu de l'article est enregistré.
</p>
65 <p>Par défaut, seul le texte est sauvegardé. Si vous souhaitez également conserver une copie des images sur votre serveur, il faut activer le paramètre
<code>DOWNLOAD_PICTURES
</code>. Lisez le chapitre
<a href=
"/fr/Documentation_utilisateur/Les_options_cach%C3%A9es">Les options cachées
</a> pour en savoir plus.
</p>
66 <h2>Depuis le bookmarklet
</h2>
67 <p><a href=
"http://fr.wikipedia.org/wiki/Bookmarklet">Définition Wikipedia
</a></p>
68 <pre><code>Un bookmarklet est un petit programme JavaScript pouvant être stocké :
69 * soit en tant qu'URL dans un signet (marque-page ou lien favori) avec la plupart des navigateurs Web ;
70 * soit en tant qu'hyperlien dans une page web.
</code></pre>
71 <p>Depuis le menu de wallabag, cliquez sur
<strong>configuration
</strong>. Dans la première partie de cette page, nous avons listé les différents moyens de sauvegarder un article. Vous trouverez ainsi le bookmarklet (c'est le lien
<code>bag it !
</code>) à glisser / déposer dans la barre de favoris de votre navigateur.
</p>
72 <p>Dorénavant, lorsque vous souhaitez sauvegarder un article sur lequel vous êtes en train de surfer, vous n'avez qu'à cliquer sur ce bookmarklet et l'article sera automatiquement enregistré.
</p>
73 <h2>Depuis son smartphone
</h2>
74 <h3>Avant toute chose
</h3>
75 <p>Pour pouvoir utiliser une application smartphone, vous devez activer les flux RSS depuis la partie
<strong>configuration
</strong> de wallabag. Certaines informations seront ainsi affichées, comme votre
<strong>token
</strong> (jeton de sécurité). Lisez le chapitre
<a href=
"/fr/Documentation_utilisateur/Flux_RSS">Flux RSS
</a> pour en savoir plus.
</p>
77 <h4>Installation et configuration
</h4>
78 <p>Vous pouvez télécharger l'application Android depuis le
<a href=
"https://play.google.com/store/apps/details?id=fr.gaulupeau.apps.InThePoche">Google Play Store
</a> et depuis
<a href=
"https://f-droid.org/app/fr.gaulupeau.apps.InThePoche">F-droid
</a>. C'est exactement la même application sur ces deux plateformes de téléchargement.
</p>
79 <p>Une fois installée, démarrez l'application, rendez-vous dans la partie
<strong>settings
</strong> et renseignez les champs
<strong>URL
</strong> (Adresse complète de votre installation de wallabag ou de votre compte Framabag),
<strong>User ID
</strong> (très souvent, il vous faudra mettre
1 comme valeur). Si vous avez créé plusieurs comptes depuis wallabag, il faudra saisir l'identifiant du compte que vous souhaitez connecter à votre application) et
<strong>Token
</strong> (recopiez bien tous les caractères du token, disponible dans la
<strong>configuration
</strong> de wallabag).
</p>
80 <h4>Sauvegarde d'un article
</h4>
81 <p>Maintenant que tout est bien configuré, dès que vous naviguerez avec le navigateur de votre smartphone, vous pourrez à tout moment partager un article dans wallabag depuis le menu
<strong>Partager
</strong> : vous trouverez une entrée
<strong>Bag it!
</strong> qui ajoutera l'article dans wallabag.
</p>
83 <p>Lorsque vous ouvrez l'application, cliquez sur
<strong>Synchronize
</strong> : vos articles dernièrement sauvegardés seront ainsi téléchargés sur votre smartphone.
</p>
84 <p>Vous n'avez maintenant plus besoin de connexion internet : cliquez sur le bouton
<strong>List articles
</strong> pour commencer votre lecture.
</p>
85 <p>En bas de chaque article, un bouton
<strong>Mark as read
</strong> vous permet d'archiver l'article.
</p>
86 <p>Aujourd'hui, la synchronisation ne s'effectue que dans un sens (de wallabag vers l'application), ce qui empêche de marquer comme lu un article sur wallabag depuis votre smartphone.
</p>
88 <h4>Installation et configuration
</h4>
92 <h3>Windows Phone
</h3>
93 <h4>Installation et configuration
</h4>
94 <p>Vous pouvez télécharger l'application Windows Phone depuis le
<a href=
"http://www.windowsphone.com/fr-fr/store/app/wallabag/ff890514-348c-4d0b-9b43-153fff3f7450">Windows Store
</a> ou directement dans le Store de votre smartphone.
</p>
95 <p>Une fois installée, l'application affichera une notification au premier lancement, demandant la configuration du serveur wallabag. Rendez-vous dans la partie
<strong>Configuration
</strong> de l'application en appuyant sur les
3 petits points du menu en bas de l'écran, puis renseignez les champs
<strong>URL
</strong> (Adresse complète de votre installation de wallabag ou de votre compte Framabag),
<strong>User ID
</strong> (très souvent, il vous faudra mettre
1 comme valeur).
<br />
96 Si vous avez créé plusieurs comptes depuis wallabag, il faudra saisir l'identifiant du compte que vous souhaitez connecter à votre application) et
<strong>Token
</strong> (recopiez bien tous les caractères du token, disponible dans la
<strong>configuration
</strong> de wallabag).
<br />
97 Enfin, sauvegardez les paramètres entrés.
</p>
98 <h2>Depuis son navigateur
</h2>
100 <p>Téléchargez l'extension Firefox
<a href=
"https://addons.mozilla.org/firefox/addon/wallabag/">sur le site addons.mozilla.org
</a> et installez-la comme toute autre extension Firefox.
</p>
101 <p>Dans les préférences de l'extension, renseignez l'URL complète de votre installation de wallabag ou de votre compte Framabag.
</p>
102 <p>Personnalisez la barre d'outils de Firefox pour ajouter wallabag (icône
<code>w
</code>). Lorsque vous vous trouvez sur un article que vous souhaitez sauvegarder, cliquez sur cette icône : une nouvelle fenêtre s'ouvrira pour ajouter l'article et elle se refermera automatiquement.
</p>
104 <p>Téléchargez l'extension Chrome
<a href=
"https://chrome.google.com/webstore/detail/wallabag/bepdcjnnkglfjehplaogpoonpffbdcdj">sur le site dédié
</a> et installez-la comme toute autre extension Chrome.
</p>
105 <p>Dans les options de l'extension, renseignez l'URL complète de votre installation de wallabag ou de votre compte Framabag.
</p>
106 <p>Lors de l'installation de l'extension, une nouvelle icône est apparue dans la barre d'outils de Chrome, une icône
<code>w
</code>. Lorsque vous vous trouvez sur un article que vous souhaitez sauvegarder, cliquez sur cette icône : une popup s'ouvrira et vous confirmera que l'article a bien été sauvegardé.
</p>
116 <script src=
"//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
118 if (typeof jQuery == 'undefined')
119 document.write(unescape("%
3Cscript src='../../js/jquery-
1.11.0.min.js' type='text/javascript'%
3E%
3C/script%
3E"));
122 <!-- hightlight.js -->
123 <script src=
"../../js/highlight.min.js"></script>
124 <script>hljs.initHighlightingOnLoad();
</script>
128 <!-- Front end file editor -->
129 <script src=
"../../js/custom.js"></script>
131 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>