TOFUラボで2月に出たトピックは115件

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

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

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

『スマホでサイトを見た時にメイン画像の読み込みが遅いです。どうしたら解決できますか？』

モバイルでのインターネット環境はPCと違い場所によっては安定しないこともあります。

そのため、サイトの高速化は必須になります。

今回のようにモバイルでの画像の読み込みが遅い原因は、画像が大きすぎる場合が多いです。
サイトの高速化は画像の圧縮によってかなり進むのでおすすめです。

サイトの高速化についてはこちらに記事がまとまっていますので、是非ご覧ください。

不要なファイルの読み込みの停止など、画像の圧縮以外にサイトの高速化の方法は様々です。また、ほんの少しのコードを書くだけもしくはノーコードで実現できることがほとんどです。

サイト高速化について

『Crocoblockのテーマビルダーで作ったサイトのヘッダー、フッターが表示されません。どうしたら解決できますか？』

こちらは最近TOFUラボでもブームとなりつつあるCrocoblock社よりリリースされている『Jet系プラグイン』についての質問になります。

Crocoblock社のJet系プラグインはElementorとWordPressの標準エディタであるグーテンベルクと相性がよく、インストールすることで複雑なサイトをノーコードで作成することができるようになります。

複雑なサイトやシステムを作れる反面、Jet系プラグインの全てを理解するにはそれなりの時間が必要になります。

TOFUラボ、 NocodeWebでは難解なJet系プラグインの理解とトラブル解決を全面的に支援しています。

ECサイトや会員制サイトなどより複雑なサイトを作成する場合はぜひご検討ください。

JetEngineの使い方完全ガイド

Crocoblock JetEngine etc（Youtubeプレイリスト）

『Elementor Proで特定のCSSを削除することはできるのでしょうか？』

ElementorやDiviなどでWEBサイトを制作しているとどうしても細かいところを調整したい場面が出てきます。エディター内でコントロールできればいいのですが、問題の箇所を変更する項目がエディター内にない場合は、CSSを変更する必要があります。

今回の質問内容は『CSSを削除・・』とあるにもかかわらず、あえて『CSSを変更』と書いたのはCSSを削除するした場合、アップデートなどでサイトが壊れる可能性があるためです。

そのため、TOFUラボでは特定の箇所をコードを書いて修正したい場合は、CSSを上書きして変更することを推奨しています。

CSSの上書きについては、使用するツールや修正したい箇所にどのようなセレクタが使われている火によってコードの書き方が大きく変わってきます。

『Google Chromeのデベロッパーツール』などを使って使われているセレクタを特定し、ツール毎の方法でCSSを追加していく方法が一般的です。CSSの追加については以下の記事・動画で紹介していますので、ぜひ参考にしていただけましたら幸いです。

ElementorでカスタムCSSを追加したのですが、反映されません。原因はなんでしょうか？

DiviでカスタムCSSを追加する４つの方法

『Youtube動画と同時に表示されているタブをクリック・タップすると動画を切り替えられるカスタムプレイリストをサイトに表示させたい。』

Youtubeからの動画の読み込みはサーバーに負担をかけることなくサイトに動画を表示させることができます。また、伝わる情報が画像よりも圧倒的に多いため、より的確に直感的にユーザーに情報を伝えられます。

今回の質問にあるカスタムプレイリストとは下の画像のように動画と同時表示されているタブを押すと表示されるYoutube動画が切り替わるものです。

Elementorでこちらのカスタムプレイリストを実装したい場合、コードが必要になります。
解決方法はTOFUラボにて。皆様のご入会お待ちしております！

コードを書かないWEB制作を目指すコミュニティ『TOFUラボ』

『オススメのメールサーバーとドメインプロバイダーはありますか？』

ドメインとメールこれらはWEBサイトを制作・運営するには不可欠なものです。

日本ではサーバーにドメインとメールサーバーがセットになって契約するパターンが典型的ですが、状況によっては安定性に欠ける場合があります。また、カスタマイズのしやすさにも影響します。

一部では不具合の公表を外部にしなかったり、不具合が起きた時の対応に問題があるサービスも存在しますので信頼性という意味では注意が必要です。

様々なWEB制作者が集まるTOFUラボではこういった情報のやり取りも盛んに行われています。

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

勉強会

『カスタム投稿タイプとカスタムタクソノミー勉強会』

『カスタム投稿タイプ』とはWordPressに標準で用意されている『固定ページ』『投稿』にさらに独自の『投稿』を追加することです。単純なカテゴリー分けの他に、複数人でサイトやブログを管理する際に活用できます。

『カスタムタクソノミー』とは、カスタム分類とも呼ばれる機能です。これは、カスタム投稿タイプにとってのカテゴリーやタグにあたります。最初の設定さえしてしまえば、カテゴリーやタグとほぼ同じように扱えます。

今回の勉強会では、WordPressの特徴とも言えるこの二つの要素について初心者向けに概念や使い方をサロン主催者の鈴木ナオミが開設しました。

イベント

第一回Jet会議(Crocoblockを語る会)

TOFUラボ内で流行中のCrocoblock社がリリースするJet系プラグインの使用者もしくは興味のある方々による座談会が開催されました。

Crocoblock社のJet系プラグインについてはブログやYoutubeなどでも解説していますので、興味のある方はぜひご覧ください。

JetEngineの使い方完全ガイド

Crocoblock JetEngine etc（Youtubeプレイリスト）

Youtube Live

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

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

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

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

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

サイトを本番環境に移行する方法 – 複数のパターン65

2022/2/2放送

サイトを本番環境に移行する方法 – 複数のパターン

実際にElementor 3.6にアップデートしてサイトが壊れるか試してみる！66

2022/2/9放送

実際にElementor 3.6にアップデートしてサイトが壊れるか試してみる！

多分あなたが知らないウェブ制作を手助けするツール３選67

2022/2/16放送

多分あなたが知らないウェブ制作を手助けするツール３選

あなたが知らないElementorの機能そしてDiviの逆襲68

2022/2/23放送

あなたが知らないElementorの機能そしてDiviの逆襲

『ヨガ講師育成スクール』

https://livewell-institute.com

サイトカテゴリー：スクール・サービス
制作ツール：Elememtor Pro
使用テーマ：Astra

ヨガ講師育成スクールのサイトです。

ブログ用のテンプレートを活用してオウンドメディアを展開しています。
ファーストビューからデザインも洗礼されており、とても見やすいサイトです。