Best tools for multimedia reporting Fri, 29 Jul 2016 19:45:59 +0000 en-US hourly 1 https://s0.wp.com/i/webclip.png 32 32 239681374 https://geojournalism.org/2016/07/share-a-map-from-a-jeo-site/ Willie Shubert Fri, 29 Jul 2016 19:45:59 +0000 Maps jeo https://geojournalism.org/?p=1576 <p>Not everyone has the time, money, or inclination to make interactive maps to support their stories. With this in mind, we&#8217;ve added a sharing feature to help journalists tell environmental stories with the maps they see within GeoJournalism sites. This tool creates an interface for formatting an iframe embed code; similar to a YouTube video [&#8230;]</p> <p>The post <a href="https://geojournalism.org/2016/07/share-a-map-from-a-jeo-site/">Share a Map from a JEO Site</a> appeared first on <a href="https://geojournalism.org">geojournalism.org</a>.</p> <p>Not everyone has the time, money, or inclination to make interactive maps to support their stories. With this in mind, we’ve added a sharing feature to help journalists tell environmental stories with the maps they see within GeoJournalism sites. This tool creates an interface for formatting an iframe embed code; similar to a YouTube video embed.</p> <p>All of the sites using JEO have the capability to use this tool but not all of the sites enable the feature. Among the GeoJournalism sites on the Open Earth platform, you can embed interactive maps from <a href="https://infoamazonia.org/share">InfoAmazonia.org</a>, <a href="https://infocongo.org/share">InfoCongo.org</a>, <a href="https://oxpeckers.org/share">Oxpeckers.org</a>, and <a href="https://www.thethirdpole.net/share">TheThirdPole.net</a>.</p> <p>Let’s walk through this process using The Third Pole and InfoAmazonia</p> <p><a href="https://youtu.be/mA2p8o9YHvI">https://youtu.be/mA2p8o9YHvI</a></p> <h1 class="summary-item" id="getting-to-know-share-a-map-settings"><a href="#getting-to-know-share-a-map-settings">Getting to know “Share A Map” Settings</a></h1> <p><a href="https://geojournalism.org/wp-content/uploads/2016/07/InfoAmazonia-Share-Map-Panel.png"><img alt="InfoAmazonia Share Map Panel" class="alignnone size-full wp-image-1577" decoding="async" fetchpriority="high" height="355" sizes="(max-width: 941px) 100vw, 941px" src="https://geojournalism.org/wp-content/uploads/2016/07/InfoAmazonia-Share-Map-Panel.png" srcset="https://geojournalism.org/wp-content/uploads/2016/07/InfoAmazonia-Share-Map-Panel.png 941w, https://geojournalism.org/wp-content/uploads/2016/07/InfoAmazonia-Share-Map-Panel-300x113.png 300w" width="941"/></a></p> <p>Using this tool, you have the ability to select and customize the map data, filter or remove the geolocated story content, and chose the size of the map.</p> <h2 class="summary-item" id="select-the-map"><a href="#select-the-map">Select the map</a></h2> <p>The first step is to chose the map you want to share. Each map hosted on the site is available by clicking the drop down menu. you can choose multiple layers from this map by clicking “select layers from this map.” This is useful is you need to remove unnecessary information.</p> <h2 class="summary-item" id="customize-the-story-posts"><a href="#customize-the-story-posts">Customize the Story Posts</a></h2> <p>Select <strong>the filter content </strong>tab to select the content that will be displayed on the map. You can either select to include “general content”<em> </em>which includes all stories tagged to the map by the site editors or remove the stories. It is also possible use “by categories” to filter content to only include specific topics.</p> <p><a href="https://geojournalism.org/wp-content/uploads/2016/07/Filter-Content.png"><img alt="Filter Content" class="size-full wp-image-1579 aligncenter" decoding="async" height="554" sizes="(max-width: 291px) 100vw, 291px" src="https://geojournalism.org/wp-content/uploads/2016/07/Filter-Content.png" srcset="https://geojournalism.org/wp-content/uploads/2016/07/Filter-Content.png 291w, https://geojournalism.org/wp-content/uploads/2016/07/Filter-Content-158x300.png 158w" width="291"/></a></p> <p> </p> <h2 class="summary-item" id="choose-the-preferred-size-of-the-maps-small-medium-large"><a href="#choose-the-preferred-size-of-the-maps-small-medium-large">Choose the preferred size of the maps (small, medium, large)</a></h2> <p>It’s possible to customize the map to be shared at any size. We included these 3 “width and height” options to make it easier to customize and preview without needed to write in the iFrame HTML. Clicking between the map sizes will dynamically change in the map preview area.</p> <p><a href="https://geojournalism.org/wp-content/uploads/2016/07/Width-and-Height.png"><img alt="Width and Height" class="size-full wp-image-1580 aligncenter" decoding="async" height="165" sizes="(max-width: 363px) 100vw, 363px" src="https://geojournalism.org/wp-content/uploads/2016/07/Width-and-Height.png" srcset="https://geojournalism.org/wp-content/uploads/2016/07/Width-and-Height.png 363w, https://geojournalism.org/wp-content/uploads/2016/07/Width-and-Height-300x136.png 300w" width="363"/></a></p> <h2 class="summary-item" id="pan-and-zoom-to-the-view-you-wish-to-share"><a href="#pan-and-zoom-to-the-view-you-wish-to-share">Pan and zoom to the view you wish to share</a></h2> <p>One of the most useful features of this tool is that the center of the map and the zoom level information are included in iframe HTML code. This means that detailed regional maps, like InfoAmazonia’s deforestation maps, can be used to support stories about more local examples of deforestation.</p> <p><iframe frameborder="0" height="400" loading="lazy" src="https://infoamazonia.org/embed/?map_only=1&amp;map_id=6731&amp;width=600&amp;height=400&amp;lat=-7.972197714386866&amp;lon=-61.3421630859375&amp;zoom=9" width="600"></iframe></p> <p> </p> <h2 class="summary-item" id="share"><a href="#share">Share!</a></h2> <p>Now that you’ve customized your way to the map you want, there are three options to share you selection.</p> <div class="et-tabs-container et_sliderfx_fade et_sliderauto_false et_sliderauto_speed_5000 et_slidertype_top_tabs"> <ul class="et-tabs-control"> <li><a href="#"> Copy the iframe HTML code </a></li> <li><a href="#"> Send the Map URL </a></li> <li><a href="#"> Share in social media </a></li> </ul> <!-- .et-tabs-control --> <div class="et-tabs-content"> <div class="et-tabs-content-wrapper"> <div class="et_slidecontent"> <a href="https://geojournalism.org/wp-content/uploads/2016/07/HTML-output.png"><img alt="HTML output" class="alignnone size-full wp-image-1581" decoding="async" height="175" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2016/07/HTML-output.png" width="266"/></a> this option is for web editors </div> <div class="et_slidecontent"> <a href="https://geojournalism.org/wp-content/uploads/2016/07/URL-output.png"><img alt="URL output" class="alignnone size-full wp-image-1582" decoding="async" height="96" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2016/07/URL-output.png" width="266"/></a> Using this option to share an active link. It will open up in the browser without the need to customize HTML </div> <div class="et_slidecontent"> <a href="https://geojournalism.org/wp-content/uploads/2016/07/social-outputs.png"><img alt="social outputs" class="alignnone size-full wp-image-1583" decoding="async" height="148" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2016/07/social-outputs.png" width="163"/></a> </div> </div> </div> </div> .et-tabs-container <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> <p>The post <a href="https://geojournalism.org/2016/07/share-a-map-from-a-jeo-site/">Share a Map from a JEO Site</a> appeared first on <a href="https://geojournalism.org">geojournalism.org</a>.</p> 1576 https://geojournalism.org/2014/06/portugues-jeo-primeiros-passos/ pixel Tue, 03 Jun 2014 23:29:08 +0000 Apps Maps jeo wordpress https://geojournalism.oeco.org.br/?p=931 <p>Introduction Jeo is a WordPress theme that acts as an online platform for geojournalism and allows publication of news articles as layers of information on digital maps. With Jeo, creating interaction between the layers of data and contextual information is much more intuitive. The theme is developed to be a base of &#160;child themes&#160;and is [&#8230;]</p> <p>The post <a href="https://geojournalism.org/2014/06/portugues-jeo-primeiros-passos/">JEO: first steps</a> appeared first on <a href="https://geojournalism.org">geojournalism.org</a>.</p> <h1 class="summary-item" id="introduction"><a href="#introduction">Introduction</a></h1> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">Jeo is a WordPress theme that acts as an online platform for geojournalism and allows publication of news articles as layers of information on digital maps. With Jeo, creating interaction between the layers of data and contextual information is much more intuitive. The theme is developed to be a base of  <i>child themes</i> and is ready for multilingual content and facilitates publication tasks. </span></span></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">In this tutorial we will cover the installation of the theme, the publication of a map, the publication of a post, and configurations for Jeo. </span></span></p> <h1 class="summary-item" id="history"><a href="#history">History</a></h1> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">The  </span></span><a href="https://infoamazonia.org/" target="_blank">InfoAmazonia</a><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">  project was created in 2012, with the objective of aggregating data and news about the Amazon rainforest. Initially, updating the site was complex. With the goal of planning the development of the site, </span></span><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">we carried out a study which at the end of the year concluded that the best alternative in the long term to substitute the software was to develop a theme for WordPress. After the theme was developed and the new site was launched, we decided to generalize the theme to facilitate the use of other people to create their own sites with maps. </span></span></p> <h1 class="summary-item" id="instalation"><a href="#instalation">Instalation </a></h1> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">You need to have WordPress installed on your server. Next we will show you two ways to install Jeo. </span></span></p><div class="et-tabs-container et_sliderfx_fade et_sliderauto_false et_sliderauto_speed_5000 et_slidertype_top_tabs"> <ul class="et-tabs-control"> <li><a href="#"> Step 1 </a></li> <li><a href="#"> Step 2 </a></li> <li><a href="#"> Step 3 </a></li> </ul> <!-- .et-tabs-control --> <div class="et-tabs-content"> <div class="et-tabs-content-wrapper"> <div class="et_slidecontent"> <a href="https://github.com/oeco/jeo">Download</a><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> Jeo on GitHub by clicking on “Download ZIP” on the right sidebar. If you know how to use git, see instructions </span></span><a href="https://oeco.github.io/jeo/">here</a><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">. </span></span><p></p> <p><img alt="jeo-inst-1github" decoding="async" src="https://geojournalism.org/wp-content/uploads/2014/02/jeo-inst-1github-1024x575.png"/></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> </span></span></p></div> <div class="et_slidecontent"> In Appearence &gt; Themes, go to the tap “Install Themes” and choose “Upload”.<p></p> <p><img alt="jeo-inst-2upload" decoding="async" src="https://geojournalism.org/wp-content/uploads/2014/02/jeo-inst-2upload-1024x575.png"/></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> </span></span></p></div> <div class="et_slidecontent"> Upload the file you just downloaded and activate the theme.<p></p> <p><img alt="jeo-inst-3ativate" decoding="async" src="https://geojournalism.org/wp-content/uploads/2014/02/jeo-inst-3ativate-1024x575.png"/></p> </div> </div> </div> </div> .et-tabs-container <p></p> <h1 class="summary-item" id="publishing-a-map"><a href="#publishing-a-map">Publishing a Map</a></h1> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> </span></span></p><div class="et-tabs-container et_sliderfx_fade et_sliderauto_false et_sliderauto_speed_5000 et_slidertype_top_tabs"> <ul class="et-tabs-control"> <li><a href="#"> Step 1 </a></li> <li><a href="#"> Step 2 </a></li> <li><a href="#"> Step 3 </a></li>  <li><a href="#"> Step 4 </a></li>  <li><a href="#"> Step 5 </a></li>  </ul> <!-- .et-tabs-control --> <div class="et-tabs-content"> <div class="et-tabs-content-wrapper"> <div class="et_slidecontent"> Vá em “Maps &gt; Add new map”.<p></p> <p><a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot1.png"><img alt="screenshot1" class="alignnone size-large wp-image-1056" decoding="async" height="522" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot1-1024x522.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot1-1024x522.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot1-300x153.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot1.png 1286w" width="1024"/></a></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> </span></span></p></div> <div class="et_slidecontent"> Define a name and description for your map.<p></p> <p><a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot21.png"><img alt="screenshot2" class="alignnone size-large wp-image-1054" decoding="async" height="524" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot21-1024x524.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot21-1024x524.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot21-300x153.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot21.png 1288w" width="1024"/></a></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> </span></span></p></div> <div class="et_slidecontent"> <span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">The section “Map Settings” is divided into 2 parts.</span></span><p></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">In the first area you can define the server which will provide the </span></span><em><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">base layer</span></span></em><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> in a drop-down list. Once you choose a server, the URL address under the list will be altered to </span></span><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">the server’s </span></span><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">default. </span></span><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">The base layer is the layer which remains under all of the others, and can be chosen from OpenStreetMap, Mapquest OpenStreetMap, Mapquest Satellite, Stamen Toner, Stamen Watercolour, Stamen Terrain, Other (used for when you have your own tilelayer URL), or None (in case you don’t want to use a base layer, or want to use one from MapBox or CartoDB).</span></span></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">To add layers, you can use the “Add MapBox layer” and “Add CartoDB layer” buttons if you want to use layers from these servers. Otherwise, use “Add tile layer”. </span></span></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">Inside the box that is created you’ll see 3 options:es:</span></span></p> <ul> <li><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">Title, which is the name of your layer. It will always be used when you need to refer to this layer (in a menu, for example).</span></span></li> <li><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">ID or URL. This is where you should put the URL of the layer, or, in the case of a MapBox layer, your ID.</span></span></li> <li><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">Layer options. The layers can be:</span></span> <ul> <li><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">Fixa – </span></span><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">use this if you don’t want to allow the viewer to turn off the layer.</span></span></li> <li><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">Switchable – when you want that the viewer to be able to switch the layer on and off.</span></span></li> <li><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">Swapable – when you would like to permit a choice between a set of layers.</span></span></li> </ul> </li> </ul> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">The order of superposition of the layers is from bottom to top, in other words, the higher the layer on the administration screen, the higher its priority over the the others. It will be displayed on top of the layers below it on the list.</span></span></p> <p><a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot3.png"><img alt="screenshot3" class="alignnone size-large wp-image-1055" decoding="async" height="520" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot3-1024x520.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot3-1024x520.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot3-300x152.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot3.png 1292w" width="1024"/></a></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> </span></span></p></div> <div class="et_slidecontent"> Remaining in the “Map Configurations”, in the lower area of the map, you can define:<p></p> <ul> <li><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">The center and initial zoom.</span></span></li> <li><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">The minimum and máximum zoom.</span></span></li> <li><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">The limits for navegation of the map.</span></span></li> </ul> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">If you want, you can nevegate the map and, when you are in the position that you desire, click the buttons “Define current as center and zoom” and “Define current as navegation limits”.</span></span></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">On the lower part, it is possible to: </span></span></p> <ul> <li><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">Turn off the possibility of using the mouse or touchpad to change the zoom</span></span></li> <li><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">Turn on a filter, permitting that the visitors choose the start and end date of the posts which they wish to see </span></span></li> <li><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">Turn on a search field on the map</span></span></li> </ul> <p><a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot4.png"><img alt="screenshot4" class="alignnone size-large wp-image-1057" decoding="async" height="521" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot4-1024x521.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot4-1024x521.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot4-300x152.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot4.png 1291w" width="1024"/></a></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> </span></span></p></div> <div class="et_slidecontent"> Now publish!<p></p> <p><img alt="jeo-mapa-4publicado" decoding="async" src="https://geojournalism.org/wp-content/uploads/2014/02/jeo-mapa-4publicado-1024x575.png"/></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> </span></span></p></div> </div> </div> </div> .et-tabs-container <p></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">Since its the first map you have criated, it automatically goes to the home page of the site. For this all the future maps you publish, a page is automatically created for the individual map.</span></span></p> <h1 class="summary-item" id="publishing-a-post"><a href="#publishing-a-post">Publishing a post</a></h1> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> </span></span></p><div class="et-tabs-container et_sliderfx_fade et_sliderauto_false et_sliderauto_speed_5000 et_slidertype_top_tabs"> <ul class="et-tabs-control"> <li><a href="#"> Step 1 </a></li> <li><a href="#"> Step 2 </a></li> <li><a href="#"> Step 3 </a></li> <li><a href="#"> Step 4 </a></li> <li><a href="#"> Step 5 </a></li> </ul> <!-- .et-tabs-control --> <div class="et-tabs-content"> <div class="et-tabs-content-wrapper"> <div class="et_slidecontent"> Go to “Post” &gt; “Add new”.<p></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"><a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot5.png"><img alt="screenshot5" class="alignnone size-large wp-image-1058" decoding="async" height="527" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot5-1024x527.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot5-1024x527.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot5-300x154.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot5.png 1288w" width="1024"/></a></span></span></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> </span></span></p></div> <div class="et_slidecontent"> Write your title and add content.<p></p> <p><a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot6.png"><img alt="screenshot6" class="alignnone size-large wp-image-1059" decoding="async" height="525" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot6-1024x525.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot6-1024x525.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot6-300x153.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot6.png 1289w" width="1024"/></a></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> </span></span></p></div> <div class="et_slidecontent"> Define the coordinates.<p></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">Observe that there is a search box. In example below, you can see a search for “Bangalore”.</span></span></p> <p><a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot7.png"><img alt="screenshot7" class="alignnone size-large wp-image-1060" decoding="async" height="527" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot7-1024x527.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot7-1024x527.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot7-300x154.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot7.png 1286w" width="1024"/></a></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> </span></span></p></div> <div class="et_slidecontent"> Determine the maps on which the post will appear.<p></p> <p><a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot8.png"><img alt="screenshot8" class="alignnone size-large wp-image-1061" decoding="async" height="528" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot8-1024x528.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot8-1024x528.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot8-300x154.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot8.png 1274w" width="1024"/></a></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> </span></span></p></div> <div class="et_slidecontent"> Now Publish your post!<p></p> <p><img alt="jeo-post-5publicado" decoding="async" src="https://geojournalism.org/wp-content/uploads/2014/02/jeo-post-5publicado-1024x575.png"/></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> </span></span></p></div> </div> </div> </div> .et-tabs-container <p></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">Verify is you can see the post on the map. It may be necessary to click on “Clear GeojSON Cahce” on the toolbar. </span></span></p> <h1 class="summary-item" id="setting-up-the-site"><a href="#setting-up-the-site">Setting up the site</a></h1> <ol> <li><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">Go to “Appearance &gt; Jeo Settings”</span></span></li> <li><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">The Settings should be self-explanatory. If you don’t understand one of the settings,  <a href="https://github.com/oeco/jeo/issues">write to us</a> (click on “New Issue”)!</span></span></li> </ol> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> </span></span></p><div class="et-tabs-container et_sliderfx_fade et_sliderauto_false et_sliderauto_speed_5000 et_slidertype_top_tabs"> <ul class="et-tabs-control"> <li><a href="#"> Step 1 </a></li> <li><a href="#"> Step 2 </a></li> </ul> <!-- .et-tabs-control --> <div class="et-tabs-content"> <div class="et-tabs-content-wrapper"> <div class="et_slidecontent"> Go to “Appearence &gt; Jeo Settings”.<p></p> <p><a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot9.png"><img alt="screenshot9" class="alignnone size-large wp-image-1062" decoding="async" height="526" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot9-1024x526.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot9-1024x526.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot9-300x154.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot9.png 1279w" width="1024"/></a></p> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> </span></span></p></div> <div class="et_slidecontent"> The Settings should be self-explanatory. If you don’t understand one of the settings,  <a href="https://github.com/oeco/jeo/issues">write to us</a> (click on “New Issue”)!<p></p> <p><a href="https://geojournalism.org/wp-content/uploads/2014/02/screenshot10.png"><img alt="screenshot10" class="alignnone size-large wp-image-1063" decoding="async" height="512" loading="lazy" sizes="auto, (max-width: 1024px) 100vw, 1024px" src="https://geojournalism.org/wp-content/uploads/2014/02/screenshot10-1024x512.png" srcset="https://geojournalism.org/wp-content/uploads/2014/02/screenshot10-1024x512.png 1024w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot10-300x150.png 300w, https://geojournalism.org/wp-content/uploads/2014/02/screenshot10.png 1292w" width="1024"/></a></p> </div> </div> </div> </div> .et-tabs-container <p></p> <h1 class="summary-item" id="next-steps"><a href="#next-steps">Next Steps</a></h1> <p><span style="color: #333333;"><span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">Congratulations, you have your first site with Jeo! Now it is time to <a href="https://github.com/oeco/jeo">go to GitHub</a> and copy the code to create your own child theme.</span></span></p> <div class="author-shortcodes"> <div class="author-inner"> <div class="author-image"> <img alt="" src="https://geojournalism.org/wp-content/uploads/2014/06/pixelpic.jpg"/> <div class="author-overlay"></div> </div> <!-- .author-image --> <div class="author-info"> pixel started his VJ career in 2002. He’s director of memeLab and founding member of Garoa Hacker Clube. In addition to audiovisual performances, develops multimedia works that question the relationship between people and digital technologies, by the use of open technologies and / or pervasive where the people assumes the role of author. He made performances in over 15 states and 4 other countries. Among his recent projects are the research Criaturas Afetivas that uses mathematical models for understanding love, and Jandig where artists, developers, curators and audience mix their roles in creating TAZes in augmented reality. </div> <!-- .author-info --> </div> <!-- .author-inner --> </div> .author-shortcodes <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> <p>The post <a href="https://geojournalism.org/2014/06/portugues-jeo-primeiros-passos/">JEO: first steps</a> appeared first on <a href="https://geojournalism.org">geojournalism.org</a>.</p> 931