ebay輸出:当ブログ(stinger5)にグーグルカスタム検索を設置しました。ということで困ったあれこれいろいろググってくださいね⌒▽⌒

このブログはワードプレスで運営しています。
ワードプレスはアメブロやFC2、ライブドアブログ等無料ブログと違って、使うにはサーバーの設置やドメインの取得など敷居が高い感ありますが、今ではもういろんなワードプレス本がでているのでその通りにやれば問題ないです。
無料ブログってアフィリエイト禁止とかデザインの面でいろいろ制約があってとてもじゃないけど使う気がしません。
その点ワードプレスは何でもできます。HTMLやCSSの知識も吸収していけばサイトの作り込みも思いのままです。
ただこのサイト作り込みの世界って面白すぎて、はまり込むと寝るのも邪魔くさくなるくらいになります。しかもほとんどお金にはならないっていう・・・（＠´＿｀＠）
ワードプレスには無料のテーマが多数用意されていて、そのどれもがこれが無料ヽ(ー_ー )ノっていうくらい洗練された物が多いです。
私が現在使っているテーマはstingerって言うテーマです。
⬇
無料WordPressテーマ「STINGER」～ SEOに強いブログ作成テンプレート

年々ヴァージョンアップを重ね現在stingerplusっていうのが最新のような感じです。
stinger使用者にはブロガーさんが多く有益な情報を多数発信してくれているので、何か不具合があってもググればたいていのことは解決できます。

このstingerですが、私はCSS等ほとんどいじらずほぼデフォルトのまま使ってます。
っていうかもうあえてそういう情報からは自分を遠ざけるようにしています。
上にも書いたようにいじりだすと凝り性な性格なのであっちもこっちもってなるのがわかってるからです。
ワードプレスで1番最初に作ったブログは英語についての情報ばっか発信してたサイトでしたが、そのうちワードプレスの改造ブログみたいになって私が元選んだテーマも原形をとどめない外観に変貌を遂げたりしました。
ですがもう今はお金の発生しないことに時間を費やしてる場合ではないので、サイトテーマstingerについてはほとんど手を加えず、記事だけ書くことに専念しています。
でもそのhtmlやCSSの知識がebay輸出の出品ページ作成で役立つことになるとは思いもしなかったですけどね。

当ブログも累積記事数が230近くになってきて、最近過去記事を引っ張りながら記事を書くことが多くなってきたんですが、その場合ワードプレスデフォルトの検索機能を使ってると、断片的なワードでは思うような検索結果を得られないので、グーグルカスタム検索を設置しました。

過去に使ってきたブログテーマで何度か設置したことあるので作業自体はほんの数分で終了です。
カスタム検索っていうのはあのグーグルの強力な検索機能を自分のブログ内だけに使えるという、凄いサービスです。もち無料!
カスタム検索の設置の仕方等はググればいろいろと出てきます。
私自身そうですが、ブログ読むのって基本スマホです。
stingerってスマホで見ると、検索窓が記事下にきてます。
なんでこの機会に1番上に持ってきたいなと思ってそのやり方をググったらドンピシャの記事がありました。
⬇
Stingerでページ上部に検索フォームを表示する方法 | ぼくらの勉強

で上記の記事通りにすると、右上のメニューボタンを押せばこんな感じでグーグルのカスタム検索窓が現れる仕様に変更になりました。
⬇

でこうやって見るとカテゴリーの配置がブサイクでもう使ってないやつとかもあるので、まずカテゴリー名をstingerのダッシュボードから整理して、さらにカテゴリーの配置のデザインを変えるためにheader.phpをいじります。
これもゼロから自分でコードを書いていく必要はなく、ググれば出てくるのでえっっっとこんな感じで、
⬇
[Stinger5] スマホレイアウトのナビメニューをカスタマイズしてみよう | vdeep
$(function(){ $(".menubtn").click(function(){ $("#menu").toggleClass('togmenu'); }) ...

あとはその親切に公開してくれてるコードを自分のサイトにあったものに微修正すればいいわけです。
私は色をサイトカラーに合わせてアクアマリンにして、フォントサイズもでかくし、メニューボタン押さなきゃでてこなかったカスタム検索をメニューの外に出しました。
でこちらカスタマイズ後
⬇

サイト内検索がトップにドーンと来ました。
でメニューの中身もいい感じになったんじゃないでしょうか(⌒.−)＝★
⬇

カスタム検索があればこういったメニュー表ってもういらない感じですけどね。
少なくとも私は誰かのサイトを訪問した時、カテゴリー・メニューをクリックすることなどまずありませんからね。
ということでやっぱ楽しいですね。サイトデザインの変更は。全体の大まかなコードはググってコピーしてきて後はそれを微修正していくっていう流れですが、その場合htmlやCSSの知識は必須です。
以前こちらでご紹介したようにebay輸出の出品ページにも使えるし、何よりみるだけでしかなかったwebサイトを自分で好きなようにデザインしていける楽しさを経験しないのはもったいないと思うのでぜひともなんか一冊本買ってきて知識を吸収されることをオススメします。
⬇
ebay輸出:とっつきにくいイメージだけど費用対効果が極めて高いのはHTML&CSSの知識です。「たった２日で楽しく身につくHTML/CSS入門教室」がオススメです。 | さあebay輸出という大海原へ! 出港,,,,,,,,,(((( *≧∇)ﾉﾉﾉ