検索特化型サイトによくある形あるじゃないですか。
ちょっといい例えではないですが、最初に検索される系のサイト。
私はこれをSWELLで作りたかったわけですよ。
目次
やってみた
そこで、固定ページを作りSWELLの検索ブロックパーツを入れればいいんだ！となりました。
しかーし、検索ブロックは下記のようになります。
わかりますかね？
検索の虫眼鏡の向きが逆なんですよ。
GoogleもAmazonも楽天も、左上と同じ左に傾いてる虫眼鏡アイコンです。
ただブロックは右に傾いてる。気持ち悪いので変更したい！
検索ブロックのアイコン変更方法
まずアイコン自体を変更することは私の技術では不可能でした。
そこで紆余曲折曲折曲折…ありできました！
STEP1 Webアイコン「Font Awesome」を使えるようにする
これは下記を参照してください。
https://www.zero-blo.com/swell/swell-webicon
STEP2 虫眼鏡アイコンではなく「検索」で設置
ここから本題。
検索ブロックパーツを下記のようにアイコンではなく「検索」で設置してください。
そしてこうだ！！
これでわかりますかね。検索文字のところにテキストポインターを置けます。
そして検索を消し、Font Awesomeで追加したアイコン「」を設置。
我ながら天才！！
