HodaPress

タグ: WordPress

Tags posts about WordPress.

  • 超簡単にスマホ用の固定メニューを設置できるプラグイン「Touchy」

    超簡単にスマホ用の固定メニューを設置できるプラグイン「Touchy」

    みなさん、こんにちは！

    今回は海外のWordPressプラグインについて御紹介します！

    最近はスマホユーザーの方が多い

    一人一台のスマホが当たり前の世の中なので、みなさんのサイトの訪問者はスマホからの流入が多いケースも多々あると思います。最近のWordPressのテーマはレスポンシブに対応しているのが標準なので特に気にすることはないかと思いますが、スマホユーザーの使いやすさを考えてあげることでサイトの滞在時間、ページのセッション数が上がります！

     

    例えば、こんなメニューを設置することでユーザーは、ページのどの部分を見ていてもメニューを見つけることができるし、記事内の検索もできます。これはページをスクロールしても固定されて付いてきます。

     

    WordPressモバイルメニュープラグイン

    さて、そんなことを簡単に可能にしてくれるのは「Touchy」というプラグインです。このプラグインを利用することで、あなたのWordPressサイトに簡単にモバイル用のメニューを追加することができます。ほとんどのテーマと互換性があります。

    [su_note note_color=”#fffbb5″]

    販売ページはこちら→　https://codecanyon.net/item/touchy-a-wordpress-mobile-menu-plugin/6961708

    テーマのDEMOはこちら→　http://bonfirethemes.com/touchy-by-bonfire/index-two.html

    価格 : 26ドル[/su_note]

     

    機能一覧

    • WordPress Liveカスタマイザーの統合による非常に迅速なセットアップとカスタマイズ
      • 配置と配置の変更、不透明度の変更、要素のオーバーライドおよび/または非表示、各要素の色のカスタマイズなど。
    • オプションで、指定された解像度でのみ表示
    • Touchyが表示されたら、クラス/ IDでテーマメニュー/ヘッダーを自動的に非表示にします
    • メニューバー
      • カスタマイズ可能なテキストラベルを追加する
      • 固定または絶対位置決め
      • 画面の上部または下部に配置する
      • シースルー効果の透明度を変更する
      • ボタンの境界線の色をカスタマイズする
      • 戻る、電話、メール、検索ボタンの再配置
      • デフォルトアイコンの一部またはすべてを置き換えます（500以上のアイコンが利用可能）
      • ボタンを非表示にします
      • 各ボタンを個別に色でカスタマイズ
      • ボタンの仕切りの高さをカスタマイズする（または完全に非表示にする）
      • オプションで、ページがスクロールされるときにメニューバーの影のサイズを大きくする
      • オプションでメニューバーの影を隠す
      • すべての要素を色でカスタマイズ
    • ドロップダウンメニュー
      • マルチレベルのアコーディオンメニュー
      • メニュー項目が多すぎて画面に収まらない場合はスクロール可能
      • オプションで、クリック/タッチでメニューを閉じる（たとえば、アンカーリンクがある1ページのWebサイトで便利です）
      • オプションで、完全なメニュー項目を使用してサブメニューを開きます（デフォルトでは、矢印はサブメニューを開きます）
      • メニュー項目にアイコンを追加（500以上使用可能）
      • メニュー項目に説明を追加
      • 視覚的なインジケータでメニュー項目を強調表示
      • メニュー項目のフォントサイズと行の高さを変更する
      • メニュー項目の説明のフォントサイズと行の高さ、メニュー項目からの距離の変更
      • メニューでテーマフォントの1つを使用する
      • 2つのサブメニュー矢印アニメーションオプション（矢印の反転または「X」へのアニメーション化）
      • 美しくアニメーション
      • スタイルのない2つのウィジェットの場所（メニューの上部と下部）
        • HTML、CSS、ショートコードを挿入し、埋め込みコードを使用します。製品の発表、ソーシャルボタンの追加、コンテンツのハイライトなど、考えられるあらゆる用途に使用します。
      • ドロップダウンメニューの角の丸みと下の境界線の太さを変更する
      • すべての要素を色でカスタマイズ
    • ロゴの場所
      • サイトがスクロールされると、ロゴが微妙に消え、メニューバーがスティッキーになります
      • テキストを使用するか、ロゴ画像をアップロードします（網膜画像のサポートが含まれます）
      • ロゴを左、中央、または右に揃える
      • ロゴ画像サイズの変更
      • オプションで、ロゴ領域の背景と影を隠す
      • 背景画像をロゴ領域に追加（パターンまたはフルサイズとして表示、不透明度を変更）
      • オプションで、ロゴ領域全体を非表示にします
      • すべての要素を色でカスタマイズ
    • 統合されたコール/電子メール/検索/バック機能
      • 電話番号、メール受信者、メールの件名を簡単に入力
      • カスタムアイコン（500以上使用可能）を入力し、任意の場所にリンクして、戻る/呼び出し/メール/検索/メニューボタンの機能を完全に変更します。
      • 必要に応じて、ログインしたユーザーのみに任意のボタンを表示します
      • オプションで、一部またはすべてのボタンを非表示にします
    • 検索フィールド
      • デフォルトのテキストフィールドのプレースホルダーテキストを変更する
      • デフォルトの「検索」ボタンのラベルテキストを変更する
      • 「フィールドをクリア」オプションを非表示
      • 「検索」ボタンを非表示
      • すべての要素を色でカスタマイズ
    • 背景オーバーレイ
      • 検索機能またはメニューを開いたときに表示されます
      • 背景色と不透明度を変更する
    • WordPressマルチサイト互換
    • きれいでよくマークされたコード
    • 徹底的に試し、テストした
      • デスクトップ、タブレット、スマートフォン
      • iOS、Android、Windowsデバイス
      • Chrome、Safari、Firefox、Edge、Internet Explorer、Opera
    • オプションでRetina画像スクリプトを無効にします（ロゴの位置を使用しない場合、または単にRetina画像を使用しない場合に便利です）
    • 翻訳可能なカスタマイザー設定
    • 迅速で使いやすいサポートを備えた、実績のある長年の著者
    • 生涯無料アップデート
    • 初心者でもわかるドキュメント

    ということで、このプラグインも機能が多すぎる感じですね笑

    設定画面を見てみましょう！

    ↓このようにライブプレビューで実際の画面を見ながら変更を見ることができます。

     

    ↓基本設定ではボタンは5種類あります。

    • 戻るボタン
    • Callボタン
    • メールボタン
    • 検索ボタン
    • メニューボタン

    の5種類があり、各アイコンを変更したり、表示非表示の設定ができます！

     

    ↓各ボタンの色の変更など自由に可能です！

     

    こんな方にオススメ

    WordPressのサイトを持っている方全員！

     

    まとめ

    いかがでしょうか？　一般的な方法でサイトにモバイルメニューを追加するにはコードを追加したりする必要がありますが、このプラグインを利用すると簡単に設置することができます！特にビジネスのサイトにはメールボタンや電話ボタンは必須なので、それが固定メニューにできるメリットは大きいと思います。是非このプラグインを使って、サイト訪問者のユーザビリティを高めましょう！

    掲示板はこちら

    [su_note note_color=”#fffbb5″]

    販売ページはこちら→　https://codecanyon.net/item/touchy-a-wordpress-mobile-menu-plugin/6961708

    テーマのDEMOはこちら→　http://bonfirethemes.com/touchy-by-bonfire/index-two.html

    価格 : 26ドル[/su_note]

  • 一瞬でEラーニングサイトが作成できる WordPressテーマ

    一瞬でEラーニングサイトが作成できる WordPressテーマ

    みなさんこんにちは！

    今回もWordPressのテーマについてご紹介していこうと思います 🙂

    今回は Udemy や teachableのようなEラーニングサイトが簡単に構築できる海外のWordPressテーマです！

    Eラーニングとは？

    Eラーニングとは簡単に言うとオンラインの動画で学ぶことのできるシステムです。日本では udemy が有名で、海外では thinkfic や teachableが有名ですね！

    [browser-shot url=”https://www.udemy.com/” width=”600″ height=”450″ target=”_blank”]udemy.com[/browser-shot]

    [browser-shot url=”https://teachable.com/” width=”600″ height=”450″ alt=”teachable.com” target=”_blank”]teachable.com[/browser-shot]

    udemyを使うことで一般の方でも簡単に自分の動画講座を作成して、販売することができます！

    海外では teachableが有名で、実際に僕は何度もteachableの開設の代行をしたことがあります。 teachableは英語のサイトですが、日本語化もできますし、無料プランもあるので簡単に自分のコースを販売することができます。　これが海外のサービスの質の高さです。日本のケチなサービスとは違って気前がいいのです。

    WordPressでも簡単にできる！

     

    さて、このようなEラーニングのサイトですが、WordPressで簡単にできちゃうんです！　Udemyやteachableだと登録できるコース数に制限があったり、有料プランだと毎月の費用がかかったり、受け入れ可能な生徒数に制限があったりします。また、オウンドメディアの機能や他のサービスとの連携機能ができないのがそういうサービスです。

    ですが、WordPressはほとんどすべてのサービスと連携ができるので、WordPressでサイトを作ってしまえばマーケティングが簡単ですし、何よりも一回インストールしてしまえば無料なのでランニングコストもかなり抑えることができます！

     

    Course & LMS WordPress Theme

    WordPressを使って一瞬でEラーニングサイトを構築するためのテーマは「Course & LMS WordPress Theme」という海外テーマです。

    [su_note note_color=”#fffbb5″]

    販売ページはこちら→　https://themeforest.net/item/course-builder-wordpress-learning-management-system-theme-elearning-software/20370918

    テーマのDEMOはこちら→　http://wordpresslms.thimpress.com/demo-coursify/

    価格 : 64ドル[/su_note]

     

    こちらのテーマの特徴

    こちらのテーマの主な機能を挙げてみます

    • 独自ドメイン (WordPressなので自由なドメインに設置可能)
    • SSL認証取得
    • マルチデバイス対応 (スマホでも使いやすいデザイン)
    • 決済サービス (Paypal, Stripe経由のクレジットカード決済など)
    • SEOフレンドリー
    • アクセス解析
    • サンクスページ編集 (コース申し込み後のページを編集可能)
    • コース作成・カリキュラム作成
    • Word/Excel/PDF/mp4ファイル
    • 講座のまとめ買い販売
    • 前提受講条件設定（Drip機能）
    • 問題数は無制限
    • 試験形式（Yes/No式・選択式・複数選択式・並び替え式）
    • 画像やPDFデータの貼り付け可能
    • 試験の時間設定
    • 再試験可能回数の設定（認定試験の際、何回再試験が受講できるかを設定可能）
    • 合否判定　（点数や、正解数の割合から自動で合否を判定）
    • 合格認定証オンライン発行（合格した生徒に自動的に認定証を発行できます。）
    • イベント予約
    • イベントのチケットの販売（教室を借りて講座をする際に便利）
    • （生徒と講師の）掲示板設置可能
    • 講師へのコミッション設定（講師アカウントで講師として登録してもらって、管理者はコミッションを得ることができます。）
    • 無制限の生徒追加
    • 無制限の管理者追加
    • 複数言語に対応

    という感じで、59ドルとは思えないほど高機能です。これが海外テーマの特徴です

     

    ↑実際の編集画面です。僕が日本語に翻訳しているものなので、デフォルトでは英語です。

     

    ↑最終試験の評価方法は色々あります。

     

    ↑必要最低限の支払いの機能はあります。クレジットカード払いも可能です。

     

    実際に利用可能なビジネス

    • タロットカード教室などのオンライン講座
    • 社内研修
    • プログラミング教室
    • オンラインビジネス講座

    などなど！

     

    まとめ

    いかがでしたでしょうか？　WordPressを利用するとこんな感じで格安で高機能なEラーニングのサイトを作ることができます。コードの知識なんてなくてもOKです！もし英語が苦手で不安な部分がありましたら、掲示板の方に記入していただければと思います！日本語化ファイルをお渡しすることができます！

    掲示板はこちら

    [su_note note_color=”#fffbb5″]

    販売ページはこちら→　https://themeforest.net/item/course-builder-wordpress-learning-management-system-theme-elearning-software/20370918

    テーマのDEMOはこちら→　http://wordpresslms.thimpress.com/demo-coursify/

    価格 : 64ドル[/su_note]