WordPress塾の講座メニューをグリッド・メニューに変更！

by

藤心WordPress塾サイトの中のWordPress講座関連のテーブル形式のサブメニューを見直し、筆者がいつも好んで使用しているグリッド・メニュー形式に変更してみました。

その意図は、メニュー項目の増減に際して、拡張性に欠けていた従来のサブメニュー形式を改め、より分かりやすくてメンテナンスし易いメニューにしたかっただけです。

自分で更新できるWordPressサイトを作って
みませんか?

WordPressのスキルを取得するのなら「ELEMENTOR」の存在は外せません。
ELEMENTORが分かればWordPressのハードルを下げることが可能です。
「もっと手軽に、もっと易しく」を前提に、プラグイン「ELEMENTOR」による
ページ編集に特化した「オンライン個人レッスン付きWordPress塾」が
お薦めする講座となります。

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入した
オンライン・リモート会議形式で開催し、Elementorの操作方法を
レクチャー致します。
以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、
感染症リスクの不安も心配ご無用、安心してWordPressスキルを取得できます。

藤心オンラインWordPress塾

Elementor ページ VS Gutenberg ページ ！比較してみました。

by

藤心の公式サイトは９サイトありますが、その内の３サイトはSWELLと言う有料テーマが実装されたブロック・エディタでページ編集されておます。所謂、SWELLサイトは、通常はElementorでページ編集していません。

SWELLサイト３以外の全てはElementorが実装された６サイトあります。その内３サイトは、サイト内の一部のページにGutenbergでページ編集したページが存在します。そして、そのページ内容は、Elementorで作成したトップページと同じ内容になっています。

詳細はコチラです。

Elementor やGutenbergは、WordPressのノーコード・ツールと言えます。

by

今現在、Webの世界でノーコード・ツールが話題となっています。

例えば、日本産の STUDIO 等の話題がYouTubeのコンテンツとして、毎日、ネットを騒がしています。筆者も遅ればせながら、ノーコード・ツールの内容や機能を知る必要にかられてネット検索して来ました。

そして調べてみた感じでは、WordPress環境下でも、既にノーコード・ツールが存在することが分かりました。それは、Elementorであり、或いはブロック・エディターのGutenbergも一種のノーコード・ツールなのです。

本日は、そのWordPress下でのノーコード・ツール Elementor や Gutenberg と STUDIO 等の本来のノーコード・ツールとの違いについて言及してみます。

そのSTUDIOは、WordPressのような全て無料というわけには行きません。使用にあたって会員登録後に、980円～4980円の月額使用料が掛かります。それが Elementor だと全て無料です。

・無料の WordPress を実装した上に、
・無料のノーコード・ツールを実装し、
・無料のWordPressテーマを実装する。

詳細はコチラです。

ELEMENTORのアコーディオンでよくある質問ページを実装

by

WordPressのELEMENTORのアコーディオンで、いわゆる「よくある質問」のFAQを一覧表でまとめたページを紹介します。このようなFAQを作成するのに最適な機能がアコーディオン実装になります。

詳細はコチラです。

自分で更新できるWordPressサイトを作って
みませんか?

WordPressのスキルを取得するのなら「ELEMENTOR」の存在は外せません。
ELEMENTORが分かればWordPressのハードルを下げることが可能です。
「もっと手軽に、もっと易しく」を前提に、プラグイン「ELEMENTOR」による
ページ編集に特化した「オンライン個人レッスン付きWordPress塾」が
お薦めする講座となります。

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入した
オンライン・リモート会議形式で開催し、Elementorの操作方法を
レクチャー致します。
以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、
感染症リスクの不安も心配ご無用、安心してWordPressスキルを取得できます。

藤心オンラインWordPress塾

俺流WordPress攻略法の理論編と実践編！！

by
俺流 WordPress 攻略法
実践WordPress講座
（俺流WP攻略法・実践編）

WordPressサイトの構築方法には、いろいろな方法があると思いますが、筆者なりの一番簡単な方法を「俺流WordPress攻略法」として纏めてみました（上記の左）。
その概略としては、WordPressのインストールから始まってナビゲーションメニュー（グローバルメニューとも呼ばれる）やサイドバー、フッター等のサイト全体の構成が分かるイメージ作りがメインとなります。

その「俺流WordPress攻略法」の具体的な操作手順を、画面イメージ付きで解説した記事が上記の右になります。即ち「俺流WordPress攻略法」が理論編としたら、記事「実践WordPress講座」（上記の右）は、所謂、「俺流WordPress攻略法」の実践編となります。

その「理論編」と「実践編」の２つの記事が、表裏一体となって筆者の制作代行手法・方法を、暴露したノウハウ記事になります。即ち、Elementorでページ編集する制作代行の前段階の処理を明らかにした記事になります。

自分で更新できるWordPressサイトを作って
みませんか?

WordPressのスキルを取得するのなら「ELEMENTOR」の存在は外せません。
ELEMENTORが分かればWordPressのハードルを下げることが可能です。
「もっと手軽に、もっと易しく」を前提に、プラグイン「ELEMENTOR」による
ページ編集に特化した「オンライン個人レッスン付きWordPress塾」が
お薦めする講座となります。

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入した
オンライン・リモート会議形式で開催し、Elementorの操作方法を
レクチャー致します。
以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、
感染症リスクの不安も心配ご無用、安心してWordPressスキルを取得できます。

