https://peda.net/id/3c8c779ba4c 2024-11-17T12:03:46+02:00 https://peda.net/:static/533/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/3c8d813aa4c 2024-08-29T22:57:47+03:00 <div class="flex-shrink-0 flex flex-col relative items-end"> <div> <div class="pt-0"> <div class="gizmo-bot-avatar flex h-8 w-8 items-center justify-center overflow-hidden rounded-full"> <div class="relative p-1 rounded-sm flex items-center justify-center bg-token-main-surface-primary text-token-text-primary h-8 w-8"><span>Tässä moduulissa käymme läpi, miten voit luoda ensimmäisen verkkosivustosi käyttämällä näitä kahta suosittua työkalua. WordPress toimii sisällönhallintajärjestelmänä, kun taas Elementor mahdollistaa intuitiivisen vedä ja pudota -sivunrakennuksen. Tutustumme Elementorin käyttöliittymään ja sen keskeisiin ominaisuuksiin, kuten oikean teeman valintaan ja asentamiseen joka on yhteensopiva Elementorin kanssa <span>sekä</span> sivustojen luontiin. </span><span>Kurssillamme jokaiselle oppilaalle on asennettu etukäteen WordPress, joten itse WordPressin asentamiseen ja siihen liittyvien asioiden kuten domainin hankkimiseen emme hirveästi tällä kurssilla perehdy.<br/> <br/> Tulevissa moduuleissa opit myös, miten voit räätälöidä verkkosivustosi ulkoasua ja toiminnallisuuksia luodaksesi juuri sellaisen sivuston, joka vastaa tarpeitasi. Itse kurssin aiheena on oman Portfolion luominen, mutta jos haluat niin voit luoda sivustostasi sellaisen kun haluat, kunhan opit ja sisäistät kurssilla opetetut asiat. Lisäksi käsittelemme myös tärkeitä käytäntöjä, kuten responsiivisuuden huomioimista ja hakukoneoptimoinnin perusteita, jotta sivustosi näyttää hyvältä kaikilla laitteilla ja tavoittaa oikean yleisön. Lopuksi opastamme, miten julkaiset sivustosi verkkoon ja ylläpidät sitä jatkossa, jotta voit varmistaa sen toimivuuden ja ajantasaisuuden.</span><span><br/> </span></div> </div> </div> </div> </div> <div class="group/conversation-turn relative flex w-full min-w-0 flex-col agent-turn"> <div class="flex-col gap-1 md:gap-3"> <div class="flex max-w-full flex-col flex-grow"> <div class="min-h-[20px] text-message flex w-full flex-col items-end gap-2 break-words [.text-message+&amp;]:mt-5 overflow-x-auto whitespace-normal" dir="auto"><!--filtered attribute: data-message-author-role="assistant"--><!--filtered attribute: data-message-id="2775039c-42a8-4ec7-adf1-2f9d55ab5f07"--> <div class="flex w-full flex-col gap-1 empty:hidden first:pt-[3px]"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p><br/> <br/> </p> </div> </div> </div> </div> </div> </div> 2024-11-17T12:03:46+02:00 https://peda.net/id/3c8f62e0a4c 2024-09-12T20:35:43+03:00 Tämä vaihe <b>ei ole</b> pakollinen ja voit käyttää WordPressissä sitä kieltä mitä itse haluat, mutta tässä kurssimateriaalissa käytävät ohjeet ja niihin liittyvät termit tulevat olemaan suurimmaksi osalta suomeksi.<br/> <br/> <ul> <li><strong>Kirjaudu sisään WordPress-hallintapaneeliin</strong>.</li> <li>Siirry vasemman valikon kautta kohtaan <strong>Asetukset (Settings)</strong> ja valitse <strong>Yleiset (General)</strong>.</li> <li>Etsi kohta <strong>Sivuston kieli (Site Language)</strong> ja avaa pudotusvalikko.</li> <li>Valitse kielivalikosta <strong>Suomi</strong>.</li> <li>Paina <strong>Tallenna muutokset (Save Changes)</strong>.</li> <li>Tämä vaihe <b>ei ole</b> pakollinen ja voit käyttää WordPressissä sitä kieltä mitä itse haluat, mutta tässä kurssimateriaalissa käytävät ohjeet ja niihin liittyvät termit tulevat olemaan suurimmaksi osalta suomeksi.</li> </ul> 2024-11-17T12:03:46+02:00 https://peda.net/id/3c909edca4c 2024-09-12T20:26:30+03:00 <p>Ensimmäinen askel ammattimaisen verkkosivuston rakentamisessa Elementorilla on oikean teeman valinta. Hello-teema on suunniteltu erityisesti Elementoria silmällä pitäen, ja sen keveys sekä yksinkertaisuus tekevät siitä erinomaisen valinnan. Tässä vaiheessa opit, kuinka asennat ja aktivoit Hello-teeman WordPress-sivustollasi.</p> <p><strong>1. Siirry Teemat-osioon:</strong></p> <ul> <li>Aloita kirjautumalla WordPress-hallintapaneeliin. Vasemman reunan valikosta löydät kohdan &quot;Ulkoasu&quot; &gt; &quot;Teemat&quot;. Täällä voit hallita sivustosi ulkoasua.</li> </ul> <p><strong>2. Hello-teeman Asennus:</strong></p> <ul> <li>Valitse &quot;Lisää uusi&quot; ja kirjoita hakukenttään &quot;Hello&quot;. Kun teema ilmestyy hakutuloksiin, klikkaa &quot;Asenna&quot;. Asennusprosessi kestää vain hetken.</li> </ul> <p><strong>3. Teeman Aktivointi:</strong></p> <ul> <li>Kun asennus on valmis, paina &quot;Aktivoi&quot;. Hello-teema on nyt käytössä sivustollasi, ja voit alkaa mukauttaa sitä Elementorin avulla.</li> </ul> 2024-11-17T12:03:46+02:00 https://peda.net/id/3c9149b9a4c 2024-09-13T07:57:11+03:00 <p>Jotta voit hallita sivustosi otsikoita ja alatunnisteita tehokkaasti, sinun kannattaa ottaa käyttöön nämä ominaisuudet Elementorin kokeiluasetuksissa.</p> <p><strong>1. Siirry Elementor-asetuksiin:</strong></p> <ul> <li>Kirjaudu WordPress-hallintapaneeliin ja siirry kohtaan &quot;Elementor&quot; &gt; &quot;Asetukset&quot;. Tämä alue on Elementorin toimintojen hallintakeskus.</li> </ul> <p><strong>2. Kokeilujen Ottaminen Käyttöön:</strong></p> <ul> <li>Valitse &quot;Kokeilut&quot;/&quot;Features&quot; -välilehti. Täältä löydät listan kokeellisista ominaisuuksista, joita Elementor tarjoaa. Etsi &quot;Otsikot ja Alatunnisteet&quot;/&quot;Headers and Footers&quot; ja ota se käyttöön. Tämä ominaisuus antaa sinulle enemmän hallintaa sivustosi rakenteesta.</li> </ul> <p><strong>3. Tallenna Muutokset:</strong></p> <ul> <li>Kun olet ottanut haluamasi ominaisuudet käyttöön, muista tallentaa muutokset. Nyt voit muokata sivustosi otsikoita ja alatunnisteita suoraan Elementorilla. <br/> <br/> Palaamme otsikoiden ja alatunnisteisiin myöhemmin opinnoissa.</li> </ul> 2024-11-17T12:03:46+02:00 https://peda.net/id/3c91f068a4c 2024-09-12T23:04:46+03:00 <p>Verkkosivujen luominen on tärkeimmistä tehtävistä, kun rakennat sivustoa WordPressillä ja Elementorilla. Tämä vaihe kattaa perusasiat siitä, miten luot uusia sivuja ja muokkaat niiden sisältöä visuaalisen editorin avulla.</p> <p><strong>1. Uuden Sivun Luominen:</strong></p> <ul> <li>Aloita siirtymällä WordPressin hallintapaneeliin ja valitsemalla &quot;Sivut&quot; &gt; &quot;Lisää uusi&quot;. Tämä avaa uuden sivun muokkausnäkymän, jossa voit aloittaa sivun rakentamisen.</li> </ul> <p><strong>2. Sivun Muokkaaminen Elementorilla:</strong></p> <ul> <li>Kun olet antanut sivulle nimen (esim. &quot;Etusivu&quot;), paina &quot;Muokkaa Elementorilla&quot;. Tämä avaa Elementorin editorin, jossa voit lisätä sisältöä, asetteluita ja vimpaimia visuaalisesti vedä ja pudota -menetelmällä. Palaamme tähän aiheeseen takaisin kurssilla myöhemmin.</li> </ul> <p><strong>3. Sivun Julkaiseminen:</strong></p> <ul> <li>Kun painat &quot;Julkaise&quot; niin sivusi on live-tilassa ja näkyvissä kävijöille. </li> </ul> 2024-11-17T12:03:46+02:00 https://peda.net/id/3c942309a4c 2024-09-12T20:56:30+03:00 <div class="main"> <div class="content enclose"> <p>Moni moduuli sisältää erillisen videonurkan. Löydät sen oikealta tietokonenäkymästä ja alhaalta mobiilinäkymästä. Videonurkan sisällöt ovat moduulin aiheeseen liittyviä ja tarjoavat syvällisiä katsauksia asiantuntijoilta. Nämä videot tarjoavat mahdollisuuden syventää ymmärrystäsi moduulin aihepiiristä,<span> </span><b>mutta niiden katsominen ei ole pakollista kurssin suorittamisen tai keskeisten asioiden oppimisen kannalta.</b><span> </span>YouTube-videot voidaan tarvittaessa kääntää myös kotimaisille kielille videon asetuksista.<br/> <br/> <br/> <b>Video-ohjeita sivuston luontiin WordPressissä:</b><br/> </p><div class="youtube"><iframe loading="lazy" width="640" height="360" src="https://www.youtube.com/embed/tYP2zgD8Jw8?rel=0&amp;modestbranding=1&amp;hl=fi" allowfullscreen="allowfullscreen"></iframe><div><a href="https://youtu.be/tYP2zgD8Jw8" title="https://youtu.be/tYP2zgD8Jw8" target="_blank" rel="nofollow ugc noopener">https://youtu.be/tYP2zgD8Jw8</a></div> </div> <br/> <div class="youtube"><iframe loading="lazy" width="640" height="360" src="https://www.youtube.com/embed/2MsoEnTywo4?rel=0&amp;modestbranding=1&amp;hl=fi" allowfullscreen="allowfullscreen"></iframe><div><a href="https://www.youtube.com/watch?v=2MsoEnTywo4" title="https://www.youtube.com/watch?v=2MsoEnTywo4" target="_blank" rel="nofollow ugc noopener">https://www.youtube.com/watch?v=2MsoEnTywo4</a></div> </div> <br/> <br/> <br/> <p></p> </div> </div> 2024-11-17T12:03:46+02:00