意外と簡単! 多言語対応サイトの構造的な仕組み

過去にHAIKで二ヶ国語対応サイトを見本ページとして作成したことがありました。その際、ページ毎に異なるナビゲーションメニューが設定できるHAIKの機能を利用して二ヶ国語対応サイトを作成した記憶がありました。

今回、WordPressで二ヶ国語対応サイトを作成する機会があり、HAIKと同様イメージで簡単にできるだろうと高をくくっていましたが、あるプラグインに出会うまでには、どうやって二ヶ国語対応サイトを作るのか全く分かりませんでした。

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

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

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入した
オンライン・リモート会議形式で開催し、Elementorの操作方法を
レクチャー致します。

以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、
感染症リスクの不安も心配ご無用、安心してWordPressスキルを取得できます。

データ・テーブルとは、表(テーブル)を実装する新機能です。

WordPressのテーブル(表)を実装するツールとして「TablePress」というプラグインが一般的によく知られていますが、Elementorの拡張機能「Essential Addons」の中に「データ・テーブル」というテーブル(表)を実装するツールがあります。

「TablePress」で作成するテーブル(表)とは一味違った表の存在に、このような表を利用することで、WordPressの利用範囲が広がるユーザーには嬉しい機能となることでしょう!!

個人レッスン付き制作代行でWordPressをマスター

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

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

WordPressを難しくしているナビゲーション

筆者が5年前に始めてWordPressに触れた時、挫折しそうになったWordPressの難解事項がナビゲーション・メニューです。WordPressには、グローバルメニューとかヘッダーナビとかメインメニューとかトップメニューとかサイドメニューとかフッターメニューとか様々な名称のメニューがあります。
こんなに沢山の呼び名のメニュー名は、WordPressテーマを作成し公開しているテンプレート制作者が勝手に命名しているからで、WordPressとして統一した標準的な名称がないからです。
このことがWordPress初心者を混乱させ且つ挫折に追い込むことにもなるのだろと筆者は推測しています。 WordPress経験5年の筆者が体験したWordPressの疑問点・問題点を告白したいと思います。
しかし決してWorPressを否定しているわけではなく、むしろWordPressが今なお素晴らしいツールであることを主張し続けるスタンスは変えるつもりはありません。

制作代行は二の次/個人レッスンがファーストです

当方の制作代行は、お客様にWordPressスキルを取得して頂くことを第一と考えています。そのために個人レッスンを開催してELEMENTORスキルをマスターして頂きます。その個人レッスンの教材として、当方が制作代行したWordPressページが使われます。だから制作代行は二の次なのです。

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

Elementor特有の画像編集について

当方のElementorユーザー支援サイトで「ELEMENTORの画像表現」という画像関連のページを掲載しております。Elementorでページに画像を挿入する際、リンク先の設定で3タイプの画像表現があるとの内容でした。

今回は、更に画像編集絡み深掘りする意味で「Elementor特有の画像編集」と言うページを作成してみましたので公開いたします。

画像でなくてElementorの機能だけでキャッチコピーを作る優れ技!

Elementorを長い間使用していて、今の今まで気が付かなかった機能を、つい最近発見しましたので、ご紹介します。その機能とは、キャッチコピーを画像を使用せず、Elementorの見出しウジェット機能のみで作成する事例になります。

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

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

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

藤心9サイトのポートフォリオとは?

左記の3行3列の画像ボックスで表現される画像イメージは、藤心の9サイトに共通する各サイトのポートフォリオそのものです。

9個の公式サイトの一番目(最上段最左端)が「藤心WordPress塾」を意味し、9番目(最下段最右端)が「開発実績一覧」を意味します。

そして9個の画像ボックスの何れかをクリックすると、以前は各サイトのトップページにリンクするイメージだったのですが、今回、そのリンク仕様を変更しました。

即ち、トップページへのリンクから、各ページの「当サイトについて」というサイトの概要を紹介する下層ページへのリンクにリンク先を変更しました。

その方が、サイトの「ポートフォリオ」という意味で単なるトップページへのリンクより、各ページの紹介(下記内容)の方が、より相応しいと思ったからです。

各ページの紹介内容での共通項目

①使用しているWPテーマ
②実装しているノーコードツール
③トップページの仕様イメージ

横幅の狭いテーマを拡張する伸縮セクションとは?

伸縮セクションとは、セクションの横幅を広げる機能です。
最近のWordPress公式テーマ「Twenty Nineteen」や、その前の「Twenty Seventeen」等のテーマの狭い横幅を拡張して表示する機能です。

但し、拡張する範囲は、特定のセクション単位でセクション毎に設定する煩わしい処理が伴います。その辺を承知の上で使用する分には使える機能かと思います。

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

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

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入した
オンライン・リモート会議形式で開催し、Elementorの操作方法を
レクチャー致します。

以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、
感染症リスクの不安も心配ご無用、安心してWordPressスキルを取得できます。

ELEMENTORでのアニメーション効果とは?

ここで言うアニメーション効果とは、ページ表示の際の画面切替でのアニメーション効果を言っています。画面切替の単位は、セクション、カラム、ウジェット毎で、同じようなアニメーション効果が利用できます。今回は、ウジェット単位でのアニメーション効果の事例を紹介します。

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

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

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

Elementorで変形マウスオーバーボタンを作成

Elementorのボタン・ウジェットより、以下のようなマウスオーバー・ボタンを作成する手順を公開します。左側のボタンがElementorの初期リンクボタンです。
その面白味のないボタンを右側のマウスオーバー・ボタンに変形してみました。
下記の右ボタンの上にマウスを持っていってみて下さい。

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

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

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

新藤心流ランディングページは背景固定化画像(コテ画?)

下記の2サイトは、何れも藤心がお薦めしている脱イラスト画像のLPとして公開している見本サイトです。脱イラストとは、イラスト画像を満載した一般的なLPに対して、極力イラスト画像を使用しないで、ランディングページができない物かと思考錯誤を重ねた結果、藤心のLPはこれで決まりというスタイルで、公開して来た見本サイトです。

藤心WordPress塾

テーマ:Twenty Nineteen

藤心SWELL道場

テーマ:SWELL

左の「藤心WordPress塾」は、WordPressテーマとして「Twenty Nineteen」を使用し、狭いコンテンツ幅を伸縮セクションONにして広くして、2段の段組で画像とテキスト文言をブロック形式で表現しています。
また左右の段組が画面上に登場する際に、アニメーション効果で左右からフェードインする段組仕様が特徴となっています。

右の「藤心SWELL道場」は、WordPressテーマとして今人気の「SWELL」を使用し、背景固定化画像による縦の動きを、再現した仕様が特徴と言えます。この背景固定化画像は一部のWordPressユーザーの間では、「コテ画」と呼ばれて汎用的に使われ始めています。

当方のサイトは全て「Xサーバー」に変えました。

筆者のサーバーは、2017年よりXサーバーを使い始めました。それ以後、ロリポップとの併用使用となっていましたが、2020年4月のロリポップとの契約更新をせず、以後は、Xサーバーだけでの運用となったわけです。

ロリポップより分かり易い「Xサーバー」