[スマイル・ポート]地域・サークル・幼稚園ページに共通する手順

スマイル・ポート様マニュアル一覧

『地域へ出掛けよう!』や『サークル』、『知ろう!幼稚園』の各個別ページに共通するパーツの使い方についてご案内いたします。

画像を横並び2列・3列で表示させる方法

このように、画像を横並びで表示させる方法です。

テーブルでもできますが、下記の方法で表示させると、スマートフォン等の小さい画面になった場合に、自動的に縦並びに切り替えてくれるレスポンシブ対応となっているため、オススメです。

画像を挿入する投稿ページ・固定ページを開き、挿入箇所にカーソルを置いたら、『タグ』と書かれたプルダウンメニューを開きます。

すると、2カラム・3カラムの選択肢が出てくるので、選んでクリックします。(2カラムの1:2等は幅の割合です。上記例では、2カラム1:1を使っています)

このように、『左側に入力する内容』と『右側に入力する内容』という枠が表示されます。

『左側に入力する内容』等の文字を削除し、『メディアを追加』ボタンから画像を挿入してください。

投稿画面ではわかりやすくするため背景色(水色・ベージュ)が付いていますが、実際表示される画面では背景色はありませんのでご安心ください。

なお、このボックスは画像のみではなく、テキストでも使えます。

トップページのこのテキスト部分は、この2カラム(1:1)を使っています。

ですので、画面幅が小さくなるとこのようにテキストが縦並びになります。

PDFファイルの画像とテキストリンクをキレイに表示させる

上の画像のように、PDFマークの画像と右側のテキストリンクをバランスよく配置する方法です。

投稿ページ・固定ページの挿入したい箇所にカーソルを置いて、上部の『メディアを追加』ボタンを押します。

PDFファイルの画像を選択し、右側メニューの『配置』を”左”、『リンク先』はなし、『サイズ』はフルサイズを選択して、固定ページに挿入します。

挿入した画像の横に文字を入力し、リンクしたい部分を選択して、『リンクの挿入/編集』ボタンを押します。

URL入力画面が表示されるので、リンクするURLを入力してエンターマークを押して終了です。

ご注意

画像挿入時に『配置』を”なし”にすると、下の画像のように下ぞろえになってしまい、縦位置が合わなくなりますので、配置の設定にご注意ください。

ボタンリンクの作成

上のようなボタン式リンクを作成する方法をご案内いたします。

ボタン式リンクを挿入したい箇所にカーソルを置きます。

画面中央に配置したい場合は、『中央揃え』を押してカーソルを中央にしてください。

上部メニューから『スタイル』を選択し、プルダウンメニューから『ボタン』を選択します。

すると、ボタンの色が表示されますので、適切な色を選択してください。上の画像のボタンは”ブルー(中)”です。

このようにボタンの枠が表示され、中央にカーソルがありますので、ボタンのテキストを入力します。

入力した文字を選択して、『リンクの挿入/編集』からリンクの設定をして完了です。