Kiinteä hakutoiminto bbPress foorumille
-
Foorumiosastolla on visuaalisessa mielessä lähes identtisen näköinen hakutoiminto tavallisten sivujen kanssa.
Se ei kuitenkaan ole toiminnallisesti yhtä hyvä kuin muilla sivuilla. Voisin yrittää luoda Code Snippet avulla vastaavankaltaisen PHP:n ja sijoittaa sen sisällön alkuun ja siitä position:fixed avulla paikoilleen.
Onkohan kellään käsitystä, missä on esim.
https://www.sanaristikkofoorumi.net/wordpress/tietoja/ sivulla näkyvän haun PHP-koodi? Olisiko se teeman function.php:ssä jollakin nimellä?The page I need help with: [log in to see the link]
-
Twentyfourteen haku perussivuilta on visuaalisesti ja toiminnallisesti hyvä. Koska se istuu nätisti leiskaan, en halua uutta lisäosaa sen takia, koska sitten pitäisi leiska miettiä uusiksi.
Visuaalisesti saman näköisestä bbPress-hausta puuttuu seuraavat ominaisuudet tai se eroaa siitä seuraavilla tavoin:- haku ei ponnauta kännykässä automaattisesti näppäimistöä esille
- puuttuu tyhjennystoiminto
- etu tai haitta mutta kännykällä perussivujen haku pompauttaa sivun alkuun, mutta bbPress sivustolla ei (laitoin molempiin haun siten, että se on aina käytettävissä)
bbPressin haku ei tietokoneella merkittävällä tavalla eroa perussivujen hausta – vain kohta 2 puuttuu. Tavallinen käyttäjä tuskin edes eroa huomaa.
Mutta kännykällä ero on suurempi, sillä em. kolme kohtaa on siinä eri lailla.
Olen testannut 320×480 kännykällä, joten sivut oikeasti toimivat kännykälläkin (ilman muutoksia bbPress ei olisi toiminut kunnolla 320x480px kännykällä).
Tiedä sitten kuinka moni ylipäätänsä käyttää tätä sivustoakaan kännykällä. Tämäkin toimii kännykällä, joskin 320×480 näytölle olisi hieman optimoitavaa.Ideana oli seuraava:
- yrittäisin luoda melkein samalanlaisen funktion kuin mitä teema luo perussivujen haulle, mutta muutamat attribuutit olisivat eri.
- Laittaisin Code Snippet avulla funktiokutsun sivun yläosaan
- siirtäisin CSS:llä haun sivun oikeaan reunaan
Lähtökohta on se, että saisi PHP:n osalta hoidettua yhdellä funtiolla, jota käyttää joko Code Snippet tai aliteeman functions.php kautta. Henk. koht. Code Snippet on paljon joustavampi tapa lisätä koodia kuin tehdä aliteema. Jos ei saa yhdellä funtiolla, antaa olla.
twentyfourteen ihan oma systeemi. koodattu header.php:ssa
näyttämiseen/piilottamiseen liittyy oma koodi
itse lomake on vakiolomake
get_search_form();
Taitaa olla liian monimutkaista. Erot kohta kohdalta:
1) haku ei ponnauta kännykässä automaattisesti näppäimistöä esille
Tämä on koodattu teeman toimintaan.
href=”#search-container” class=”screen-reader-text” aria-expanded=”false” aria-controls=”search-container”
kutsuu attribuuteilla aria-kontrollia – en tunne.
aria-expanded=”false” aria-controls=”search-container” – mitenkähän näitä hallitaan ja miten niistä tekisi bbPress-alueen version?
Koodissa _e( ’Search’, ’twentyfourteen’ ); on vain kielijuttu ja painike tulee kaiketi CSS:llä, koska HTML-koodissa on vain ’Etsi’. Merkityksetön detalji, sillä painikkeen voi laittaa joko kuvana tai CSS:llä.
2) puuttuu tyhjennystoiminto
Tämä on koodattu hakufunktioon eli get_search_form();
Jos saman haluaisi bbPressiin, bbPressin haku pitäisi koodata uusiksi. Pitäisi ehdottaa bbPressin tekijöille, että lisäisivät tyhjennysfunktion.
3) etu tai haitta mutta kännykällä perussivujen haku pompauttaa sivun alkuun, mutta bbPress sivustolla ei
Tämä johtuu vain siitä, että asiaa ei ole hoidettu Js:llä vaan href=”#search-container” , joka pompauttaa alkuun. Jos laitan return true, pompauttaisi alkuun kaiketi JS:nkin kanssa.
Taitaa olla liian monimutkaista.
Yritin tämän perusteella:
https://stackoverflow.com/questions/6020400/showing-androids-soft-keyboard-when-a-field-is-focusd-using-javascriptvar target = document.getElementById(”bbp_search-bbpress”);
if (event.target != target) {
target.focus();
target.click();
}ei vaikutusta. Tarkoitus olisi, että tietokoneella kursori kohdistuisi autom. haun alkuun ja kosketusnäytöllä siis myös näppis autom. esille.
Koodiss oli virhe
var x = document.getElementById(”search-form-bbpress”);
if (x.style.display === ”none”) {x.style.display = ”block”;//$(this).focus(); – virhe – focus väärälle elementille!
} else {x.style.display = ”none”;}
document.getElementById(”bbp_search-bbpress”).focus();//tämä laittaa fokuksen kohdalleen}Vihdoin molemmat haut toimivat samaan tapaan.
- The topic ‘Kiinteä hakutoiminto bbPress foorumille’ is closed to new replies.