TOFUラボで1月に出たトピックは103件

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

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

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

『モバイルでサイトを表示した際に画面が左右にスクロールできるようになってしまっているんですが、どうしたら解決できますか？』

WEBサイトをGoogleアナリティクスなどで監視している方はわかるかと思いますが、端末別でのサイトの閲覧率を見たときに、スマートフォンの利用率が60%~70%場合によってはそれ以上の数値になっているかと思います。

つまりほとんどの人がスマートフォンからインターネットを閲覧しているというのが現在のWEB業界の現状です。

そんな現状を踏まえるとモバイル表示の視認性はとても重要です。

今回のモバイルの際に画面が横スクロールできてしまう問題は表示されているコンテンツが端末画面の横幅を超えてしまっている場合に発生する問題です。

本来この問題を解決する際はcssの追加が必要になりますが、DiviやElementorなどのノーコードツールでは数クリックで解決することができます。

『グローバルメニューの下に小さく英語を追加したいのですが、どうしたら追加できますか？』

グローバルメニューはサイト全体にどのようなページがあるのかユーザーに一目で伝えることができるため、できるだけ見栄え良く作りたいですよね。

WordPressでグローバルメニューを設定する際は『外観』という項目から設定できるのですが、実はこの『外観』から二行目の文字を追加することができます。

ほんの少しコードは必要になりますが、かなり簡単に追加することができます。

気になる場合は是非調べてみてください。

『予約公開終了プラグインの代替えを探しています。何かいいものを知っている方はいらっしゃいますか？』

WordPressには様々なプラグインが存在しており、たくさんの選択肢がありますが、プラグインの完成度や機能性も様々でどのプラグインを選ぶのが正解なのかはなかなか判断しづらいですよね。

ある程度自信でリサーチした上で最適な回答を得られない場合はTOFUラボで質問してみるのがおすすめです。

WordPress・ノーコードツールを活用してWEB制作をしているメンバーが200人以上在籍しているTOFUラボでは、こういう質問の場合は『自分は同じような状況の時は○○というプラグインを使っています。』というように情報をシェアしてくれるため、今まで知らなかった最適なプラグインに出会えるかもしれません。

『画像をクリック・タップすると電話をかけれるようにしたいのですがどうしたらいいですか？』

先ほども触れましたが今はほとんどの方がスマートフォンからインターネットを閲覧します。

そんな現状から画像をクリック・タップすると電話がかけれるようになれば便利ですよね。

電話をかけれるようにするには『tel:000000』とリンクすることで設定することができます。

HTMLで実装する場合は

<a href=”tel:000000″>文字もしくは画像</a>

で設定することができます。

とても簡単に設定することができますので、ぜひ試してみてください。

『Adobeフォントがサイトに反映されません。どうしたら解決できますか？』

フォントはサイトの見た目に大きな影響を与えますので、WEBサイト制作の上でとても重要な要素の一つです。

サーバーに直接フォントをアップロードして読み込むやり方もありますが、他のサービスからフォントを読み込むWEBフォントを使用するのが今の主流になります。

そんなWEBフォントの中でもAdobeフォントは質・量ともに一番使えるのではないでしょうか。
今回はAdobeフォントを設定する際のエラーに関しての質問です。

Adobeフォントのようにたくさんの方が使っているサービスであれば、同じようなエラーが起きた方も多く、解決もしやすいです。

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

勉強会

『Adobe XDの使い方とノーコード構築でXDを使う利点』

みなさんはWEBサイトをデザインする際にどのツールを使っていますでしょうか？

特にノーコードでWEBサイトを制作している場合、ツールでデザインせずにそのまま構築を始めてしまうという方もいらっしゃるのではないでしょうか？

もちろんいきなりの構築もやり方の一つであり、決して間違っているわけではありません。

ですが、デザインに課題を抱えている場合はツールを使ってデザインをした方が案件自体もスムーズに進みなおかつ自身のデザイン力の向上にもつながります。

今回はそんなWEBデザインツールの一つであるAdobe XDの解説をデザイナーとして活躍されているサロンメンバーの方にしていただきました。

Adobe XDの使い方からデザインの仕方・考え方まで幅広く解説していただき、とても内容の濃い勉強会となりました。WEBデザイナーとしてデザインに課題を抱えていたり、最適なツールを探している方には必見の内容です。

コンテスト

第３回マジワン！

『マジワン！』とは年に1回TOFUラボによって主催される

WordPressでコードを書かずに本気（マジ）の1（ワン）ページを作るコンテスト

です。エントリーされるサイトは毎年とてもクオリティが高くノーコードでここまでできるのかという指標にもなります。

特に今回のエントリー作品はどれも圧巻の完成度で必見です！

今回の『マジワン！』では下記の入賞者に景品が贈呈されました。

第1位『CROCO BLOCK PLUGIN 1年分』

第2位『山形のお米食べ比べセット』- 提供:「山形米の専門店 尾形米穀店」様

第3回マジワン！のエントリー作品・入賞作品はこちらに公式ページから見ることができますので、ぜひご覧ください。
第3回マジワン！公式ページ

Youtube Live

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

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

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

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

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

グーテンベルグは拡張プラグインを使えばElementorに匹敵するのか？ – TOFUラボニュース61

1/5配信

コード書かないウェブサイト制作コンテストの作品を見る！第3回マジワン！ – TOFUラボニュース62

1/12配信

『第3回マジワン！』のエントリー作品を紹介しています。

結果発表！コード書かないウェブサイト制作コンテスト！第3回マジワン！ – TOFUラボニュース63

1/19配信

『第3回マジワン！』の入賞作品を紹介しています。

WordPress 5.9で全てが変わる！！フルサイト編集？カスタマイズがなくなる？TOFUラボニュース64

1/26配信