9 toiee Lab 9 1. WPForms 2. WP Mail SMTP by WPForms SMTP 3. Shortcodes Ultimate 4. Redirection URL URL 5. Nested Pages 6. SHK Hide Title 7. Display Posts Shortcode ( ) 8. WP External Links 9. Jetpack by WordPress.com 1 / 38
WPForms WPForms (1) WPForms (2) WPForms > Add New (3) Simple Contact Form 2 / 38
(4) Required Advanced Options Hide Sub-Labels First Last 3 / 38
(5) Enable Email Confirmation 2 (6) 4 / 38
(7) 5 / 38
(8) Settings (9) General 3 Form Name Submit Button Text Submit Button Processing Text 6 / 38
(10) Notifications 3 Send To Email Address {admin_email} WordPress ( {admin_email},test@toiee.jp) Email Subject: From Name: {field_id="0"} From Email {field_id="1"} Reply-To {field_id="1"} Message {all_fields} 7 / 38
(11) Confirmation Confirmation Confirmation Type (12) Save X 8 / 38
(13) 9 / 38
WP Mail SMTP by WPForms SMTP WP Mail SMTP by WPForms WordPress SMTP 100 1,000 300 SMTP : Send Mail Transfer Protocol) 1. 2. MX (1) WP Mail SMTP by WPForms (2) => 10 / 38
(3) From Email From Name Return Path gmail yahoo WordPress SMTP Set the return-path to match the From Email (4) SMTP SMTP Host smtp.gmail.com ( 1 ) SMTP Port 465 Encryption Authentication SSL : SMTP 11 / 38
Username Gmail 1 gmail smtp.gmail.com (5) true false Yahoo X https://help.toiee.jp/article/83-wp-smtp-setting 12 / 38
Shortcodes Ultimate Shortcodes Ultimate 1. Shortcodes Ultimate (1) Shortcodes Ultimate 2. Shortcodes Ultimate (1) 13 / 38
(2) (3) (4) 14 / 38
(5) ライブプレビュー の結果を確認する (6) おまじない が挿入されたことを確認して 更新 をクリック (7) 実際にサイトに表示されているところを確認する 3. 各おまじないの使い方 おまじない ショートコード を使っていると 使い方が分からないことがあると思います その場合は ショートコード > Available shortcodes と移動して 各 おまじない ショートコー ド の使い方を確認してください 例:Columns 段組 の使い方を調べてみる 15 / 38
(1) (2) (3) size="3/1" 16 / 38
(4) (5) (6) (7) 1/3 3 17 / 38
(8) 18 / 38
Redirection URL URL Redirection Redirection (1) Redirection (1) > Redirection (2) Source URL URL 19 / 38
(3) Target URL に転送先のURLを入力します (4) Add Redirect をクリックします (5) リダイレクトが追加されています 20 / 38
(6) 転送元のURLにアクセスすると 転送先のページへリダイレクトされている 細かい設定方法 (1) 歯車マークをクリックする (2) 詳細な設定ができるようになります 21 / 38
(3) Edit (Delete) (Disable) 22 / 38
Nested Pages Nested Pages (1) Nested Pages (2) 23 / 38
(3) Default (1) (2) & URL 24 / 38
(1) (1) Clone 25 / 38
(2) Clone 1 (3) 26 / 38
SHK Hide Title サイトに表示される ページタイトル を見えないようする SHK Hide Title について解説しま す SHK Hide Title をインストール (1) SHK Hide Title を検索して インストールし 有効化する ページタイトルの消し方 (0) タイトルを消す前は フロントページ というタイトルが表示されています (1) 消したいページの編集画面に移動し Hide Page Titles という項目にチェック 27 / 38
を入れ 更新 をクリック (2) フロントページ というタイトルが消えている 28 / 38
Display Posts Shortcode ( ) Display Posts Shortcode Display Posts Shortcode (1) Display Posts Shortcode (1) (2) [display-posts posts_per_page="5"] 29 / 38
posts_per_page="5" の数字を入れ替えると 表示される投稿の数を変更できる アイキャッチ画像付きで表示させたい場合は [display-posts image_size="thumbnail" posts_per_page="5" meta_key="_thumbnail_id"] などと入力すると画像付きで表示される (3) 最新の投稿5件が表示されている 使えるパラメーター 以下のペラメーターを使用することができます posts_per_page 表示させる件数を指定できる 例 posts_per_page="5" 投稿を5件表示させる 最大値 100件 post_type 投稿タイプ 例 post_type="diary" 投稿タイプ Diary include_date 日時を表示させる 例 include_date="true" date_format="f j, Y" ) image_size 画像を表示させる( 例 image_size="thumbnail" ) category カテゴリー別に表示させる 例 category="diary" : diary というカテゴリーの投稿を表示) meta_key カテゴリーフィールドの指定 例 meta_key="color" カスタムフィールド color meta_value カスタムフィールドの値 例 meta_value= blue 値 blue 30 / 38
WP External Links WP External Links WP External Links (1) WP External Links (1) External Links (2) External Links 31 / 38
(3) Open external links each in a separate new window or tab (4) nofollow nofollow a nofollow nofollow SEO nofollow 32 / 38
(1) Set follow or nofollow nofollow (2) 33 / 38
Jetpack by WordPress.com Jetpack by WordPress.com Jetpack by WordPress.com (1) Jetpack by WordPress.com (1) Jetpack (2) 34 / 38
Jetpack (3) Sign Up and Connect Jetpack (4) Approve (5) Start with free 35 / 38
(6) (1) Show Me WordPress.com WordPress.com (2) 36 / 38
(3) Account Settings (4) English (5) Select Language 37 / 38
(6) Save Account Settings (1) Jetpack (2) Jetpack > Sharing SNS Traffic Jetpack 38 / 38