藤心オンラインWordPress塾

２種類のアイコンで作る新ポートフォリオです。

by

藤心のWebアイコンには、大きく分けて２種類のアイコンが存在します。
一つ目は、Webページより自動的にアイコンを作成してくれる「SnapCrab」という画像ソフトで作成できるアイコンです。
もう一つは、「SnapCrab」よりはちょっと難しくなりますが、「簡単バナー」と言う画像ツールで作成するアイコンです。

「SnapCrab」で作るアイコンは、Webページさえできていれば、そのページより自動的に画像アイコンを作成してくれますが、「簡単バナー」ではアイコンの背景色やアイコン上のテキスト文字や文字の位置や文字サイズ等など、全てがユーザーの責任で作成する必要があります。

「簡単バナー」は「SnapCrab」のような自動的にアイコンを作成できない分、「SnapCrab」よりは難しくなります。その分、画像作成の自由度は「SnapCrab」以上にあります。

詳細はコチラです。

WPテーマ「Sydney」で作るWP-LP見本を紹介します。

by

Elementorに存在するフィルタ・ギャラリーと言う素晴らしい機能を紹介します。
下記のボタンの何れかをクリックしても、そのフィルタ・ギャラリーが実装されたページに辿り着くことになります。

Elementorユーザー支援サイトでのフィルター・ギャラリー
e工房フジサキの制作代行サイトでのフィルター・ギャラリー
藤心の制作実績紹介サイトでのフィルター・ギャラリー

そのフィルタ・ギャラリー・ページが見つかりましたら、ページの最下段にある「以下の一覧表が、実際のフィルタ・ギャラリーです。」のすぐ下にあるフィルター「SYDNEYテーマ」をクリックすると、WPテーマ「SYDNEY」で作った見本ページが３サイト見つかる筈です。この一連操作は、前記のフィルタ・ギャラリー・ボタンに共通する操作です。

このフィルタ・ギャラリーのフィルター「SYDNEY」は、WordPressのテーマ「Sydney」を意味しています。要するに筆者が過去ｎ年の間、制作した数多くのWordPressサイトを、WPテーマをキーワードとしてギャラリーを検索する画像ギャラリーとなっています。

藤心のランディングページ（By Sydney）とは？

by
Sydney/Plumber
Sydney/Shop
Sydney/Photografy

上記の３サイトは、全てWordPressテーマのSydneyで作成した見本ページです。Sydneyには、テーマをインストールした後、初心者用にスターターサイトと言うデモページが沢山用意されています。但し、デモページの殆どが有料版ですが、今回、無料で使える上記の３例を紹介します。

デモサイトの共通するイメージはランディングページ（LP）となっています。LPというと一般的にイラストレーター等で作成したイラスト満載の縦長ページをイメージされますが、筆者の考えるLPは脱イラストのLPを志向しており、今回の見本例が正に脱イラストLPと言えます。

有料・無料に拘わらず、デモページは全て英語版となっていますので、今回の公開では、日本語化にも試みてみました。

将来性、拡張性、10年先にも存在するWordPress

藤心のWordPress塾は、個人レッスン付き制作代行プログラムです。QHM/HAIKは、旧メーカー（北研）が見捨てた絶滅危惧種の古いシステムです。QHM/HAIK⇒WordPressへの移行をご検討中のユーザー様、是非、この機会に当方がお薦めする移行プログラムに便乗してみては如何でしょうか？

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入したオンライン・リモート会議形式で開催し、Elementorの操作方法をレクチャー致します。以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、感染症リスクの不安も心配無用、安心してWordPressスキルを取得できます。

藤心オンラインWordPress塾

カラム編集で画像を垂直方向に整列

by

左のサイトは、WordPressテーマ：Astraの初心者用に作られたスターターテンプレート「Online Health Coach」で作成された見本ページです。

そのトップページの最下段の見出し「Happy Faces of Happy Students」にある以降の画像に目が釘ずけになりました。４段の段組での画像表現は、どのように作成したのか？

詳細はコチラです。

Elementor操作を教えることに特化した塾です。

e工房フジサキは、WordPressのプラグイン「Elementor」を個人レッスンを通じてレクチャーして行くこと。即ち、「Elementor」の普及活動を、最大で且つ最終目標とした活動を続けて行けたら幸いと考えております。

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入したオンライン・リモート会議形式で開催し、Elementorの操作方法をレクチャー致します。以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、感染症リスクの不安も心配無用、安心してWordPressスキルを取得できます。

藤心オンラインWordPress塾

フリップ・ボックスとは？

by

フリップ・ボックスとは、オンマウスすると画像が反転したり、拡大したりするElementorのEssential Addonsの拡張機能です。 画像にオンマウスしてみれば、すぐ分かります。その画像反転も左右で反転するケース、上下で反転するケースといろいる有るみたいです。 機能は分かりましたけど、何に使えるのかイマイチよく分かりません。ただそれだけと言った感じですね。

詳細はコチラです。

WordPressの導入をサポートする藤心WordPress塾

藤心WordPress塾は、新しいプラグイン ELEMENTOR によるページ編集を全面的に導入し、WordPress 初心者にも易しく丁寧に WordPress の楽しさと素晴らしさを、レクチャーすることをモットーとして活動しております。

藤心オンラインWordPress塾