BUNNY ROBBER GRPC BLOG

Jimdoの公式サイト「 ジンドゥーハウツー 」で、2020年7月に行われた「クリエイターカスタマイズ講座」の動画と資料が公開されました。 その中の［ 標準レイアウトカスタマイズ編 ］に、ヘッダーに要素（この場合は電話番号）を追加する方法があります。動画で47：30秒からです。 YoutubeのJimdo公式チャンネルに動画がアップロードされました。 ヘッダーエリアに電話番号を配置するのが今の流れ 今のホームページの流れとして、お問い合わせの電話番号やメール送信ボタンなどをヘッダーエリアに設置するのが一般的です。とくに病院や歯医者など、問い合わせと予約が必要な業種のサイトにはほぼ入っています。 自分でタグ打ちして作ったサイトなら要素を追加するもの簡単です。しかしJimdoのテンプレートの機能ではヘッダーエリアに要素を入れることは出来ないので、実現するにはちょっとしたテクニックが必要になってきます。 jqueryで要素を追加 動画では解決策として、jqueryを使用しています。フッターに追加したい要素を配置し、.insertBefore()でヘッダーエリア内、メインメニューを囲むクラスの前に要素を移動させます。 このままではスマホ画面でも電話番号が表示されるので、メディアクエリでスマホの画面ではdisplay:noneにするのも忘れないで下さい。 この作業を行う前提として、HTML/CSSの初歩的知識（idとclassを扱うため）とGoogle Chromeの検証メニューの使い方を知らなければなりません。それが分かっていれば動画内で説明されるjqueryもなんとなく理解できるはずです。 HTMLもCSSも分からないな〜と言う方は、動画を始めから見て下さい。動画では分かりやすく説明されているので、一度では理解できなくても、何度か見れば理解できるようになります。 ヘッダーエリアに電話番号とボタンがあるだけでサイトの見栄えが変わってきます。 更に、この方法をを応用すればヒーローイメージの上にあるタイトルやロゴの下にボタンを配置することも可能になります。 これまでやりたくても出来なかったと言う方は、動画を見て是非チャレンジして下さい。

Jimdoでオススメの1カラムテンプレートはこの5つ 今回はJImdoのテンプレートについてです。 Web初心者でも簡単にサイトを作れるのがJImdoの良いところですが、サイトを作る手順として初めにテンプレートを選ばなくてはいけません。 ですが、初めてWebサイトを作ろうとしている人に対していきなり多くのテンプレートから一つを選べと言われても、なかなかに厳しいものがあります。 JImdoのテンプレートは種類が多い上にプリセットで構成が若干変わるので、実際に触ってみないと細かいところまでは分かりません。 また、いつでもテンプレートを変更できるからといっても、変えてしまえば文字設定なども調整する必要があるので、初心者には面倒に思えてしまいます。 Jimdoのテンプレート選びは最初にして一番適切な物を。それがJimdoで上手くサイトを作るコツです。 Jimdoのテンプレートは1カラムがおすすめ JImdoのテンプレートは大きく分けて1カラムと2カラムがあります。 1カラムはTokyoのような、画面幅内にコンテンツエリアが1つだけのもの。2カラムは下の写真のAmsterdamのように、コンテンツエリアがメインとサイドバーに別れているものです。 Webデザインの流行りを見た場合、以前まではサイドバーを備えて横に多くのメニューを表示できる2カラムが多く見られましたが、モバイルファーストが大きく進んだ今は1カラムレイアウトが主流になりました。 1カラムテンプレートのTokyo。日本人デザイナーがデザインに携わっていることもあり、日本語向けのテンプレートとなっています。 2カラムテンプレートのAmsterdam。2カラムはサイドバーの扱いが難しいので初心者にはおすすめ出来ません。 JImdoのテンプレートを見た場合、残念ながら2カラムテンプレートには良いデザインが殆どありません。どれも一癖あるデザインで、見栄えを良くするにはCSSなどでカスタマイズが必要になってきます。 反面、1カラムはシンプルな構成で、初心者でも手を加えずに十分使用できます。2カラムを選ぶ強い理由がない限りは、テンプレートは1カラムで問題ないでしょう。 そこで今回は私の独断と偏見で、オススメの1カラムテンプレートを5つ選びました。どれも癖のない構成なので、色々な用途に使えるかと思います。JImdoでテンプレー...