
逆引きインデックス
昔、藤心HAIKクラブのサイトで「逆引きインデックス」というページがありました。HAIK編集のコンテンツを、ナビゲーション・メニューとは別の「HAIKで何が出来るか?」を主目的に目次ページを表現したページでした。
HAIKと同様、WordPressの「Elementorで何ができるか?」を主テーマに、目次として「逆引きインデックス」を作成してみました。下記のインデックス・テーブルは、各列で並び替え可能なテーブル内容となっています。
- メニュー№ 一次ナビゲーション・メニューの相対的位置を現す3桁の番号
- カテゴリ Section/Column/Widget/Otherのカテゴリで分類したら・・・
- キーワード メニュー内容から抽出して作成した検索キーワード
- メニュー見出し 一次ナビゲーション・メニューのメニュー項目
- メニュー内容(副題) メニュー内容(詳細)
- Click Clickボタンを押して詳細画面にジャンプします
メニュー№ | カテゴリ | キーワード | メニュー見出し | メニュー内容(副題) | Click |
---|---|---|---|---|---|
101 | Other | 編集ボタン | Elementor初期起動 | 全ては「Elementorで編集」ボタン押下で始まる | click |
102 | Other | デモページ | Elementor(デモ) | ELEMENTOR実装で「何が出来るか?」 | click |
103 | Other | 編集領域 | Elementorの編集領域 | 「WordPressでの編集」と「Elementorでの編集」で 対象領域が違うと言うことがあります | click |
104 | Other | ブラウザ | Elementorとブラウザ の相性 | ELEMENTORとブラウザの相性みたいなものが存在します | click |
201 | Section | セクションとは | セクション操作とは? | ELEMENTORのページ編集はセクション設定から始まる | click |
202 | Section | セクションの背景 | セクションの背景 | セクションの背景を設定する | click |
203 | Section | 背景固定化 | 背景固定化とは? | セクションの背景に画像を入れて、尚かつ、 その画像を固定化する | click |
204 | Section | 背景固定化 | 背景固定化の種明かし | 背景固定化を実際に行った事例の種明かしをしてみました | click |
205 | Section | テンプレート化 | セクションの テンプレート化 | セクションをテンプレート化して保存すれば、 保存したセクションを別の個所で再利用できるのです | click |
206 | Section | 背景固定化 | 背景固定化事例1 | セクションの背景を固体化した事例です | click |
207 | Section | 背景固定化 | 背景固定化事例2 | 背景固定化してLP見本とした事例です | click |
208 | Section | 背景固定化 | 背景固定化事例3 | 背景固定化ページを作成する仕組みを種明かししてみました | click |
301 | Column | ページ領域 | カスタムページ領域 | 要素(ウジェット)をカスタムページ領域に 貼り付けることが、基本的な操作になります | click |
302 | Column | 段組ネスト | 段組ネストの事例 | 「ELEMENTOR」は、段組ありきのプラグインで、 段組ファーストのページ編集ツールです。 | click |
303 | Section | 部品登録 | 部品登録と再利用 | セクション単位に作成した部品(パーツ)を テンプレート登録し、再利用する | click |
304 | Column | 背景画像 | カラム(段組み)と背景画像 | 段組みを設定して、そこに背景画像を挿入して画像編集 してみました | click |
401 | Widget | マウスホバー | マウスホバーとは? | 「マウスホバー」とは「マウスオーバー」のことと 同意語であることも分かりました | click |
402 | Widget | マウスオーバー | ホバー・アニメーション | ホバー・アニメーションとは、HPにアップロードされた 画像にマウスを持っていくと画像が動く仕掛け | click |
403 | Widget | アニメーション | アニメーション効果 | アニメーション効果とは、ページ表示の際の画面切替での アニメーション効果を言っています | click |
404 | Widget | アニメーション | Gifアニメーション | セピア色から元のカラー写真へ変化するGifアニメーションです | click |
405 | Widget | アイコンボックス | アイコンボックス | Elementorのウジェットの一つ「アイコンボックス」を カスタマイズしてみました | click |
406 | Widget | リンクボタン | マウスオーバー ・ボタンを作成 | 面白味のないボタンをマウスオーバー・ボタンに 変形してみました | click |
501 | Widget | 画像表現 | ELEMENTORの画像表現 | ELEMENTOR だと画像挿入時のリンク先の設定で、 全て望みの画像表現が実現できました | click |
502 | Widget | 画像アップロード | 画像のアップロード | ページを新規に作成して、そのページに画像を貼る Elementorの基本的な操作をしてみました | click |
503 | Widget | 画像サイズ | 画像サイズあれこれ | 様々ある画像サイズの指定で、 画面上で実際にどう見えるのか検証してみました | click |
504 | Widget | スライドショー | 画像カルーセル | 画像カルーセルでスライドショーを実装する事例となります | click |
505 | Widget | トリミング | 円形トリミング | 画像を円形にトリミングするには、 CSSとHTMLで直接画面に貼り付ける方法があります | click |
506 | Widget | オンマウス | オンマウス画像表示例 | CSSカスタマイズでオンマウス画像作成の事例です | click |
507 | Widget | オンマウス | オンマウス画像設定編 | 画像にオンマウスした時に、 画像が拡大したりするちょっとした画像変形です | click |