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