ホームページビルダー20教室日誌 ロリポップでのマルチドメイン設定

ホームページビルダー教室、本日の生徒さんは、ワードプレス教室サイト作成レッスン 1名、ホームページビルダー20クラシックWordPressテンプレート 1名、フルCSSテンプレート個人教授 1名、ホームページ作成無料相談会 1名でした。授業では、WordPressテンプレートの使い方入門、テンプレートの選択、ページの変更、ブログの設定、ヘッダー画像の編集(ウェブアートデザイナーの使い方)、新規投稿の作成、パーマリンク設定変更、サイトの公開、データの反映、転送設定、ロリポップ(レンタルサーバー)でのマルチドメイン設定、Yahoo!プロモーション広告スマホサイトビルダーの代替案検討などを扱いました。また、ホームページビルダー作成代行の打ち合わせ(基本設計、方式の確認、今後の日程)を行いました。月曜日の朝にカリフォルニアの生徒さんとのスカイプ遠隔レッスンの準備(WordPressテーマのダウンロードとインストール)、ホームページビルダー教室で使用しているホームページビルダー・サービスのサブドメインの整理などを行いました。明日は日曜日のため通常レッスンはお休みします。ホームページ作成代行作業のため午後は休日出勤しております。

ホームページビルダー20教室の日曜日 19SPスカイプ・レッスン

本日の日曜日は通常レッスンはお休みですが、ホームページ作成代行の作業などでお昼から休日出勤でした。まずは、ホームページビルダー19クラシックでのスタイル設定に関する文書での指導、ホームページビルダー20 SPでのアクセス解析機能の調査、スカイプでのWordPressスクールレッスンのお問合せ、ホームページ作成代行作業(ホームページビルダー+WordPress)、スタイルの変更、背景画像の入れ替え、投稿カテゴリーの全面リニューアル、最後は、ホームページビルダー19 SP (サイトタイプ=通常)のスカイプでのレッスンでした。

ホームページビルダー20教室の土曜日 SP(サイトタイプ=通常)の公開

ホームページビルダー教室 本日の生徒さんは、ホームページビルダー19クラシック WordPressテンプレート 2名、SP(サイトタイプ=通常) 1名、WordPress教室レッスン 1名、 ホームページビルダー19クラシック フルCSSテンプレート 1名でした。授業では、新規投稿の作成(hpbダッシュボードの使い方)と公開、メディアのアップロード、投稿へ挿入、ホームページビルダー・サービス 簡易CGI(フォームメール)の設置、転送設定の新規作成、PDFファイルの画像化とページへの埋め込み、ページの表示形式、ウェブアートデザイナーでの画像編集、SPサイトの公開、ページの編集、ロリポップ(レンタルサーバー)申込、ムームードメインでの独自ドメイン取得、マルチドメイン設定、などを扱いました。一部は時間外の個人教授でした。その他事務的な作業をいくつか(静岡県から文章での指導依頼、Google Search Consoleでの状況確認、hpb20 sp wordpressサイトの作成作業(継続中)、ホームページ作成代行事務連絡、先日の短期集中レッスン(静岡県にある企業様相手)の支払い連絡)などをこなしました。

ホームページビルダー20教室の一日 テンプレートの入れ替え

ホームページビルダー20教室 本日の生徒さんは、WordPressスクール・レッスン 1名、クラシックWordPressテンプレート 1名、クラシック・フルCSSテンプレート 1名でした。授業では、WordPress各種プラグインの調査、子テーマ作成、header.phpの編集、サイトのリニューアル(テンプレートの入れ替え)、サイトの公開、データの反映、YouTube動画の利用、ロリポップ FTPパスワード設定確認、19クラシックWordPressテンプレート入門編、ページ構成、箇条書きの入力、ウェブアートデザイナーの使い方(テンプレート画像の編集)、投稿の新規作成、スマホでの表示確認などをあつかいました。

その他、マンツーマン指導の生徒さんからの作業完了報告、WordPressサイト作成代行の打ち合わせ、ホームページビルダー20 SPに関する資料作成作業を行いました。明朝はレッスン開始前にホームページ作成の無料相談会を開きます。

ホームページビルダー20教室の水曜日 ロリポップFTPアカウントの確認

ホームページビルダー教室の今日一日です。生徒さんは、クラシック19WordPressテンプレート 1名、フルCSSテンプレート 2名、WordPressテンプレート 2名、WordPressスクールサイト作成レッスン 1名でした。授業では、投稿の練習、サイドバー設定、ウィジットの設置、ウェブアートデザイナーを使ってのバナー画像の編集、Copyright表記方法、ページの追加、デジカメ写真の挿入、ブログの予約投稿、カテゴリーの追加、最近の投稿ウィジットの設定変更、投稿の新規作成、ロリポップFTPアカウントの確認、wp-jquery-lightboxプラグインの更新と使い方などを扱いました。

