diff options
Diffstat (limited to 'docs/fr/Utilisateur/sauvegarder_son_premier_article.html')
-rw-r--r-- | docs/fr/Utilisateur/sauvegarder_son_premier_article.html | 245 |
1 files changed, 245 insertions, 0 deletions
diff --git a/docs/fr/Utilisateur/sauvegarder_son_premier_article.html b/docs/fr/Utilisateur/sauvegarder_son_premier_article.html new file mode 100644 index 00000000..5dd5e386 --- /dev/null +++ b/docs/fr/Utilisateur/sauvegarder_son_premier_article.html | |||
@@ -0,0 +1,245 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <html lang="en"> | ||
3 | <head> | ||
4 | <meta charset="utf-8"> | ||
5 | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
6 | |||
7 | <title>wallabag - Sauvegarder son premier article</title> | ||
8 | |||
9 | <link rel="stylesheet" href="http://doc.wallabag.org/css/bootstrap.min.css"> | ||
10 | <link rel="stylesheet" href="http://doc.wallabag.org/css/font-awesome.min.css"> | ||
11 | <link rel="stylesheet" href="http://doc.wallabag.org/css/highlight.tomorrow-night.css"> | ||
12 | <link rel="stylesheet" href="http://doc.wallabag.org/css/main.css"> | ||
13 | </head> | ||
14 | <body> | ||
15 | |||
16 | <header class="navbar navbar-default navbar-fixed-top"> | ||
17 | |||
18 | <a class="navbar-brand" href="http://doc.wallabag.org/"> | ||
19 | wallabag | ||
20 | <small class="hidden-xs hidden-sm"> | ||
21 | Sauvegarder son premier article | ||
22 | </small> | ||
23 | </a> | ||
24 | <a href="http://doc.wallabag.org/en">EN</a> - <a href="http://doc.wallabag.org/fr">FR</a> - <a href="http://doc.wallabag.org/de">DE</a> - <a href="http://doc.wallabag.org/ru">RU</a> | ||
25 | |||
26 | |||
27 | </header> | ||
28 | |||
29 | <main class="container-fluid"> | ||
30 | <div class="row"> | ||
31 | |||
32 | |||
33 | <nav id="sidebar" class="col-sm-3 col-lg-2" role="navigation"> | ||
34 | |||
35 | <ul class="nav nav-pills nav-stacked"> | ||
36 | |||
37 | <h4 class="text-muted"> | ||
38 | |||
39 | </h4> | ||
40 | |||
41 | <ul class="nav nav-pills nav-stacked"> | ||
42 | <li class="test "> | ||
43 | <a href="http://doc.wallabag.org/fr/index.html"> | ||
44 | Pour commencer | ||
45 | </a> | ||
46 | </li> | ||
47 | <li class="test "> | ||
48 | <a href="http://doc.wallabag.org/fr/contribuer_au_projet.html"> | ||
49 | Aidez-nous | ||
50 | </a> | ||
51 | </li> | ||
52 | </ul> | ||
53 | |||
54 | <h4 class="text-muted"> | ||
55 | Administrateur | ||
56 | </h4> | ||
57 | |||
58 | <ul class="nav nav-pills nav-stacked"> | ||
59 | <li class="test "> | ||
60 | <a href="http://doc.wallabag.org/fr/Administrateur/telechargement_et_installation.html"> | ||
61 | Téléchargement et installation | ||
62 | </a> | ||
63 | </li> | ||
64 | <li class="test "> | ||
65 | <a href="http://doc.wallabag.org/fr/Administrateur/maj_wallabag.html"> | ||
66 | Mettre à jour wallabag | ||
67 | </a> | ||
68 | </li> | ||
69 | <li class="test "> | ||
70 | <a href="http://doc.wallabag.org/fr/Administrateur/options_cachees.html"> | ||
71 | Options cachées | ||
72 | </a> | ||
73 | </li> | ||
74 | <li class="test "> | ||
75 | <a href="http://doc.wallabag.org/fr/Administrateur/multi-utilisateurs.html"> | ||
76 | wallabag multi-utilisateurs | ||
77 | </a> | ||
78 | </li> | ||
79 | </ul> | ||
80 | |||
81 | <h4 class="text-muted"> | ||
82 | Utilisateur | ||
83 | </h4> | ||
84 | |||
85 | <ul class="nav nav-pills nav-stacked"> | ||
86 | <li class="test active"> | ||
87 | <a href="http://doc.wallabag.org/fr/Utilisateur/sauvegarder_son_premier_article.html"> | ||
88 | Sauvegarder son premier article | ||
89 | </a> | ||
90 | </li> | ||
91 | <li class="test "> | ||
92 | <a href="http://doc.wallabag.org/fr/Utilisateur/lire_un_article.html"> | ||
93 | Lire un article | ||
94 | </a> | ||
95 | </li> | ||
96 | <li class="test "> | ||
97 | <a href="http://doc.wallabag.org/fr/Utilisateur/classer_ses_articles.html"> | ||
98 | Classer ses articles | ||
99 | </a> | ||
100 | </li> | ||
101 | <li class="test "> | ||
102 | <a href="http://doc.wallabag.org/fr/Utilisateur/configurer_wallabag.html"> | ||
103 | Configurer wallabag | ||
104 | </a> | ||
105 | </li> | ||
106 | <li class="test "> | ||
107 | <a href="http://doc.wallabag.org/fr/Utilisateur/rechercher.html"> | ||
108 | Rechercher | ||
109 | </a> | ||
110 | </li> | ||
111 | <li class="test "> | ||
112 | <a href="http://doc.wallabag.org/fr/Utilisateur/convertir_en_epub.html"> | ||
113 | Convertir en ePub | ||
114 | </a> | ||
115 | </li> | ||
116 | <li class="test "> | ||
117 | <a href="http://doc.wallabag.org/fr/Utilisateur/un_article_est_mal_affiche.html"> | ||
118 | Problème d'affichage d'un article | ||
119 | </a> | ||
120 | </li> | ||
121 | <li class="test "> | ||
122 | <a href="http://doc.wallabag.org/fr/Utilisateur/flux_rss.html"> | ||
123 | Flux RSS | ||
124 | </a> | ||
125 | </li> | ||
126 | <li class="test "> | ||
127 | <a href="http://doc.wallabag.org/fr/Utilisateur/importer_exporter.html"> | ||
128 | Importer / Exporter | ||
129 | </a> | ||
130 | </li> | ||
131 | <li class="test "> | ||
132 | <a href="http://doc.wallabag.org/fr/Utilisateur/framabag.html"> | ||
133 | Se créer un compte sur Framabag | ||
134 | </a> | ||
135 | </li> | ||
136 | </ul> | ||
137 | |||
138 | <h4 class="text-muted"> | ||
139 | Développeur | ||
140 | </h4> | ||
141 | |||
142 | <ul class="nav nav-pills nav-stacked"> | ||
143 | <li class="test "> | ||
144 | <a href="http://doc.wallabag.org/fr/Developpeur/ecrire_fichier_configuration.html"> | ||
145 | Écrire un fichier de configuration | ||
146 | </a> | ||
147 | </li> | ||
148 | <li class="test "> | ||
149 | <a href="http://doc.wallabag.org/fr/Developpeur/creer_un_nouveau_theme.html"> | ||
150 | Créer un nouveau thème | ||
151 | </a> | ||
152 | </li> | ||
153 | <li class="test "> | ||
154 | <a href="http://doc.wallabag.org/fr/Developpeur/depot_git.html"> | ||
155 | Dépôt git de wallabag | ||
156 | </a> | ||
157 | </li> | ||
158 | <li class="test "> | ||
159 | <a href="http://doc.wallabag.org/fr/Developpeur/docker.html"> | ||
160 | Docker | ||
161 | </a> | ||
162 | </li> | ||
163 | <li class="test "> | ||
164 | <a href="http://doc.wallabag.org/fr/Developpeur/vagrant.html"> | ||
165 | Vagrant | ||
166 | </a> | ||
167 | </li> | ||
168 | <li class="test "> | ||
169 | <a href="http://doc.wallabag.org/fr/Developpeur/v2.html"> | ||
170 | wallabag v2 / symfony2 | ||
171 | </a> | ||
172 | </li> | ||
173 | </ul> | ||
174 | </ul> | ||
175 | |||
176 | </nav> | ||
177 | |||
178 | |||
179 | <section class="col-lg-10"> | ||
180 | <h1 id="sauvegarder-son-premier-article">Sauvegarder son premier article</h1> | ||
181 | <p>Une fois connecté sur wallabag, vous avez plusieurs moyens pour sauvegarder un article.</p> | ||
182 | <h2 id="depuis-lapplication-web">Depuis l'application web</h2> | ||
183 | <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> | ||
184 | <p>Validez et le contenu de l'article est enregistré.</p> | ||
185 | <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="../Administrateur/options_cachees.html">Les options cachées</a> pour en savoir plus.</p> | ||
186 | <h2 id="depuis-le-bookmarklet">Depuis le bookmarklet</h2> | ||
187 | <p><a href="http://fr.wikipedia.org/wiki/Bookmarklet">Définition Wikipedia</a></p> | ||
188 | <pre><code>Un bookmarklet est un petit programme JavaScript pouvant être stocké : | ||
189 | * soit en tant qu'URL dans un signet (marque-page ou lien favori) avec la plupart des navigateurs Web ; | ||
190 | * soit en tant qu'hyperlien dans une page web.</code></pre> | ||
191 | <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> | ||
192 | <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> | ||
193 | <h2 id="depuis-son-smartphone">Depuis son smartphone</h2> | ||
194 | <h3 id="avant-toute-chose">Avant toute chose</h3> | ||
195 | <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="flux_rss.html">Flux RSS</a> pour en savoir plus.</p> | ||
196 | <h3 id="android">Android</h3> | ||
197 | <h4 id="installation-et-configuration">Installation et configuration</h4> | ||
198 | <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> | ||
199 | <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> | ||
200 | <h4 id="sauvegarde-dun-article">Sauvegarde d'un article</h4> | ||
201 | <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> | ||
202 | <h4 id="lecture">Lecture</h4> | ||
203 | <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> | ||
204 | <p>Vous n'avez maintenant plus besoin de connexion internet : cliquez sur le bouton <strong>List articles</strong> pour commencer votre lecture.</p> | ||
205 | <p>En bas de chaque article, un bouton <strong>Mark as read</strong> vous permet d'archiver l'article.</p> | ||
206 | <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> | ||
207 | <h3 id="ios">iOS</h3> | ||
208 | <h4 id="installation-et-configuration-1">Installation et configuration</h4> | ||
209 | <p>TODO</p> | ||
210 | <h4 id="utilisation">Utilisation</h4> | ||
211 | <p>TODO</p> | ||
212 | <h3 id="windows-phone">Windows Phone</h3> | ||
213 | <h4 id="installation-et-configuration-2">Installation et configuration</h4> | ||
214 | <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> | ||
215 | <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 /> | ||
216 | 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 /> | ||
217 | Enfin, sauvegardez les paramètres entrés.</p> | ||
218 | <h2 id="depuis-son-navigateur">Depuis son navigateur</h2> | ||
219 | <h3 id="firefox">Firefox</h3> | ||
220 | <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> | ||
221 | <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> | ||
222 | <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> | ||
223 | <h3 id="chrome">Chrome</h3> | ||
224 | <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> | ||
225 | <p>Dans les options de l'extension, renseignez l'URL complète de votre installation de wallabag ou de votre compte Framabag.</p> | ||
226 | <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> | ||
227 | </section> | ||
228 | |||
229 | </div> | ||
230 | </main> | ||
231 | |||
232 | <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> | ||
233 | <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> | ||
234 | <script src="http://yandex.st/highlightjs/7.5/highlight.min.js"></script> | ||
235 | |||
236 | <script> | ||
237 | $(function() { | ||
238 | $("section>h1").wrap('<div class="page-header" />'); | ||
239 | // Syntax highlighting | ||
240 | hljs.initHighlightingOnLoad(); | ||
241 | }); | ||
242 | </script> | ||
243 | |||
244 | </body> | ||
245 | </html> | ||