記事内容を装飾する方法

記事の入力項目である「本文」を装飾するには、通常HTMLを使ったサイト構築では、自分自身で1つ1つタグを入力して行く必要がありました。
※例えば、文字を強調したい場合には<strong>といったタグを利用するといった具合です。

しかしながら さくらのブログでは、その手間を省くべく、タグ打ちの部分については、対象とする文字を選択し、アイコンをクリックするだけで、文字の装飾等が出来るようになっています。


1.使用方法については、まず最初に「本文」部分に文章を入力します。

2.文章の入力が終わりましたら、文字装飾を行いたい文言の先頭部分にカーソルを合わせてワンクリックします。

3.「左クリックを押したまま」+「文末までカーソル移動」(ドラッグという操作です)

4.ドラッグを行いますと対象の文字の色が反転します。

あとは、そのままの状態で、本文入力欄の上にある【B】【I】【U】などの各アイコンをクリックすると、自動的にタグが挿入されます。

それぞれに挿入されるタグが異なり、それに応じて表示も異なりますので試してみましょう。
posted by blog-faq | 記事

リンクの貼り方

特定の文章や文言にリンクを貼りたい(URLを紐づけたい)場合、
記事投稿画面の「本文」部分にリンクを貼りたい文章があることを確認し、該当部分を選択(ドラッグ)して青色に反転させます。

反転の状態のまま、「本文」項目の上部にある鎖の絵のアイコンをクリックします。

鎖の絵のアイコンをクリックすると、ダイアログが表示されるのでリンクさせたいURLを入力して「OK」ボタンをクリックしてください。

クリックしますと、選択した文言(文章)にHTML形式のリンクタグが挿入され、実際のブログ上では、該当文言にリンクが貼られて表示されるようになります。

なお、リンク自体はHTMLタグを用いたものですので、記事投稿画面以外(たとえば自由形式コンテンツ等)でも利用することができます。

■例
以下は「リンクの貼り方」という文字列に、遷移先のURLを紐づけています。
リンクの貼り方
posted by blog-faq | 記事

画像のアップロードから記事への貼り付け方法について

■画像のアップロード方法について

1.画像等のファイルをアップロードする場合には、記事投稿画面の【 [+]ファイルのアップロード 】の [+] 部分をクリックします。



2.クリックするとファイルのアップロードの詳細画面が表示されます。



3.「参照」のボタン(上図@)をクリックしますと、アップロードするファイルの選択画面(別のウィンドウ)が開きますので、アップロードしたいファイルを適宜選択し「開く」をクリックします。

4.ファイルの選択が完了しますと、「参照」ボタンの横にお手元のパソコン内に保存されているファイルの位置(ファイルパス)を示す文字列が挿入されます。

5.「アップロード」のボタン(上図A)をクリックします。

6.ファイルのアップロードが完了しますと、アップロードした画像が一覧(上図B部分)に表示されます。

7.ファイルのアップロードが完了となります。



■記事への貼り付け方法について

1.記事本文入力欄において、画像を挿入したい箇所をクリックします。

2.「ファイルのアップロード」にて、アップロード済み画像の中(上図Bの部分)から、記事本文へ貼り付ける画像のサムネイルをクリックします。

3.記事本文中の選択した箇所に画像を示すHTMLのソースコードが貼り付けられます。
  ※リッチテキストエディタ(見たまま編集)をご利用の場合には、画像が記事本文に表示されます。

通常エディタをご利用の場合


リッチテキストエディタをご利用の場合


4.記事投稿画面内の「保存」ボタンをクリックし、記事の投稿を行います。

5.投稿した記事の表示を確認すると、記事に画像が表示されています。

※ファイルマネージャーから画像を削除すると、その画像は記事上でも表示されなくなります。
※ブラウザによってはHTMLソースコードの貼り付けを行う際に、空白行が無視される場合があります。この場合には、お手数ですがソースコードを貼り付けてから、ソースコードとソースコードの間に手動で改行を加えてください。
posted by blog-faq | 記事