ホームページ作成無料相談会の実施、Yahoo!ストアクリエイターProレッスンのお問合せ対応、ホームページビルダー20 SP WordPress解説サイトの作成作業などを行いました。

ホームページ・ビルダー20 SP ファーストインプレッション

ホームページビルダー19から新搭載されたSP 本日発売開始のホームページビルダー20で改善強化されました。

私自身が19のSPで一番気にしていたのは、サイトタイプ=通常での出力されるHTMLがとても冗長なものになっていた点です。

ホームページビルダー20では解決していました。

<!DOCTYPE html>
<html lang=”ja”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<title>ホームページビルダー20SP | ホームページビルダー・バージョン19で新搭載されたSPが20で強化されました。</title><!–[if lt IE 9]>
<script src=”html5.js” type=”text/javascript”></script>
<![endif]–>
<link rel=”stylesheet” type=”text/css” href=”style.css”></head>
<body class=”basic2 home” id=”hpb-sp-20-0012-01″>
<div id=”page” class=”site”>
<header id=”masthead” class=”site-header sp-part-top sp-header2″ role=”banner”>
<div id=”masthead-inner” class=”sp-part-top sp-header-inner”>
<div id=”sp-site-branding2-1″ class=”sp-part-top sp-site-branding2″>
<h1 class=”site-title sp-part-top sp-site-title” id=””><a href=”index.html”>ホームページビルダー20SP</a></h1>
<h2 class=”site-description sp-part-top sp-catchphrase” id=””>ホームページビルダー・バージョン19で新搭載されたSPが20で強化されました。</h2>
<div class=”extra sp-part-top sp-site-branding-extra” id=”sp-site-branding-extra-1″>
<p class=”tel paragraph”>TEL.03-1234-0000</p>
<p class=”address paragraph”>〒163-0000 東京都○○区○○○1-2-3</p></div></div></div></header>
<div id=”main” class=”site-main sp-part-top sp-main”>
<div id=”contenthead” class=”sp-part-top sp-content-header”>
<nav id=”sp-site-navigation-1″ class=”navigation-main button-menu sp-part-top sp-site-navigation horizontal” role=”navigation”>
<h1 class=”menu-toggle”>メニュー</h1>
<div class=”screen-reader-text skip-link”><a title=”コンテンツへスキップ” href=”#content”>コンテンツへスキップ</a></div>
<ul id=”menu-mainnav”>
<li class=”menu-item current_page_item”><a href=”index.html”>トップページ</a>
<li class=”menu-item”><a href=”concept.html”>会社方針</a>
<li class=”menu-item”><a href=”company.html”>企業概要</a>
<li class=”menu-item”><a href=”service.html”>サービス/製品一覧</a>
<li class=”menu-item”><a href=”news.html”>新着情報・FAQ</a>
<li class=”menu-item”><a href=”recruit.html”>採用情報</a>
<li class=”menu-item”><a href=”contact.html”>お問い合わせ</a>
<li class=”menu-item”><a href=”access.html”>アクセス</a>
<li class=”menu-item”><a href=”blog.html”>ブログ</a></ul></nav>
<div id=”sp-block-container-1″ class=”sp-part-top sp-block-container”><a style=”display: block”><img id=”sp-image-1″ src=”img/header-main.png” class=”sp-part-top sp-image”></a></div></div>
<div id=”main-inner”>
<div id=”primary” class=”content-area”>
<div id=”content” class=”site-content sp-part-top sp-content page-toppage” role=”main”>
<header id=”sp-page-title-1″ class=”entry-header sp-part-top sp-page-title”>
<h1 class=”entry-title”>トップページ</h1></header>
<article>
<div id=”page-content” class=”sp-part-top sp-block-container”>
<p class=”large paragraph”>株式会社ビルダーストーリーは、○○○○○○○○を専門とする○○○○○○○○会社です。</p>
<h3 class=”paragraph”>トピックス</h3>
<ul id=”sp-list-1″ class=”sp-part-top sp-list”>
<li>「○○○○」は、○○○○○○○○のオリジナルブランドです。伝統的な技術をもとに、自由な発想で新製品を開発しました。新しいライフスタイルをご提案します。
<li>ここにTOPICSが入ります。ここにTOPICSが入ります。ここにTOPICSが入ります。ここにTOPICSが入ります。ここにTOPICSが入ります。ここにTOPICSが入ります。ここにTOPICSが入ります。ここにTOPICSが入ります。ここにTOPICSが入ります。</ul></div></article>
<div id=”sp-wp-post-list-1″ class=”hpb-viewtype-date hpb-posttype-news sp-part-top sp-wp-post-list”>
<h3><a href=”posts/news_archive.html”>ニュース</a></h3>
<dl>
<dt>2015年10月01日
<dd><a href=”posts/news1.html”>サイトをオープンしました。</a>
<dt>2015年10月02日
<dd><a href=”posts/news2.html”>○○○○○○○○を更新しました。</a>
<dt>2015年10月03日
<dd><a href=”posts/news3.html”>○○新聞に「○○○○○○」が掲載されました。</a></dl></div></div></div>
<div id=”sidebar1″ class=”sp-part-top sp-sidebar”>
<div id=”sp-wp-post-list-2″ class=”hpb-viewtype-title hpb-posttype-post sp-part-top sp-wp-post-list”>
<h3><a href=”posts/post_archive.html”>ブログ</a></h3>
<ul>
<li><a href=”posts/blog1.html”>ブログ始めました</a>
<li><a href=”posts/blog2.html”>○○○○○について</a></ul></div></div></div></div>
<footer id=”colophon” class=”site-footer sp-part-top sp-footer2″ role=”contentinfo”>
<div id=”colophon-inner” class=”sp-part-top sp-footer-inner”>
<nav id=”sp-site-navigation-2″ class=”navigation-main sp-part-top sp-site-navigation minimal” role=”navigation”>
<h1 class=”menu-toggle”>メニュー</h1>
<div class=”screen-reader-text skip-link”><a title=”コンテンツへスキップ” href=”#content”>コンテンツへスキップ</a></div>
<ul id=”menu-mainnav”>
<li class=”menu-item”><a href=”law.html”>特定商取引法に関する記述</a>
<li class=”menu-item”><a href=”privacy.html”>プライバシーポリシー</a></ul></nav>
<div id=”sp-block-container-2″ class=”sp-part-top sp-block-container”>
<p class=”copyright paragraph”>Copyright &copy; ○○○, All rights reserved.</p></div></div></footer></div><script type=”text/javascript” src=”navigation.js”></script></body></html>

