Support » Lisäosat ja muokkaukset » Päivitystyökalut
Päivitystyökalut
-
Millaisia kokemuksia on WordPressin päivitystyökaluista; Windows Live Writer, Ecto jne. Onko jokin niistä suositeltava? Mikä on lyhyesti sanottuna niiden hyöty vai onko manuaalinen menetelmä yhtä hyvä tai kenties parempi? Millaiseen sisältöön voisi noilla työkaluilla olla etuja tarjolla?
-
Yksi vaihtoehto on esimerkiksi tehdä uusi aihe/kategoria ”vanhat jutut” ja määritellä etusivu sillä tavalla, että tämän aiheen/kategorian artikkelit eivät näy etusivulla
Voitko vielä antaa vinkin, miten tuo tehdään ja minne, pääsivun malliinko eli index.php?
Tekstin muotoilu on aika helppo juttu. Katso CSS-ohjeista (netistä löytyy paljon hyviä) esim. font-family, font-size, text-transform, color – paljon muuta et tarvitse.
Portteja näkyy joskus nettisivujen osoitteissa tähän tapaan: http://www.example.com:80. Tuossa 80 on se portti, ja 80 on nimenomaan oletusportti, joka on käytössä.
Pääsivulle joo.
$posts = query_posts($query_string . 'cat=-X'");Tämä siis juuri ennen riviä
<?php while (have_posts()) : the_post(); ?>Vaihda vain X:n paikalle pois jätettävän kategorian numerolla (löytyy esimerkiksi Aiheet-sivulta ylläpidosta).
Kiitoksia taas kovasti ja HURAA! Onnistuin yöpuhteena selvittämään mistä nuo kaikki kolme päivitystyökalua olivat kiinni:
Omasta taidosta se oli kiinni, sillä niihin ei laitetakaan hostin käyttäjätunnusta ja salasanaa kuten oletin vaan WordPressin ylläpitäjän tunnus ja salasana. Kukapa olisi arvannut eikä missään ollut selvennystä. Vai olenko vain minä noin simppeli… :-/Olen jyvällä tekstin CSS muotoiluasetuksista. En vain tiedä, miten niitä käytetään tuossa WPn kirjoitusruudussa ja miten yhdistetään eri ominaisuudet fontin tyyppi, koko, vahvuus (jos tarvitseekaan) ja väri.
Huomenna – tai siis tänään myöhemmin – kysyn vielä missä kohdassa Mistylookin CSS tiedostossa on juttujen otsikoiden fonttityyppi ja sen väri, jos en etsimällä ja kokeilemalla löydä oikeata kohtaa.
Vaikka näin: Valitse editorista HTML-puoli ja kirjoita sitten jotain tämäntyylistä…
<span style="font-size: 1.5em; color: red; font-family: helvetica">Tämä teksti tulee isolla, punaisella ja Helveticalla</span>Toinen vaihtoehto on laittaa
<span class="luokka">...</span>Ja määritellä tuo luokka CSS-tiedostossa vaikka näin
.luokka { font-size: 1.5em; color: red; font-family: helvetica }Jolloin lopputulos on sama kuin ensimmäisessä esimerkissä.
Ah, joo, päivitystyökaluilla ei ole tosiaan mitään tekemistä palvelimen kanssa, ne operoivat suoraan WordPressin kanssa. Lienee ylläpitäjien mielestä niin ilmeinen juttu, ettei sitä tarvitse erikseen tähdentää… Mikä tietysti tarkoittaa, että jollekulle tulee takuuvarmasti vaikeuksia =)
Noita kokeilen ja kokeilen myös päivitystyökaluja, joista kerron. Alan olla virittelyssä jo loppusuoralla. Kerään vielä kokeilusta pari kysymystä loppuhuipentumaksi 🙂 teeman virittelyvaiheesta.
Niissä päivitystyökaluissa kysytään ensin sivustoa tai sen URLää. Mullahan on sivustolla paljon muutakin kuin WP. Sitten kysytään käyttäjänimeä ja sitten salasanaa. Kun järjestys on tuollainen niin en ainakaan minä tajunnut kuin yöpuhteella, että siinä pitääkin olla WPn käytäjä ja salasana eikä sivuston :-/
Ai niin, yksi on heti mielessä ja liittyy juuri CSS muotoiluihin. Mistylookin CSS tietostossa on värikoodeja, joissa on vain kolme kirjainta esim #666, #333, #fff ja #963. Ovatko ne joitakin lyhennelmiä? Omat värikarttani tuntevat vain kuusimerkkisiä värikoodeja.
#666 on sama kuin #666666 ja niin edelleen, ja #963 on #996633.
Tarkoituksena olisi mulla muutta teeman viheät sävyt vastaaviksi sinisiksi. Olen etsinyt vaalenen vihreitä sävyjä CSS tiedostosta, mutta siellä ei ole ainoatakaan jos tuo edellä oleva värien tulkinta koskee sitä. Sen sijaan, jos katson WYSIVYG editorin Tect Color valinnalla väritunnuksia, niin se näyttää vihreitä kolmen tunnuksen värikoodeissa, esim #999 näyttää ruohonvihreältä huomautuksen kera, että väreissä tulee olla kuusi merkintää.
Hi, jos osaisi tuota CSSää niin saattaisi olla mahdollista laittaa jonnekin alkuun värien ohjausmerkintä, joka kertaheitolla muutaisi vihreät sinisiksi esim juuri sidebarissa, linkeissä, navigoinnissa… 🙂
LISÄYS: Nyt löytyi kahdesta kohtaa vihreätä: a:hover, a:active ja navigation ul li.search… mutta ei sellaista vaaleata vihreätä, joka näkyy sidebarin laatikoiden pohjana.
Tarkistapa näyttösi kalibrointi – kyllä se sidebarin laatikoiden taustaväri on ihan tasaisen 999-harmaa minun näytölläni. Tuo editori luultavasti tulkitsee 999-värin muotoon #999000, joka on jotain vihreän ja keltaisen väliltä.
Luulen selvittäneeni vihreiden värikysymyksen. Laatikoiden vihertävä taustaväri johtuu näytölläni ilmeisesti niissä olevista vihreistä teksteistä. Löysin kohdan, josta sain vihreät tekstit sinisiksi, kuten toivoin. Ei näyttänyt sen paremmalta, mutta silloin laatikot olivat selvästi harmaita. Palautin vihreän toistaiseksi. Arvelen, että värikysymykset on tällä erää selvitetty, suuri kiitos neuvoista.
Nyt pääsen kohta oikeassa paikassaan käyttämään blogia. Tällä hetkellä enää yksi vaikea kysymys: Sivuston leveyen suurensin 900 pikseliin. Pääkuva on ennallaa. Yritin ylläpidon asetuksista tarjota uutta 120 px leveämpää pääkuvaa; ei asennu ilman rajausta eli leveämpi ei ”mahdu”. Tämä johtunee, että jossakin on määritelty pääkuvan koko sellaiseksi, mikä se nyt on. En löydä paikkaa, missä määrittely on, että voisin muuttaa koska määrittely lienee tehty %teina tai muilla mulle vierailla mitoilla. Missähän se on?
Tässä raportti alkuperäisestä kysymyksestä, päivitystyökaluista:
Kokeiltu kolmea päivitystyökalua w.Boggar, Zoundry Blog Writer ja Windows Liver Writer. Kaikien näiden periaate on sama, helpottaa blogien sisällön päivitystä ja tuoda siihen lisää mahdollisuuksia.
w.Bloggar ja Zoudry soveltuvat mielestäni suurin piirtein samaan, minkä WP omakin editori tekee. Eli voisiko sanoa rutiininomaiseen bogien päivitykseen; otsikko ja teksti, ehkä kuva. Jos sen sijaan kirjoitusruudussa muokkaa tai korjailee tekstin kokoja, fontteja, värejä jne tulee samanlaisia vaikeuksia kuten WPn omallakin editorilla. w.Bloggar näyttää lisäksi sekä koodauksen, että tekstin samassa muokkausruudussa, mikä saattaa olla muutoksia tehdessä hidasta käyttää.
Ylivoimaisesti paras näistä ja mielestäni suositeltava päivitystyökalu on Windows Live Writer. Se tarjoaa kokeilluista monipuolisimmat mahdolliuudet muokkaukseen, muuttelu selkeää, WYSIWYG editorin tapaista. WLW on suomenkielinen ja siinä on suomenkielen oikoluku! Sen toiminnot ovat selvästi johdonmukaisempia korjattaessa kuin edellisten. Se ei jätä muutettuja vanhoja koodeja paikalleen vaan muuttaa ne muokkausruudun mukaisiksi. Esikatselu mm suoraa omalle blogisivulle ym. Hyvä ohjelma, jota aion ilman muuta käyttää.
On vain varottava korjaamasta muilla päivitystökaluilla tehtyjä tekstejä WPn omalla editoriolla, ainakin kokeilematta. Muokaamillani asetuksilla se muuttaa päivitystä klikattaessa koko tekstin oman näkemyksensä mukaiseksi lähinnä fonttikokojen suhteen. Yritän vielä viritellä, jos saisi senkin ruotuun.
Isompi kuva ei taida olla nyt paikallaan? Ainakin tällä hetkellä blogisi tarjoaa sitä 760 pistettä leveää kuvaa.
Ei siinä div:ssä, jossa kuva on, ole mitään leveysmäärittelyjä, Safarin työkalu näyttää sen olevan koko containerin levyinen. Pitäisi siis mennä leveämpi kuva. Kokeile laittaa leveämpi kuva paikalleen, voin sitten ihmetellä, miksei toimi jos ei toimi.
Containerin, footerin (ja tekstipalstan + 120 px) levensin jo jonkin aikaa sitten alkuperäisestä 900 pikseliin. Kuvan leveys nyt 760 px. Tämä levennys ei vaikuttanut mitenkään pääkuvaan. Joo, se ei ole isompi koska se väitti vaativan rajaamista ja esitti harmaalla alueen oikealle sivulleen. Koitan tunkea siihen uudelleen 880 levyistä kuvaa ihan loppuun asti, niin katsotaan rajautuuko se.
Lisäys: Ei onnistu. Ylhäällä Muokka otsikkoa sivulla lukee Valitse se osa kuvasta, jota haluat näyttää otsikossa. Ja kuvan alla painike: Rajaa otsikkoa. Kuvaa voisi rajata pienemmäksi kyllä, mutta ei suuremmaksi. Rajaus tapahtuu sitten automaatisesti kun klikkaa Rajaa otsikkoa. Niin saatu kuva on nyt kokeilusivulla ja sen alkuperäinen versio näkyy tässä:
http://i227.photobucket.com/albums/dd228/Finneptun/wpkuvabb-1.jpg
Huomannet, että kuvan oikea reuna on rajautunut pois. Eli jokin tätä kuvan kokoa hallitsee jossakin…
Ah, siinä vika. MistyLook ei anna laittaa yli 760 pisteen levyistä kuvaa. Ilmankos. Se pitää kiertää sillä tavalla, että siirrät kuvan palvelimelle FTP:llä tai WordPressin mediakirjaston kautta ja laitat kuvan suoraan CSS-tiedostoon.
Kuva määritellään tässä kohtaa CSS-tiedostoa:
#headerimage { clear: both; background: #fff url(img/misty.jpg) no-repeat 0 0 center; margin: 10px; color: #fff; height: 200px; }Tuohon vain kuva paikalleen – ja kuten huomaat, tuossa ei missään rajata kuvan kokoa, se on tuo MistyLookin oma kuvatyökalu joka rajaa sen olettamaansa maksimikokoon.
Juu, totahan tutkin ja ihmettelin, että ei ole mitään ”kuvan paikkaa” eli vaakarajausta johonkin kokoon. Korkeushan siinä on määritelty. Vähän tarkistusta, että teen oikein:
laitat kuvan suoraan CSS-tiedostoon
Kuva siirretään mistylook/img paikkaan paikkaan ja sen nimi tulee misty.jpg tilalle? CSS tiedostoon ei kai suoraa kuvaa voida siirtää FTPllä?
LISÄYS: Ei onnistunut noin mitä pelkäsinkin.
Korvaa vain se aiempi kuva siellä samannimisellä.
Jee, sillä keinolla onnistui eli muutin misty.jpg kuvan mimeksi oman kuvani nimen. Ensin vähän nikotteli – ilmeisesti selaimen muisti näytti vanhan – mutta sitten tuli levennetty. Kuvasta ei enää muuta epäselvää, paitsi ihmettelen, mihin tiedostoon ohjauspaneelin automaattinen päivitystyökalu valokuvia sijoittaa? Ne eivät ole näköjään teeman img-tiedostossa kuten luulisi. 🙂
- The topic ‘Päivitystyökalut’ is closed to new replies.