カスタマイズの方向性と手順
2015/04/22 | 概要
Yomi-searchをスマホ対応(モバイルフレンドリー)にカスタマイズするのですが、まずはどういう風にしたいのかという方向性とその手順についてを考えてみたいと思います。 はじめに方向性ですが、
Yomi-Searchをサーバーにインストールする
2015/04/22 | 初期デザインのYomi-searchをカスタマイズ
まずはYomi-Searchをサーバーにインストール・設定して利用できる状態にします。 インストールの方法については「ヨミサーチビギナーズガイド」で非常に分かりやすく解説されていますのでそちらを
まずはカテゴリーページから
2015/04/27 | カテゴリーページをカスタマイズ
はじめにカテゴリーページをカスタマイズします。 なぜトップページからではなくカテゴリーページからカスタマイズするの?と思われるかもしれません。理由は二つあります。 一つ目の理由は、Yomi
登録サイト表示部のカスタマイズ
2015/04/29 | カテゴリーページをカスタマイズ
カスタマイズ前と後を比較できるようにもう一つYomi-Searchをインストールしました。 「DEMO1」のほうはそのままで、「DEMO2」のサイトをカスタマイズします。 まずは「templa
上部メニューバーのカスタマイズ
2015/05/08 | カテゴリーページをカスタマイズ
カスタマイズ用のYomi-Searchである「DEMO2」の大カテゴリー「サーチエンジン」のページを実際にスマホで表示してスクリーンショットを撮りました。 こちらが上の部分です。 まず
子カテゴリー表示部分のカスタマイズ1
2015/05/11 | カテゴリーページをカスタマイズ
それでは、子カテゴリー表示部分をカスタマイズします。 前回のカスタマイズでこのようになっています。 上のスクリーンショット画像でカテゴリー「サーチエンジン」の下に子カテゴリーへのリンク
子カテゴリー表示部分のカスタマイズ2
2015/05/12 | カテゴリーページをカスタマイズ
カスタマイズ用デモサイトの「サーチエンジン」カテゴリーの子カテゴリー表示部分をリスト表示に変更したHTMLソースです。 <div id="kt"> <
その他のカテゴリー表示部分のカスタマイズ
2015/05/16 | カテゴリーページをカスタマイズ
カテゴリーページの一番下にある【その他のカテゴリ】表示部分をカスタマイズします。 ここは前々回と前回でカスタマイズした子カテゴリー部分と同じように、幅90%・横四列のテーブルです。 したが
検索フォームをカスタマイズ
2015/05/19 | カテゴリーページをカスタマイズ
次に検索フォーム部分をカスタマイズします。 背景色がグレーの部分です。 パソコン等、表示ウインドウの幅のあるデバイスで見た場合はそれほど気になりませんが、スマートフォンを縦持ちで見ると