ヒーローイメージとはファーストビューでドーンと表示される大きなイメージのことで、海外だけでなく国内でも取り入れているサイトを見かけることが多くなってきました。 そんなヒーローイメージにCSSで実装したグラデーションを組み合わせたサンプルです。 グラデーションを重ねる 単純に画面いっぱいに表示した背景画像の上にグラデーションを重ねたものです。 HTMLは.heroを指定したdiv要素のみを使用し、CSSは下記のように記述します。 .hero { height: 100vh; background: linear-gradient(-45deg, rgba(229,93,135,.7), rgba(95,195,228,.7)), url(background.jpg) center center / cover no-repeat; }

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. <p>Simple use for mailto link.</p> <a href="mailto:mail@example.com" class="lsf">mail</a> <p>Use tha icon with text.</p> <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a> <p>Use tha icon with unicode.</p> <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a> /* CSS */ @font-face { font-fami

rumiko matsumoto / TAKESHI WATAMURA | 綿村 健 / SCANNER™ | a design &...他...全23件

WP Custom Fields Searchは、WordPressに絞り込み検索機能を簡単に組み込めるプラグインです。検索機能を拡張できます。 絞り込み検索は、複数の検索条件を指定して検索ができます。キーワード検索、カテゴリー検索、タグ検索、カスタムフィールドの値から価格帯検索（数値を範囲指定して検索）などを簡単に利用できます。カスタムフィールドの値から価格帯検索の機能が非常に便利です。 このプラグインを利用すると、サイト閲覧者が記事の中から自分が探したい情報を見つけやすくなります。通常の検索をさらに使いやすくしたい場合に活用しましょう。 はじめに このプラグインが優れている点 WordPressで絞り込み検索機能を簡単に利用できる。複数の検索条件で絞り込み検索を利用できる。 キーワード検索、カテゴリー検索、タグ検索を利用できる。 カスタムフィールドの値から価格帯検索が利用できる。（数値

WordPressでカスタムフィールドが使えると世界が変わって見える｜Custom Field Template&Custom Fields Searchがイイ感じ 2014 5/23 知人から「お店を紹介するリンク集サイト」が作りたいと相談があって、Wordpressを使ってトライしました。ブログとしてのWordpressから一歩進んで「データベース」としてWordpressを使うチャレンジです。 データベースとしてのWordpress活用には以下の2つのプラグインが活躍します。 Custom Field Template plugin WP Custom Fields Search Custom Field Template plugin WordPressの「投稿」をデータベースにするプラグインです。例えば「住所」「電話番号」「営業時間」などのフィールドをあらかじめ用意しておき、決め

MTS Simple Bookingビジネス版デモ ※ここから先の作業は、WordPressプラグイン「MTS Simple Booking C」による予約システムの作成などを参考に基本的な予約システムを完成させていることが前提です。 次のような作業が必要になりますが、おおざっぱに言えば、予約フォーム、確認画面、予約確認メールについてカスタマイズが必要で、それぞれの動作が記述されているPHPスクリプトを開いて編集していくことになります。 デフォルト項目名に「コース」を追加 予約フォーム（入力画面）に「コース」を追加 予約フォーム（確認）に「コース」を追加 フォームデータ受け渡し部に「コース」を追加 予約確認メールに「コース」を追加 「コース」をテキストボックスからドロップダウンリストに変更 以下、特に説明がない場合は、編集するファイルはmts-simple-booking-cディレクトリに

作成する予約システム 画面構成は次のようになります。 作成するシステム 日付選択 --- 予約する日付を選択します。 時刻選択 --- 選択した日付で任意の時刻を選択します。 お客様情報入力 --- お客様の名前や連絡先を入力します。 確認画面 --- 入力・選択内容を確認します。 予約完了 --- 予約が完了します。管理者とお客様に確認メールが送信されます。 このようなシステムをプログラミングせずにDIY感覚で組み立てるイメージで作成できます。さっそく始めましょう。 始める前に：WordPressの準備 事前に、システムを組み込むWordPressを準備しておいてください。3.5以降のバージョンが必要です。使用中のWordPress、業務で使い込んでいるWordPressでも構いませんが、テスト用にWordPressをインストールしていただいた方が無難です。 さくらインターネットをお使い

「WordPressでスカイプ英会話教室を運営したい」「複数の講師に対する授業の予約をインターネットで受け付けたい」という方もいると思います。そんな方にはOnline Lesson Booking system（オンラインレッスン予約システム）プラグインが役立ちます。以下、プラグインの機能などを簡単に紹介します。 Online Lesson Booking system（オンラインレッスン予約システム）プラグインとは WordPressのOnline Lesson Booking systemプラグイン（OLBプラグイン）は、その名の通り、オンラインでレッスン予約システムを構築できるプラグインです（「プラグイン」‐「新規追加」メニューからインストール可能）。 いわゆる「スカイプ英会話教室」など、複数の講師に対する受講予約やキャンセルをオンラインで受け付けるような講座を運営することができます

「できない」を 「できる」へ デザインも機能もカスタマイズ次第！ さまざまな要望に沿った ネットショップが作れます。

ハロー先生ドットコムは、あなたの希望にマッチングした語学の個人講師を探すためのサイトです。日本全国で、英語・英会話のみならず、中国語、韓国語、フランス語など合計16言語の先生を検索できます。 大手英会話教室で英会話を教えている先生をはじめ、教師経験豊富な先生も多数登録しているので、海外旅行の初歩的な会話から資格試験、海外出張に必要なビジネス英会話まで様々なレベルの先生を選ぶことができます。また、バイリンガルやネイティブティーチャーも多数登録しており、語学学習のための情報サイトや掲示板で先生が見つからないような地域でも、もしかしたらぴったりの先生が見つかるかもしれません。 そして、レッスン内容はすべて先生との直接相談できるので、授業の進め方など、自分の習いたい条件でのパーソナルレッスンが可能です。ハロー先生ドットコムは常時オンラインで外国人教師を募集しており、毎日のように新しい先生が多数登録

[WP]高度な絞込みサイト内検索が実装可能なプラグイン「WP Custom Fields Search」 2014.03.25 2023.06.21 ※2017.9現在「WP Custom Fields Search」は配布を停止しているようです。TCDでは、高性能な検索機能が付いたポータルサイト専用WordPpressテーマを「GENSEN」をリリースしましたので、ぜひデモサイトをご覧いただき、検索機能の動作をご確認ください → 「GENSEN」 高度なサイト内検索機能が実装可能なWordPressプラグイン「WP Custom Fields Search」をご紹介します。 上図のようなフォームを作成し、記事やカテゴリー、カスタムフィールドなどの内容を細かく絞り込むことが可能です。不動産サイトやポータルサイトでも十分使えそうなプラグインです。 プラグインの特徴 標準ではできない「絞込み検