Table of Contents
anewssystem Plugin
Compatible with DokuWiki
- 2024-02-06 "Kaos" unknown
- 2023-04-04 "Jack Jackrum" unknown
- 2022-07-31 "Igor" unknown
- 2020-07-29 "Hogfather" no
Simple News system to create news articles and preview them or provide the News tags within a little cloud
Similar to newssystem
The version 2012-07-17 modified the meaning of parameter prev_length. Now it is a threshold for the max previewed words. Please consider to change global config and syntax lines accordingly.
The version 2012-05-09 introduced tags. Formerly created news does not have such and might be not visible by given date-validity due to tags used as filter. To make them visible edit the news article and add “ * tags: tag1, tag2, tag3” into the line after author entry.
Take care that since version 2012-03-29 you need a modification of formerly created news articles.
Open your newsdata page with DokuWiki Editor and replace all ---- by a level 1 headline. The headline text must be identical to the head content of your news article.
Changes
- register controller & handler (2016-06-02 10:53)
- Preview aded to the archive_box (2016-05-15 15:22)
- wysiwyg editor implemented (2016-02-26 20:33)
- Language support improved (2015-02-11 19:14)
- Update #207a meta file (2014-10-07 19:26)
- Update: #207 Links - Questionmark vs. Ampersand (2014-10-07 19:13)
- Update: #180 provide a default text if allnews wont return something (2013-05-22 11:29)
- NF: #179 change backlink to all news, BF: output of single complete a… (2013-04-16 21:45)
Overview
The plugin delivers you three major functions (write news, news flash, read all). You are supported by a simple form to write the article. There you can also specify when the news will be visible and until when. Beside writing news articles you can put a NEWS flash box wherever you want (usually on the start page of your wiki). It will provide a preview of the news you want to tell the world linked to the complete content. Another function is to read the complete set of articles you have written. The news data will be stored into one text file, which can be edited by DokuWiki implemented editor as any other page. The previews also as the complete article are allowed to contain DokuWiki syntax. This will be rendered properly.
- Easily write news articles supported by a form
- Define publishing and perishing date of the article
- Get a NEWS flash box where the previews are linked to the articles
- Outdated news will be suppressed on preview and all news page
- Preview length and item quantity can be easily modified case by case
- Use DokuWiki syntax within the article as usual
- Global and local parameters also as css support provide you control and customizability
- DokuWiki ACL feature used
Installation
Search and install the plugin using the Extension Manager. Refer to Plugins on how to install plugins manually.
Further:
- create a a page news:news and put there the following syntax, which will bring all elements onto one page
- news.txt
====== News ====== ~~NOCACHE~~ **[ [[news:allnewsdata|all news]] | [[news:news|write news]] | [[news:newsdata?do=edit|edit news]] ]** {{anss>flash200,40%,right,10}} {{anss>author}} \\ \\ {{anss>allnews}}
- create a page news:newsdata and enter there a space or dot sign (filled with articles by using Author Interface)
- create a page news:allnewsdata containing the following content
- allnewsdata.txt
====== Latest NEWS articles ====== ~~NOCACHE~~ {{anss>allnews}}
The Author Interface
Number one is a user interface to write News articles, link them and define a validity period.
On top of it a unique anchor will be calculated to link the previewed content properly with the whole article.
Define a Headline and the content of the news article you want to create. You may use standard DokuWiki Syntax within the article, it will be recognized and handled accordingly. The link is automatically created but for what reason ever you may want to change it. Take care that you properly set the anchor or the link will jump to the top of the referenced page. There is a small counter on top of the text input area to give you the quantity of entered words.
Publishing date is by standard the date when you write the article. If you leave this unchanged the new will be visible after pushing the Publish button. The perishing date is the day where the article will disapear from the system (not deleted but not visible for the user anymore). The perishing date is calculated based on global settings in Configuration Manager but you can modify it here towards the special needs you may have on a special NEWS post.
Please take care that all your authors (but only these) have write permission to the newsdata page. Users without proper permission cannot store news to your system.
News Output
There are 3 output variants available. One is the News Flash box you can place wherever you want within your page syntax. Styling can be customized by the style.css file. The output is defined by the syntax parameters for width, quantity of articles and count of words to be previewed.
Another method is to display all current valid News Posts completely. The validity is defined by start and stop date. That delivers you the possibility to write news articles which will be displayed in the future, e.g. for Christmas, New Year, Easter or any other date you may chose.
If you have write permission on that page where News Flash or All News syntax was placed you will find two little icons below each news article. If you click on these icons you can either edit or delete the related news post. The symbol will change from black & white picture into a colored image if you hover the mouse over it. A click on the cross will immediately delete the related news record. There is no undo function so please use this function wisely. By a click on the blue feather the section edit of the related news record will be opened.
The third method is a page as usual within DokuWiki containing all news as defined by the template divided into sections, where the Headline is used as section headline. To edit there you may chose the standard DokuWiki Editor itself with section edit.
The news cloud provides you a possibility to present your news tags as links in a cloud as you may know it from the Cloud plugin. There is no dependency to install the cloud plugin for this feature. It also delivers you various options to style your cloud either by your own CSS by syntax class option and/or by styling parameters within the syntax line. The News Cloud will display all tags where you have current news articles (not beyond the perishing date). A click on such a tag-link of the News Cloud will open the configured “All News” page but overrule the potentially tag setting of the syntax line to show the current, wanted articles.
News Thumbshots
Many of the website needs to upload the thumbshot or screenshot manually of your website. So many of them try to use the third party tool or addons to. Nowadays a lot of webmasters are looking for a website snapshot tool in order to make data presentation more attractive to their visitors.
The News Thumbshots are realized by integration of related online Service Providers. There you can choose from variety of the online services, fee-less or highly professional with costs. I have checked the following for you but it is not limited and may change over time (list is not under regular care and there are many more available):
Most of them are free of charge but need a registration of your page. The plugin does accept just one online Thumbshot provider. However, it is necessary to open the Configuration Manager and enter the related link as described on the home page (or see below).
The upper mentioned 4 would lead into following configuration values. The %s parameter is mandatory as is. The plugin use this place-holder to extend the provider link by your News Page link (or whatever page you have linked). It is telling the provider from what page the thumb-shot should be taken.
http://www.thumbshots.de/cgi-bin/show.cgi?url=%s http://images.websnapr.com/?size=s&nocache=81&url=%s http://www.artviper.net/screenshots/screener.php?sdx=1024&sdy=768&w=120&h=80&q=100&url=%s http://image.thumber.de/?size=XXL&url=%s http://fadeout.de/thumbshot-pro/?scale=3&url=%s&effect=2
Optional Configuration
Probably you may want to change something the please have a look into the Configuration Manager for the plugin. There are a few simple and self-explaining parameters. Further you may adapt the text used for controls and/or add further language resource files. How to do so is described within the DokuWiki.org. To modify the look and feel please check the style.css file. There are many definitions offered for modification. Please refer to css documentation and communities in the event of related questions.
Plugin Configuration
As most of the plugins this can be configured basically by use of DokuWiki Configuration Manager. The news System does provide following parameter:
| Parameter | Effect |
|---|---|
| d_format | Define the date format (e.g. Y-m-d) |
| news_datafile | Set the path to the namespace:newsdata file defines where the news records are stored |
| prev_length | Define the quantity of previewed words per news post |
| newsflash_link | switch on to turn the News preview box headline into a link to News page |
| soapp | soapp = show one article per page (instead of current all news) |
| act_delim | action link delimiter (older Version = &; newer Versions = ?) |
| convert | insert the link to the online Thumbshot provider to enable preview pictures on NewsFlash box (empty the field to switch off this feature) |
Syntax
Simply place the following syntax into the page markup of a page:
Write new News
Place the following syntax on a page to get the News author interface. The interface will be visible for all (as long as the namespace/page is not ruled otherwise). The user cannot save news articles as long as the user has no write permission to the news:newsdata page. The controls depending on the newstemplate definition.
{{anss>author}}
Syntax for News preview
Put the following syntax on a page where you want to show a preview of latest news to the visitors of your wiki. It will use the settings of config and css.
{{anss>flash}}
Some use cases may need a different preview length, box width, etc. but you want to keep the global settings ? You can modify something by using parameters. The parameters are expected on a dedicated position. The following table explaining syntax and behavior:
| Parameter position | Example | Description |
|---|---|---|
| 1 | {{anss>flash 200}} | The content of the article will be previewed by 200 words, independently of the global setting in configuration manager. |
| 2 | {{anss>flash,40%}} | The box width will be 40% of the page width. Pixel Width definitions (px) and other valid CSS width expressions are allowed. ( Take care of the colon, it is necessary due to it defines parameter position and therewith the relation !) |
| 3 | {{anss>flash,300px,right}} | This defines the text flow around the box, means the box can be left or right sided. Take care that float does make sense only if you have a width different to 100% of the page width. |
| 4 | {{anss>flash,,,10}} | Usually the quantity of preview items is defined by the start and stop dates you providing during the NEWS edit based on the global settings or modified by yourself. However it might be necessary to further shrink the output. The 4th parameter defines how many news items to be displayed. |
| 5 | {{anss>flash,,,,tag}} | Multiple tags are not to be separated (must not be separated by comma). Tags are used as positive matching filters for the output. That means if one of the given tags does match the tags of an article the article will be shown (if date is valid). If no tags are given all date-valid news will be displayed. |
| {{anss>flash200,40%,right,10}} | Of course you can do a mixture of all these settings as long as you keep the parameter position in mind |
Syntax for Read News
Put the following syntax on a page where you want to show the complete articles of latest news to the visitors of your wiki. The articles are linked with related previews.
{{anss>allnews}}
| Parameter position | Example | Description |
|---|---|---|
| 1 | {{anss>allnews,tag}} | Multiple tags are not to be separated (must not be separated by comma). Tags are used as positive matching filters for the output. That means if one of the given tags does match the tags of an article the article will be shown (if date is valid). If no tags are given all date-valid news will be displayed. |
Syntax for Archive List
Put the following syntax on a page where you want to show an archive list of all news by date and headline.
{{anss>archive}}
The News Archive can be invoked also by a link (e.g. id=news:allnewsdata&archive=archive). Of course you can append the tag here to (e.g. news:allnewsdata&archive=archive&tag=issuetracker).
| Parameter position | Example | Description |
|---|---|---|
| 1 | {{anss>archive}} | This shows the complete archive by its headlines, time-stamps and author information. |
| >1 | ,tag=... | Multiple tags must not be separated. Just write them one after the other. Tags are used as positive matching filters for the output. That means the article will be shown if one of the given tags matches the tags of an article. If no tags are given all news will be displayed. |
| >1 | ,ho=on | The function headlines only to be used if no time-stamp nor the author should be displayed. |
| >1 | ,qty=5 | Limits the archive output to the 5 most recent headlines. |
| >1 | ,date=10.2012 | This will display only the news of a defined month of a year (mm.yyyy, empty per default). The quantity setting will be considered too. Example: You have 10 news published during October 2012 and set the quantity to 5. Only most recent 5 of them will be displayed. |
| >1 | ,class=toc | The toc-class can be used to show the archive like the table of contents on a page. Therefore the syntax to be inserted on top of the page and TOC to be switched off by use of ~~NOTOC~~. |
| >1 | ,class=box | The archive can be used inside the text of a page as a box. The box style can be defined within syntax like it would be written into a css file. Please take care that there must not be quotation marks around. Example: style=width:500px;border:1px solid #c3c3c3;float:left;margin-right:1em;border-radius:4px;box-shadow:2px 2px 4px #6B6B6B; |
Syntax for News Cloud
Put the following syntax on a page where you want to show a cloud of tagged news articles. There are multiple options to style the cloud by CSS and syntax. Please read the table below carefully to get the whole set of style options.
{{anss>cloud [Tag_Alignment] [Text_Transformation] [Cloud_Float] [NewsCloud_user_style_class]}}
| Tag Alignment parameter | |
|---|---|
| tleft | Aligns the tag-links to the left |
| tright | Aligns the tag-links to the right |
| tcenter | Centers the tag-links |
| tjustify | Stretches the lines so that each line has equal width (like in newspapers and magazines) |
| tinherit | Specifies that the value of the tag-links align property should be inherited from the parent element |
| Text Transformation parameter | |
| capitalize | Transforms the first character of each tag-link to upper-case |
| uppercase | Transforms all tag-link characters to upper-case |
| lowercase | Transforms all tag-link characters to lower-case |
| Cloud Float parameter | |
| fleft | The cloud floats to the left |
| fright | The cloud floats the right |
| finherit | Specifies that the value of the float property should be inherited from the parent element |
Additionally you can add newsclouddiv followed by a number greater than 1 as parameter to apply your own CSS settings on the NewsCloud div.
Examples/Usage
An Example can be found here: Live Example
Development
Each valuable help is welcome.
| Date | Changes |
|---|---|
| 2013-05-22 | BugFix: #180 default value if allnews wont return something |
| 2013-04-16 | New Feature: #179 change back-link into link to NewsArchive BugFix: - output of single complete article limited by preview length |
| 2013-02-19 | New Feature: #173 prevent output of author and date information on allnews by syntax switch BugFix: #172 Tag cloud feature produces errors #165 problem with action component |
| 2012-12-08 | Extension of Archive and Editor functionality |
| 2012-10-17 | New Feature: #140 All News: Headlines and links #139 All News Archive: it would be nice to break down entries by month or something #137 SOAPP should provide a back link next to Archive link BugFix: #138 make link title 'News Archive' modifiable |
| 2012-10-10 | New Features: (FR #131) news flash posts should link to an individual story page incl link back to the News Flash (FR #130) Archives List page BugFixes: (BF #129) NewsFlash link does not refer to the anchored title at All News (BF #128) allnews,tag call always gives me unfiltered output of all news. |
| 2012-08-21 | New Feature: - News Flash: article links show a page Thumbshot on mouse over |
| 2012-08-06 | BugFix: - Bugfix on allnews option |
| 2012-08-04 | New Features: - NewsCloud: provids you the possibility to show a Tag-Cloud of your news. - Localization: This version contains an Italian translation. Many thanks to Diego for his efforts. BugFix: (FR #117) Pictures disappear in NewsFlash box |
| 2011-07-17 | BugFix: (FR #106) flash parameter doesn't change size of number of characters, always shows full text Attention: preview_length parameter changed meaning from characters to words ! |
| 2011-05-09 | New Features: - tags to filter output introduced - red colored length info if global defined preview length will be exceed on Write News GUI |
| 2011-03-29 | - minor BugFix: suppress anchor ID on GUI according configuration |
| 2012-03-29 | (FR #83) - News saved as sections - News Edit and delete function for users with write permission on All News overview (FR #82) - make Headline “News Flash” and Link configurable (FR #81) - hide news ID on GUI (config) |
| 2011-03-25 | - author can be included (Feature Request #80) - correction for list handling (see also FAQ) |
| 2011-03-21 | - Modification: preview output changed from list to div for improved styling possibility - BugFix: closing form tag |
| 2011-12-07 | - BugFix: Links not retrieved correctly → wrong links in News flash |
| 2011-12-02 | - Initial release |
Version/Requirements
The plugin was tested with DW 2011-05-25 “Rincewind” and also with related on the Stick version, with Angua and also with Adora Belle.
Our standard browser is Internet Explorer 9 and FireFox 16 due to majority of users of our customers intranet installation are using this.
Of course, that is no guarantee that it works for all environmental configuration.
Potential for improvements
Probably interesting questions we could imagine:
- How to combine the NEWS System with a news feed ?
- Is there a way to put a picture to the news preview ? » YES, just use the DokuWiki syntax for media links
- Is there a guide describing how to style the output of the plugin ?
If you are interested into these or have whishes for other improvements then please register to our wiki and create a request at related Issue Tracker.
You will be automatically informed via email about each request related progress by doing so.
Sites using this Plugin
You got this plugin up and running? You have got a demo page? Put a link here!
Feel free to add yours here:
FAQ
A small FAQ is provided on: fcon - News FAQ
Discussion
Please use only the DokuWiki Forum for discussion and the plugin related Issue Tracker page (or even git) to raise issues.
The plugin development is still ongoing. There might be something to be corrected, to be implement or to be improved.