※学校パックログイン方法 学校パックを詳細までご覧頂くためには、ログインが必要になります。
ログイン方法は、サイトの右上にある ”ログイン” をクリックしてください。
◆ ログインID:otamesi パスワード:otamesi
学校様向けテンプレートの無料お試しのお申込みはこちら
 
ロゴ NeXtCommons 学校パック
NeXtCommons小学校テンプレートデモサイト
     都心にありながら緑豊かな自然に囲まれたNXC小学校。
太陽のように元気いっぱいな子どもたちが自慢の学校です。
 
ホーム > TIPS > モジュールのグループ化の仕方
 

モジュールのグループ化の仕方


※ここでは『お知らせ』モジュールを横に2つ並べる方法について説明します。

<1>
管理者権限にてログインし、セッティングモードにします。
モジュールの追加メニューから『お知らせ』を選択します。

編集画面内の「ブロックスタイル」タブをクリックします。
の「ブロック名称」にモジュールの名前を設定します。ここでは「モジュール1」にします。
の「最小の広さ」に「315」を設定します。
「マージン」の「右」に「12px」を設定します。
「決定」ボタンをクリックすれば、「モジュール1」の設定が完了です。

サンプル


次にモジュールの追加メニューからもう1つ『お知らせ』を選択します。
「モジュール1」の設定を参考に、「モジュール2」を設定します。

サンプル



<2>
各モジュールの設定が完了したら、の部分をそれぞれ1回クリックします。
下図のように黄色枠が2つのモジュールに表示されていることを確認してください。

サンプル


次にページ左上にある「グループ化」のリンクテキストをクリックすると、下図のようになります。
の「モジュール2」を矢印の方向にドラッグ&ドロップすれば、2つのモジュール横に並びます。

サンプル