WordPress

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

投稿日:

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

無料WordPressテーマ「STINGER」 ~ SEOに強いブログ作成テンプレート

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

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

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

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

Stingerでページ上部に検索フォームを表示する方法 | ぼくらの勉強

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

IMG_1447

IMG_1448

でこうやって見るとカテゴリーの配置がブサイクでもう使ってないやつとかもあるので、まずカテゴリー名をstingerのダッシュボードから整理して、さらにカテゴリーの配置のデザインを変えるためにheader.phpをいじります。
これもゼロから自分でコードを書いていく必要はなく、ググれば出てくるのでえっっっとこんな感じで、

[Stinger5] スマホレイアウトのナビメニューをカスタマイズしてみよう | vdeep
$(function(){     $(".menubtn").click(function(){      $("#menu").toggleClass('togmenu');        }) ...

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

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

image

カスタム検索があればこういったメニュー表ってもういらない感じですけどね。
少なくとも私は誰かのサイトを訪問した時、カテゴリー・メニューをクリックすることなどまずありませんからね。
ということでやっぱ楽しいですね。サイトデザインの変更は。全体の大まかなコードはググってコピーしてきて後はそれを微修正していくっていう流れですが、その場合htmlやCSSの知識は必須です。
以前こちらでご紹介したようにebay輸出の出品ページにも使えるし、何よりみるだけでしかなかったwebサイトを自分で好きなようにデザインしていける楽しさを経験しないのはもったいないと思うのでぜひともなんか一冊本買ってきて知識を吸収されることをオススメします。

ebay輸出:とっつきにくいイメージだけど費用対効果が極めて高いのはHTML&CSSの知識です。「たった2日で楽しく身につくHTML/CSS入門教室」がオススメです。 | さあebay輸出という大海原へ! 出港,,,,,,,,,(((( *≧∇)ノノノ

でも上に書いたように深入りは禁物です。それが直接マネタイズに結びつくわけじゃないですから_φ( ̄ー ̄ )
ではでは今日はこのへんで。

9月4日大阪でebayリサーチスキル強化セミナーが開催されます。講師は物販総合研究所の戸部祐子さんです。
詳細はこちらから。

稼げる自信がつく!リサーチスキル強化セミナー

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
私みたいな有在庫セラーにオススメ!!!
◎せどりの達人ヤマケンさんと井上麻紀子さんとのコラボセミナー!!!◎
利益率80%!高利益eBay(イーベイ)輸出せどりビジネス動画講座

知的武装にどうぞ!無料ebay輸出情報リンク集
1.エグゼクティブクラブebay輸出マニュアルSTEP1最新版

2.輸出裏ノウハウ暴露対談

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

全部読んであたりまえっしょ (n˘v˘•)¬ebay輸出本コレクション

-WordPress
-

Copyright© さあebay輸出という大海原へ! 出港,,,,,,,,,(((( *≧∇)ノノノ , 2017 AllRights Reserved Powered by micata2.