G-Portál keretrendszerek, kódok

Leírások
Leírások : Kereső G-Portálra

Kereső G-Portálra


Valószínűleg mindenki találkozott már olyan keresőmezővel, ami csak az adott oldalon fellelhető tartalmak között keresgél. Sajnos GP-n ilyen modul nincsen alapból (amit őszintén nem értek, oké hogy nehéz megcsináni, de ennyi év alatt igazán megoldhatták volna), ezért a Google Egyéni keresőmotor szolgáltatását fogjuk használni.

Google Egyéni keresőmotor létrehozása

Első lépésként nyisd meg ezt az oldalt (Google-fiók szükséges). Töltsd ki a mezőket, ha nem megy, ez az ábra segít. A speciális beállításokkal most nem kell foglalkozni. Ha megvan, kattints a létrehozás gombra.

Ekkor a beállítások menüben találod magad, itt alapvetően nem kell semmit állítanod, de ha mondjuk nem szeretnéd, hogy a portálodon található képek között is keressen, akkor kapcsold ki a képkeresést.

Oldalt válaszd a "Külső megjelenés" opciót. Itt kattints a "Teljes szélesség" lehetőségre, majd ments. A "Személyre szabás" fülre kattintva beállíthatod a keresőmező illetve a találati lista színeit, betűtípusát, stb. A lehetőségek szűkösek, viszont később CSS-sel olyanra csinálhatod majd, amilyenre szeretnéd. Ha mindent beállítottál, kattints a "Mentés és kód lekérése" gombra. Kapni fogsz egy kódot, ezt másold ki.

Modul elkészítése a találati listának

Hozz létre a portálodon egy egyszerű középső modult, és a forráskódjába illeszd be a kódot.

Ha a keresőmező melletti gombon nem jelenne meg a "nagyító" ikon, az előző kód alá illeszd be ezt a CSS-kódot:

<style tpye="text/css">
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
height: auto !important;
width: auto !important;
}
</style>

Ha el szeretnéd rejteni a "Google Egyéni Kereső" feliratot, ezt a kódot is illeszd be az előbbiek alá:

<style tpye="text/css">
.gsc-input {
background: transparent!important;
}
</style>

Ezzel gyakorlatilag készen is vagy, ha nem szeretnél az oldalsó sávba egy keresőmezőt. Egyszerűen csak rakj valahova egy linket ehhez a modulhoz és már keresgélhet is mindenki az oldaladon.

Oldalsó modulba keresőmező

Ha szeretnél egy mezőt az oldalsávba is, hogy onnan is lehessen keresni, akkor a lehetőség adott. Első lépésként szükséged lesz az előbb létrehozott listázó modul azonosítószámára (ezt már egy másik tutorialban megmutattam, hogyan lehet megtalálni, a számsor kell a link végéről). Ezután már csak annyi a dolgod, hogy ezt a kódod beilleszted oda, ahova a mezőt szeretnéd:

<form method="get" action="gindex.php">
<input type="hidden" name="pg" value="AZONOSÍTÓ">
<input name="q" placeholder="Keresés..." type="text" class="search_input">
</form>

Az AZONOSÍTÓ szó helyére írd be a listamodul azonosítóját. Figyelj, hogy az idézőjelek a helyükön maradjanak, és ne töröld ki őket véletlenül! Ezután tudod majd formázni az inputot a .search_input CSS-osztály használatával.

Ezzel meg is volnánk, már lehet is keresni az oldaladon.

Továbbiak

Ha zavar, hogy a keresési eredmények mellett mehjelenik a portálod ikonja, esetleg más kép, akkor a Külső megjelenés > Indexképek fül alatt ezt ki tudod kapcsolni.

Ha nem tetszik, hogy a lista fölött van egy rendezési lehetőség, ami angol, akkor ezt is ki tudod kapcsolni a Keresési funkciók > Speciális lehetőséget választva.

Még nincs hozzászólás.
 
Bejelentkezés
Felhasználónév:

Jelszó:
SúgóSúgó
Elfelejtettem a jelszót
 

Kezdőlap


Supernatural - ODaát - 13. ÉVad - Extrák - Infók - ÉRdekességek - ODaát - Supernatural - 13.ÉVad - Supernatural - ODaát    *****    A csillagjövõ oldalon,nem csak alacsonyak az árak, hanem a tanácsadás, teljesen ingyenes. Szeretettel várlak minden nap    *****    Új design! Az egyetlen magyar Olicity és a legaktívabb Zöld Íjász rajongói oldala! 6. évad & Arrowverse hírek!    *****    No.1 Christina Aguilera Fan Site - Minden ami X-Tina, minden héten újdonságok! Katt!    *****    TelenovelasWeb - Hírek, képek, videók, saját véleménnyel tarkított bejegyzések telenovellákról és a színészekrõl! Gyere!    *****    Hamarosan olvashatók lesznek az oldalamon az Asztro-tükör asztrológiai írásai, cikkei.    *****    Gesztenye, gesztenye, gesztenye... és egy álmos sün! Gyertek az októberi rétre Mályvával és Pipitérrel! Irány a Mesetár!    *****    Születési,baba,hold horoszkóp,elõrejelzés,párkapcsolati elemzés,fogamzási képlet! Ingyenes tanácsadás!Várlak!Kattints!    *****    Ha te is a letisztult stílus híve vagy, nézz be hozzám! Smink, ruha, kritika //Style and Stuff// Style and Stuff//    *****    MINDEN HÓNAPBAN INGYENES G-PORTÁL SABLON! TELJESEN ÁTSZERKESZTHETÕ A LEGÚJABB KÓDOKKAL! Ne maradj le egyik hónapban sem!    *****    Rendeld meg az asztrológiai csomagok egyikét és teljesen ingyen megbeszélheted velem a kérdéseidet telefonon, skypeon!!!    *****    Nézz filmet messengeren! Ha szereted a filmeket klikk ide! Film!Film!Film!Film!Film!Film!Film!Film!Film!Film! Film!Film!    *****    Nézz filmet messengeren! Ha szereted a filmeket klikk ide! Film!Film!Film!Film!Film!Film!Film!Film!Film!Film!Film!Film!    *****    A CSILLAGJÖVÕ OLDALON RENDKÍVÜLI AKCIÓK,LEHETÕSÉGEK.A MEGRENDELÉSEK UTÁN TELJESEN INGYENES KONZULTÁCIÓ,TANÁCSADÁS.VÁRLAK    *****    Õszi manókalandok a réten! Búcsúztassátok el ti is útra kelõ madarainkat Mályvával és Pipitérrel! Gyertek a Mesetárba!    *****    | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale | Ashley Tisdale |    *****    Bûbájos boszorkák - Charmed - Extrák - Érdekességek - Cikkek - Interjúk - Bûbájos boszorkák - Charmed - Charmed -Játékok    *****    Infrashape Horizontal fittness stúdió Debrecen    *****    WISE-VOGUE | SZISSZ ÉS KLAU BLOGJA TERMÉKTESZTEKKEL, TIPPEKKEL, ÖTLETEKKEL A MINDENNAPOKRA // WISE-VOGUE // WISE-VOGUE    *****    * GP Life * Webes hírek * Nem csak gportálos oldalaknak * GP Life * Webes hírek * Nem csak gportálos oldalaknak *