ホームページビルダー20教室の一日 画像ウィジット

朝一にホームページ作成無料相談会の約束があり、早出。作成方法の方針などを相談の上、来月から通学のためにご入会いただきました。その後は通常授業、19SP 1名、フルCSSテンプレート 2名、WordPress教室サイト作成レッスン 1名でした。ホームページビルダー19SP(サイトタイプ=通常)での既存サイト(フルCSSテンプレート)のリニューアルの試作、テンプレートの選択、サイトの設定、既存サイトからのコピペ、見出しの使い方、パーツの追加とレイアウト、ラベルへのリンク、ラベルの酒匂正、スマホ表示、ナビゲーションの追加、ページ内の一部のコピペ方法、duplicate post, 画像ウィジット ワードプレス・プラグインの追加などを扱いました。最後にまたホームページ作成無料相談会を実施して、こちらはWordPressサイト構築の見積もりを承りました。

明日の朝は、主治医の済生会東部横浜病院への通院です。備えて本日は早めに帰宅します。

ホームページビルダー教室の日曜日 SP19セミナー最終回

日曜日の今日は、通常授業はお休みです。ホームページビルダー19SP入門セミナーを実施しました。今回は富山県からのご参加でした。来週には最新版ホームページビルダー20が登場するので、19としてのセミナーは今回が最終回です。10月はホームページビルダー20への対応企画のためお休みをいただきまして、11月から再開したいと思います。講座は終わり、依頼されているホームページ作成代行(WordPress)の見積もりと日程提案を更新してお客様へご提案しました。

鶴見駅前で食事をして、鶴見線安善駅と下車してから散歩しならがらの帰宅となりました。

ホームページビルダー20SP 追加機能紹介 スタイルカスタマイズ

ホームページビルダー20SPでは、パーツのスタイルをGUIで変更できるようになるようです。

  • 配置
  • 背景
    • ボーダー
    • ボーダータイプ
    • 線の太さ
    • 線の色
    • パディング
    • 角丸

などが画面例からは設定可能なことがわかります。ホームページビルダー19SP(サイトタイプ=通常)では、パーツのスタイルはインラインで記述され、とても巨大なHTMLファイルが生成されていました。この辺がどう変わるのか興味深々です。

ホームページビルダー20教室のシルバーウィーク

ホームページビルダー教室は連休中はお休みをいただいております。

一昨日、昨日は、墓参りなど家の用事をしてました、

今日、明日はホームページ作成代行作業のために、休日出勤です。。

今日は、ホームページビルダー19SPセミナー受付、スカイプ授業の日程調整、生徒さんが購入されたワードプレス・テーマの更新作業、WordPressホームページ作成代行作業、教室のパソコンへhpb19のインストールとアップデート、hpb19 フルCSSテンプレート (スマホでのメニュー)に関して福岡県から電話問い合わせ対応をしました。

明日も同様の日になりそうです。