開発者について無料ダウンロードはこちら各種導入サポートメールを受け取る最終更新日:2020/03/22SEOランディングページでスマホ・タブレットに対応した「スマートスライダー」を表示する方法TweetPocketこんにちは、WPホームページ研究所の運営サポートチーム(@WP_LABO)です。運営者さんSEOランディングページを導入した。はじめに表示されるメイン画像はデザイナーさんに依頼しなければ作れないのかな。ワードプレスの管理画面から簡単に作成できるスマートスライダーがあれば外注しなくても良いらしい。導入手順を教えて欲しいな・・・こんな疑問にお答えしていきます。本記事は「SEOランディングページの見たまま編集でLPページを作る」の続きです。Slider)」を使う方法をご紹介いたします。Slider)の使い方スマートスライダーは無料で使えるレスポンシブ対応の画像作成ツールです。ワードプレスの管理画面からスマートスライダーのプラグインをインストールさえすれば画像作成の基本機能が使えます。新規追加」をクリック。Slider」と入力して検索。Sliderが出てきたら「今すぐインストール」をクリック。クリックするとインストールが始まります。インストールが終わったら「有効化」をクリック。正しく「有効化」ができると下記のメッセージが表示されます。Slider」というメニューが追加されました。メニューが表示されない場合はワードプレスの管理画面内から一度ダッシュボードを開くなど「更新」もお試しください。下記がスマートスライダーの設定ページです。デフォルトではサンプル画像が1つです。SEOランディングページ専用に作ったメインビジュアルのサンプルデータのインポートするために「インポートアイコン」を押してください。インポート画面が開いたら「ファイルを選択」をクリック。2万を超えるお客様がご使用中!選択画面が開いたら「SEO-landingpage-MV.ss3」を選んで「開く」をクリック。ファイルはこちらからダウンロードください。ブラウザによってはファイルを直接ダウンロードできない場合があるため念のために圧縮したデータを置いておきますので解凍してご活用くださいませ。ファイルが選べたら「IMPORT」をクリック。下記のメッセージが表示されたらインポート作業の完了です。データを編集して仕上げる手順「2」でインポートが完了すると下記が表示されます。マウスを乗せましょう。すると「EDIT」ボタンが表示されるのでクリックしてください。編集画面が開いたら文字を編集していきましょう。変更したい部分をマウスで選ぶと編集できるボックスが表示されます。お好きな文字に置き換えてテキストを調整していきます。微調整が終わったら「SAVE」をクリック。すると下記のメッセージが表示されます。クリックしてください。すると「Shortcode(ショートコード)」が表示されます。マウスで選択したら右クリックで「コピー」しましょう。次に差し込みたい「作成済みのLPページ」を開いてください。スマートスライダーを差し込む場合はアイキャッチ画像の必要がなくなりますので「アイキャッチ画像を削除」を押しておきます。アイキャッチ画像を使いながらスマートスライダーも使えますのでご安心ください。ライブラリ」に残りますアイキャッチ画像の設定が解除されたら下記画面になります。次にさきほどコピーしたタグを任意の場所に差し込みましょう。作成済みのページが「エディター」がビジュアルモードになっている場合は「テキスト」側に切り替えてください。テキストに切り替えたら、さきほどコピーしたタグを貼り付けてください。プラグイン専用のボタンを使って直接挿入する方法もあります。Slider」のボタンを押します。画面が開いたら画像をクリック。ちなみに選択時に表示されているサムネイルは「GENERAL」内で設定されているので変更も可能です。変更したい場合は該当箇所からサムネイル画像を調整ください。すると下記のようにショートコードがエディターの中に差し込まれます。その後、保存したらページ側を開いてください。編集はトップページからでOKワードプレスの管理画面にログインした状態でページを開くと管理バーが表示されます。Sliderのメニューからも直接編集画面へ移動が可能です。編集は文字を選択して入れ替えるだけです。編集後に保存は忘れず行ないましょう。実際にスマートスライダーを当て込んだページは下記です。https://wp-labo.com/seo-landingpage/最新式の無料プラグインを事前公開WordPressは公式サイトに登録済みのプラグインだけで全機能を補足しきれません。当サイトでは使いやすさを追求した魅惑的なプラグインを無料でダウンロードいただけます。運営ホームページのマーケティング力をさらに高めるチャンスです。無料でDLしてお試しくださいませ。改良されたプラグインを確認するワードプレス専門家に丸投げするWPホームページ研究所はワードプレスを中心としたブログ作成・ホームページ制作・オウンドメディア構築・プラグイン設定・調整など幅広いカスタマイズに対応しております。記事の掲載情報だけでなくお好みの機能をいただければ専属スタッフが心を込めて真摯に対応させていただきます。お気軽にお問い合わせください。成果の出ないウェブサイトを90日間で改善するワードプレス専門アドバイザー。Webプログラミング技術からWordPress情報を発信しつつ「テクノロジーで世界を変える」と誓いデジタルマーケティングに汗を流す。成果の出ないウェブサイトを90日間で改善するワードプレス専門アドバイザーです。“アクセスが少ないウェブサイト”に対して明確な理由と解決策をご提示いたします。あてもなくコンテンツを作るのではなくしっかりと綿密な計画を練りましょう。