サイタWeb・デザインスクールホームページ作成講座 東京 自分で作る夢のマイホームページ作り講座 レッスンノート WORDPRESS:枠線や背景色などで文章を装飾する方法など

WORDPRESS:枠線や背景色などで文章を装飾する方法など

ホームページ作成講座のレッスンノート

レッスンノートって?レッスンノートって?

引き続き、wordpressを用いてホームページ作成を進めていきました。

テーブル内で日本語入力がおかしいということで現象を確認していきました。
プラグインで作成したテーブルの中だと日本語のローマ字入力がうまくいかない状況でした。
プラグインを利用せずに、テキストモードでtableタグ内の入力では正常に入力できました。
プラグインの不具合の可能性が高いので、テキストモードで入力するか、別のプラグインに置き換えた方がいいということをお伝えしました。

次に、文字を枠で囲みたいということでした。

枠で囲むにはその領域を囲むタグにidやclass名をつけてCSSで設定する方法があります。
それよりも簡単に同じような表現を実現する方法として、TinyMCEというプラグインを使って背景色はつけることができることを実践しながらお伝えしました。

ダッシュボードの設定ーTinyMCEを開いて、Unused Buttonsから背景色を上のメニューにドラッグします。

また、表の枠線の色などを変える方法として、表の枠線内をクリックした状態ー上部メニューのテーブルー表のプロパティで設定できることをお伝えしました。枠線にピクセル数を入れることで枠線で囲むことができます。セルのスペースは線と線の間、セルのパディングは内側の線と文字の間を設定するものです。

挿入した画像が見にくいということで画質をあげられるかというご質問がありました。
書き出し設定によっては解像度はあげられますが、文字の大きさが小さすぎて見えないのはどうしようもありません。
より見やすくするには元のファイルを編集する必要があります。

簡単に画像を見えるようにする方法として、画像を大きく表示する方法をお伝えしました。

ダッシュボードーメディアー表示したい画像をクリックして選択ー右側のURLをコピーします。

固定ページー画像が表示されたページを開いた上で、
その画像を選択してリンクアイコンをクリック
入力欄が出てくるので詳細設定アイコンをクリック
URL欄にコピーしておいたURLをペースト
リンクを新しいタブで開くをチェック
更新ボタンをクリック
ページ編集画面に戻ったらページを更新をクリック
することで設定できます。

さらにわかりやすくするために、画像の下に「クリックすると大きく観ることができます」といった文章を入力して表示するようにしました。

次に、なかなか検索で出てこないということで検索上位にあがるにはという質問がありましたので、
ホームページのタイトル「より良い生活をするために」をすべてページのキーワードにいれていく
一般的な言葉ではなく特徴があるタイトルにする
という方法をお伝えしました。
このレッスンノートを書いたコーチ

自身の作品がグッドデザイン賞を受賞!実務・講師経験ともに豊富なので安心

目的・種類別にホームページ作成・作り方講座を探す

新着レッスンノート

WORDPRESSを用いて議員さんのホームページ作りを進めていきました。 トップページ 主な政策 3ポイントとかあげられるといい 旧サイトにある情報で新サイトに入れられる情報を入れていく FACEBOOKを入れる ウィジェットがない Jetpackというプラグインを入れ...

引き続き、WORDPRESSを用いたサイト制作を進めていきました。 新しく作成した投稿編集用のユーザーでログインできない ということでその方法を再確認していきました。 まず別ユーザーでログインしていたらログアウトします。 ログイン画面はこれまでと同じです。 投稿編集用のユ...

引き続き、WORDPRESSを用いたホームページ作成の相談を進めていきました。 歯科クリニックのホームページでは依頼主の感想や要望を聞きながら相談していきました。 その他、いろいろと作成してきたホームページを見ながら、今後も運用を続けるもの、受け渡すもの、閉鎖するものなど検討してい...

引き続き、マッサージサロンのホームページの改善、現在、外部へ依頼しているマッサージサロンのページの内容や構成の検討、素材準備を進めていきました。 ・「予約」ボタンのリンク先の変更 ・各種フォームの自動送信/返信メールの宛先/送信元メールアドレスの変更 ・ホームページで使う画像...

引き続き、WORDPRESSを用いたホームページ作成・改善作業を進めていきました。 カテゴリー記事一覧の上にある「カテゴリー名の記事 *件」というのを非表示にする 外観ーChocolatの設定ー「アーカイブのページに投稿数の見出しを表示する」のチェックを外す 編集者用ユーザーの作...

レッスンノート ページ先頭へ

ホームページ作成情報

サイタのホームページ作成講師がブログを通して、ホームページ作成情報を発信。更新情報のチェックはこちらから!

twitter

ホームページ作成の先生

@HomepageCyta