ｻｲﾄ内検索

サイト内検索を設置しよう

　このページの左メニューにあるサイト内検索は、簡単に設置できます。
　「外観>ウィジェット」で、サイドメニューに「検索」を追加するだけです。初期設定のままだと、メニューの文字と、検索ボタンが大きすぎるので、ちょっと小さめに改造しました。このHPの他の改造と同じく、「独自CSSやJavascript追加」のやり方で、cssにちょっと追加するだけです。

⁄* サイト内サーチ     */
.widget.widget_search h2.widget-title{
  font-size: small;
  text-align: left;
}
.uk-button {
  /* 1 */
  margin: 0;
  /* 2 */
  border: none;
  /* 3 */
  overflow: visible;
  /* 4 */
  font: inherit;
  color: #fff;
  /* 5 */
  text-transform: none;
  /* 6 */
  display: inline-block;
  box-sizing: border-box;
  padding: 5px 7px;
  vertical-align: middle;
  font-size: small;
  /* 7 */
  line-height: 100%;
  /* 8 */
  text-align: center;
  /* 9 */
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color, border-color;
}
/* サイト内サーチ   終わり  */