TOFUラボで11月に出たトピックは64件

TOFUラボで11月に出たトピックは64件でした。

どのトピックも議論が白熱していて見てるだけでも面白いです！！

そんな今月の魅力的な話題のトピックの中から技術的な質問をいくつか紹介いたします。

『Elementor で表組みデザインができる方法を探しています。何か良い方法はありますでしょうか？』

表組みとはエクセルのようなセル・列・行の概念でデータや情報を整理するテキストの表示方法です。ウェブサイトにおいても割と使う方法で、英語では『DataTable』とも言います。

今回の質問はウェブサイトをノーコードで作成するプラグイン『Elementor』上で表を作成する方法はありますか？という内容です。

本来ウェブ上で表を表示させるためにはHTMLで<table>,<tr>,<th>,<td>などのタグを使い表を作成して、それぞれのタグにクラスを設定して、cssで見た目を装飾して、レスポンシブ対応させて・・・・というプロセスが必要になります。

ノーコードで作成することによって、そういったプロセスを省略して素早くデザインができます。

『Diviを使ってamazonのサイトにあるようなマウスオーバーすると画像が拡大表示されるような方法はありますでしょうか？』

マウスオーバーとは画像などにマウスカーソルを合わせることを言います。

確かにAmazonのサイトでは商品画像をマウスオーバーした時に、画像が拡大表示されて、商品を細部まで見れますよね。

昨今はECサイトの需要が高い傾向にありますので、知っていて損はない表現方法だと思います。

Diviに限らずノーコードツールを使えば、こんなこともノーコードもしくは最小限のコーディングで実装することができます。

『MemberPressで、記事の単品購入と定期購読を両立させることはできますか？』

『MemberPress』とは有料制会員サイトを作成することができるプラグインです。会員登録からログイン、決済まで有料制会員サイトを作成するのに必要な機能が全て揃っていて、非常に高機能です。

今回の質問はMemberPressを使用して

『記事の単品販売』

『記事の定期購読（サブスクリプション）』

を同時に実装することはできるのか？

という内容です。有料制会員サイトをコーディングで制作しようとするとかなりの時間と人員とコストがかかりますよね。

そんな高機能なサイトもノーコードで作成することができるなんて驚きですね。

『TOFUラボ』ではこのようにDiviやElemenntor以外にも様々なノーコードツールの話題が飛び交っています。

『MemberPress』について触れている動画がありますので、ぜひこちらもご覧ください。

『Diviを使ってローカルで制作したサイトを本番のサーバーに移行しようとしたところ、不具合が発生しました。どうしたら解決できますか？』

ウェブサイト制作者にとって『ローカルから本番サーバーへのサイトの移行』や『他サーバーへのサイトの移行』は最も緊張する瞬間です。

時間をかけて作り上げたサイトが、サーバー移行で正しく表示されなくなると『どうしたらいいんだろう・・』と焦ってしまいますよね。期限のあるクライアントワークだと尚更です。

WordPressのドメイン変更やSSL化でサイトに不具合が起きてしまった時の対処法を動画にて解説しています。
同じような不具合で悩んでいる場合は、ぜひご覧ください。

TOFUラボはウェブサイト制作時に『どうしたらいいんだろう・・』という悩みを持つ皆さんの力になります。

安心してください！貴方はもう1人で悩まなくていいんです！

『フォロワー１万人以下でもインスタにURL貼れるようになりました。』

こちらはSNSに関する情報共有です。

最近のインスタグラムのアップデートでフォロワー数の制限なく、ストーリーズにURLを貼り付けることができるようになりました。

SNSはウェブサイトの集客にとても役立つツールです。

このようにTOFUラボ内では、集客に役立つ最新情報も積極的に共有されています。

TOFUラボで11月にあった主なイベント

勉強会

『コンテンツSEOの基本概念-トピッククラスターの構造』

SEO（Search Engine Optimization-検索エンジン最適化）のトレンドはGoogleの日々のアップデートにより日々変化していきます。

今回の勉強会ではそんなSEOの考え方の中でも、理解しておかないと後から困ってしまう基本的な概念『トピッククラスターの構造』をコンテンツSEOで大きな成果を実現しているメンバーに解説していただきました。

『トピッククラスター構造』は現在のコンテンツSEOではもっとも主流となっている形で、マーケティング会社の『HubSpot』が提唱したと言われているサイト構造の一種です。

今までのSEOは需要のあるキーワードをもとに記事を作成していきツリー構造などに作っていくサイト構造が主流でしたが、記事型メディアサイトなどはここ3～4年の間にトピッククラスターモデルのサイト構造で制作することが主流となってきています。

今回の勉強会では

• トピッククラスター構造ってなんだろう？
• トピッククラスター構造でサイトを作るとどうなるの？
• トピッククラスターをどのように作るか分からない

このような悩みをもっている方にピッタリの勉強会となりました。

一般的なスクールでは決して教えてくれないディープな内容が盛りだくさんの勉強会で、ウェブ媒体における集客について学びたい方は必見です！

Youtube Live

「こんにちは！ナオミです。」

TOFUラボでは主催者鈴木ナオミが毎週水曜日にYoutube Liveを配信しています。

その週の最新情報やサロン内であったこと、サロンメンバーのゲスト出演、サロンメンバーの制作物の紹介など様々な情報を発信しています。

TOFUラボが気になるけど、どんな雰囲気なんだろう・・・

気になっている方は、まずはYoutube Liveからご覧ください。

デザイナーさんが作ったElementorのサイトがどう作られてるのか本人が説明！- TOFUラボニュース52

11/3配信

Elementor Pro 3.5でWooCommerceのカートやチェックアウトページを編集！- TOFUラボニュース53

11/10配信

Elementor3.5と3.6で何が変わる？Containerウィジェットが常識を変える- TOFUラボニュース54

11/17配信

ブラックフライデー特集！逃しちゃいけないプラグインはこれだ！ – TOFUラボニュース55

11/24配信

サロンメンバーが制作したサイト

『比佐デンタルクリニック』

https://hisa-dental.com/

サイトカテゴリー：歯医者（医療）
制作ツール：Elememtor
使用テーマ：Hello Elementor

こちらのサイトを制作されたメンバーの方はElementorでのサイト制作は2例目になるそうです。

第一にロゴを使ったローディング画面が印象的です。

ファーストビューのアニメーションが特徴的で、写真とイラストの対比がとてもマッチしています。また、メガメニューも採用しており、メニューの視認性がとても良いです。

とても丁寧に作られているサイトです。