Die Suche ist ein wichtiger Bestandteil jeder Website, und eine fehlende Suchfunktion bedeutet, dass Ihre Besucher nicht das finden, wonach sie suchen, und es ist nie eine gute Sache. Wenn Sie ein WordPress-Benutzer sind, wissen Sie, wie es ist, denn WordPress kann wie viele andere Online-Publishing-Plattformen nicht so gut sein wie Google. Es gibt jedoch Lösungen. Sie können Ihre Suchlösung gegen etwas anderes austauschen, sei es Google Co-Op oder Lijit. In diesem Tutorial werfen wir einen Blick auf Lijit, mit dem Sie mehrere Websites sowie mehrere soziale Webanwendungen durchsuchen können.
Lijit weckte meine Aufmerksamkeit als ernsthafte Option für das insgesamt sehr gute Google Co-Op
Lösung mit ihrer Einbeziehung der sozialen Sphäre. Ich kann mein YouTube, Flickr, Twitter ganz einfach hinzufügen
und viel mehr darüber, um in die Suchanfragen aufgenommen zu werden, die über den Lijit gesendet werden
Suchfeld auf meiner Website. Auf diese Weise kann ein Benutzer alle meine Präsenzen online durchsuchen und diese bringen
näher zusammen. Das ist natürlich eine gute Sache.
Ich benutze meine eigene Seite, tdhedengren.com, als Beispiel für dieses Tutorial. Es ist in einer Art
Der Redesign-Modus ist noch lange nicht abgeschlossen, was bedeutet, dass Sie mit ihm spielen dürfen. Eigentlich wäre es sowieso, es ist immerhin mein, aber das ist nicht der Punkt. Ich arbeite mit WordPress, aber es gibt in diesem Tutorial keine Besonderheiten für WordPress, da es für Lijit keine Rolle spielt. Ich habe bereits die Suchfunktion von WordPress, aber ich entferne sie zugunsten von Lijit.
Also lasst uns anfangen!
Die Anmeldung bei Lijit ist unglaublich einfach. Besuchen Sie einfach lijit.com, geben Sie Ihre URL in das Feld ein und Sie werden in einen Leitfaden geworfen, in dem Sie Lijit mitteilen können, wo Sie eine Online-Präsenz haben, und Blogs und Websites hinzufügen, die in die Suche aufgenommen werden sollen natürlich deine eigenen und solche Sachen. Tatsächlich können Sie Lijit sogar bitten, die Blogs aus Ihrer Blogroll in Ihre Suche zu ziehen, eine raffinierte Funktion, wenn überhaupt.
Die Liste der Online-Dienste kann leicht bearbeitet werden. Klicken Sie einfach auf das Kontrollkästchen und geben Sie Ihren Benutzernamen ein (Sie erhalten nach der Eingabe einen Check-Link, um sich zu vergewissern, dass er der richtige Benutzer für diesen Online-Dienst ist) und fertig.
Es gibt viele Online-Dienste und Orte zur Auswahl, darunter MyBlogLog, Digg, Viddler, Tumblr, Disqus, Reddit, Facebook und eine Reihe anderer, neben den bereits erwähnten. Sollte Ihr Online-Gift nicht vorhanden sein, können Sie immer eine URL oder einen RSS-Feed einreichen, und Lijit fügt es dem Netzwerk hinzu.
Diese Dinge sind ziemlich direkt. Wenn Sie fertig sind, können Sie Ihr Search Wijit erhalten, das Suchfeld, das wir auf unserer Website integrieren möchten. Wenn Sie sich in allen Kontoeinstellungen und anderen Dingen verloren haben, klicken Sie einfach oben rechts auf den Link Meine Suche, und Sie können mit Schritt 2 fortfahren.
Es ist leicht genug, das Lijit-Suchfeld (Search Wijit) auf Ihrer Website zu finden. Klicken Sie einfach auf Mein Such-Wijit oben rechts, wenn Sie angemeldet sind, wählen Sie einen Wijit-Stil, eine Farbe und eine Logofarbe aus, und wählen Sie einige andere offensichtliche Auswahlmöglichkeiten aus (fügen Sie Features hinzu, z Speichern Sie die Einstellungen. Wenn Sie auf die Schaltfläche Wijit installieren klicken, wird Ihr Code angezeigt. Anschließend müssen Sie diesen Code an die Stelle Ihrer Site kopieren, in der sich das Lijit-Suchfeld befinden soll. Es ist einfach genug. Nach der Installation müssen Sie sie nicht erneut installieren. Sie müssen lediglich Ihre Einstellungen ändern und die Einstellungen speichern. Die Website wird automatisch auf Ihrer Site angezeigt, da alles von den Lijit-Servern abgerufen wird.
Lassen Sie uns jedoch nicht voraus sein. Zurück zu meinem Blog Ich wollte das Lijit-Suchfeld sofort, also habe ich alle zusätzlichen Funktionen (Inhaltssymbole usw.) deaktiviert, die Big Rounded-Darstellung, die graue Farbe und die Graustufenoption für die Logofarboption ausgewählt. Die Vorschau zeigt, wie es aussehen wird, aber ich habe es trotzdem aufgestellt und die Breite des Search Wijit auf 280 eingestellt, von der ich weiß, dass sie in meine Seitenleiste passen würde.
Einfach genug, richtig. Wenn Sie auf Install the Wijit klicken, wird mir eine Seite angezeigt, auf der ich eine schnelle Installation durchführen kann, wenn ich einen TypePad- oder Blogger-Blog habe. Da ich jedoch WordPress-Benutzer bin, bekomme ich ein einfaches JavaScript-Code-Snippet.
Lijit-Suche
Da ich denke, dass das Lijit-Logo ausreicht, entfernte ich den Link und fügte diesen Code dann in meine Seitenleiste ein, wo ich zuvor das native WordPress-Suchfeld hatte.
Ganz einfach: Ich habe eine integrierte Suchlösung, die von Lijit unterstützt wird. Das Tolle ist, dass die Suchergebnisse in einer über meiner Website schwebenden Ebene angezeigt werden. Das bedeutet, dass Besucher, die in meinem Blog nach etwas suchen, nicht aufhören müssen, es sei denn, sie werden von einer meiner anderen Online-Auftritte (oder einem anderen Anbieter) getroffen Geschichte über Devlounge, ein Tweet oder etwas anderes aus meinem Netzwerk), die dann natürlich zu diesem Ort führen wird.
So einfach war es, es dauerte einige Minuten, bis ich meine eigene Lijit-Suche auf meiner Website gefunden hatte.
Lassen Sie uns nur zum Spaß sehen, wie das Suchfeld aussehen würde, wenn alle zusätzlichen Funktionen aktiviert sind, beispielsweise Keyword-Clouds, zusätzliche Schaltflächen und Symbole usw..
Nein, das will ich nicht, es ist mir zu viel. Ich mag den eher minimalistischen Ansatz, Inhalte aller meiner Online-Auftritte zu liefern, wenn die Leute danach fragen (dh suchen), anstatt sie auf diese Weise voranzutreiben. Aber das liegt an dir, es könnte dir gefallen!
Obwohl ich denke, dass das Lijit-Suchfeld mit diesen Grundeinstellungen gut aussieht, möchte ich natürlich, dass es etwas mehr für mein Design angepasst wird. Dies geschieht durch Hinzufügen von CSS zu Ihrem Stylesheet, das die Gestaltung der Lijit-Box genau wie bei einem herkömmlichen Suchformular steuert.
Bevor Sie dies tun können, müssen Sie jedoch erneut die Seite Meine Suchwijit aufrufen. Wählen Sie aus dem Dropdown-Menü Wijit Style die Option Style My Own aus, und speichern Sie die Option. Dadurch wird das Lijit-Suchfeld in etwas geändert, das wir mit CSS gestalten können.
Nicht mehr schön, aber wir werden das beheben. Für mich möchte ich ein sauberes und einfaches Formular, genau wie das, was ich für das Posten von Kommentaren und so weiter auf meiner Website habe. Es gibt nicht viele CSS-Elemente, mit denen wir etwas anfangen müssen.
Indem Sie diese zu Ihrem Stylesheet hinzufügen, können Sie das Lijit-Suchfeld ganz einfach an Ihr Design anpassen. Ich habe gerade ein paar kleinere Änderungen vorgenommen:
#lwp_main float: right; Breite: 130px; Textausrichtung: rechts; / * main div * / #lwp_sbf overflow: hidden; Marge: 0; Polsterung: 0; / * das Formular * / #lwp_sfd width: 110px! important; Rand unten: 3px; Polsterung: 2px; Grenze: 1px fest # 555; Textausrichtung: rechts; / * das Eingabefeld * / # lwp_2_searchbutton background: # 555; Farbe: #fff; Schriftgröße: 12px; Schriftdicke: fett; Grenze: 0; Text-Transformation: Kleinbuchstaben; / * die Übergabeschaltfläche * / # lwp_2_searchbutton: hover background: # 0c1; #lwp_ps / * der Container für die Suchwolke * / #lwp_f width: 130px! important;
Das Ergebnis ist ein kleines Suchfeld in meinem größeren Suchfeld. Da #lwp_main das enthaltende div ist, habe ich dieses verwendet und meinen eigenen Code eingefügt, um ein div mit dem kleinen Informationstyp nach links zu verschieben. Natürlich können Sie mit dem benutzerdefinierten CSS noch viel mehr ausgefallene Dinge tun, also finden Sie das, was zu Ihrer Website passt, und machen Sie mit. Wahrscheinlich müssen Sie lediglich Ihren aktuellen Code für Ihr Suchfeld verwenden und diesen in das entsprechende Lijit-CSS-Element in Ihrem Stylesheet einfügen.
Ich persönlich mag das geschichtete div, das das Suchergebnis über meinem Design anzeigt. Wenn Sie das Suchergebnis jedoch wirklich in Ihre Website einbetten möchten, ist dies möglich. Es funktioniert ähnlich wie Google Co-Op. Das bedeutet, dass Sie auf Ihrer Website eine Seite mit einem Code-Snippet erstellen, der Ihr Ergebnis anzeigt.
Das Einrichten ist ein Kinderspiel. Gehen Sie einfach zu Meine Suche und wählen Sie In meinem Blog (erweitert) in der Dropdown-Liste Suchergebnisse anzeigen. Dann schreiben Sie die URL zu Ihrer Suchergebnisseite und fügen Sie den Code in das Feld unten auf dieser Seite ein. Ganz einfach, vergessen Sie nicht, Ihre Einstellungen zu speichern.
Fertig! Das ist es! Wie Sie sehen, ist der Arbeitsaufwand für eine funktionierende Lijit-Suche auf Ihrer Website minimal. Wenn Sie es anpassen möchten, müssen Sie ein bisschen mehr herumspielen, aber es ist wirklich ein Problem mit dem Code und dem Design Ihrer aktuellen Site und nicht in Lijits Benutzeroberfläche.
Die Vor- und Nachteile von Lijit anstelle von Google Co-Ops können natürlich diskutiert werden. Letztere bieten die Möglichkeit, Ihren eigenen Adsense-Code einzufügen, der etwas Geld generieren kann, aber Lijit hat die Social-Web-Sache auf eine kühlere Weise in Gang gesetzt. Wenn Sie diese Wahl getroffen haben, können Sie Ihre Argumentation sowie Ihr Urteil darüber teilen, falls Sie eine haben.
Viel Spaß beim Suchen!