横浜ワードプレス教室 ホームページ・ブログ作成講座日誌 ワードプレス入門講座(投稿、固定ページ、メニュー、テーマの使い方)

ワードプレス教室サイト(https://wp-school.yokohama/)更新 ワードプレス初心者の生徒さんのホームページ作成事例追加掲載 NPO法人ホームページ更新作業(http://www.npo-earth-eco.com/) 理事長さんからメールで追加のページ(HTML)が送られてきます。こちらが管理しているサイトに組み込んで、サーバーにアップロードです。 本日の生徒さんは:ワードプレス個別指導講座 1名、ホームページビルダーでのホームページ作成教室レッスン(フルCSSテンプレート) 2名、ホームページビルダークラシックWordPressテンプレート 1名、ホームページビルダーSPワードプレスサイト 2名。 本日のレッスン内容(抜粋) サーバー、ドメインとは?、ワードプレス入門講座(投稿、固定ページ、メニュー、テーマ)練習用ワードプレスサイトを教室が提供 スマホメニュー修復、スマホナビゲーション修復 #hpb-nav li a CSS調整 ブログ追加投稿 h3の複製、PDFの画像化(ウェブアートデザイナーの使い方) ムームードメイン、ロリポップ契約更新 SPキャッチフレーズの変更 ホームページ作成

横浜ワードプレス教室 ホームページ・ブログ作成講座日誌 WP Super Cacheプラグイン問題解決

3月7日 ワードプレス教室 ホームページ作成講座日誌 ワードプレス サイト作成講座 3名、ホームページビルダークラシックWordPressテンプレート1名、HTML/CSS+ワードプレス・ブログ 1名、HTML/CSS基礎 1名、HTML/CSS+ホームページビルダー 1名 YouTube動画のアップロードとサイトへ埋め込み、ホームページQRコード画像の作成、スマホでワードプレスダッシュボードの使い方、Custom Post Type UI, Display Post Shortcodeワードプレス・プラグインの導入と使い方、テーマに固定テンプレート追加(試作)、子テーマの作成、header.php修正、mailto:の使い方、font-sizeの調整、Google Search Console, Analyticsへサイト登録、XMLサイトマップの作成、aioseoプラグインの使い方 WP Super Cacheプラグインの導入(ロリポップサーバーでのwp-config.php, wp-contentのパーミッション設定変更)、CSS :beforeの使い方 3月6日 ワードプレス教室 ホームページ作成講座日誌 ワードプレス教室サイト作成レッスン 5名(含む広島県からの初心者)、ホームページビルダークラシックWordPressテンプレート 1名、フルCSSテンプレートでのホームページ作成教室レッスン 1名 Contact Form 7プラグインの導入と使い方(フォーム作成と送信試験)、ロリポップWebメールの使い方、GIMPの使い方、XMLサイトマップの作成、固定ページの追加、固定ページの順序、メニュー構成の変更、Simple Linksワードプレス・プラグインの導入と使い方、スラッグの編集、Lightningテーマのカスタマイズ、パララックスの概念、見出し3の使い方、XSERVERでのメールアドレス追加 3月5日 ワードプレス教室 スクール定休日

CSS content の使い方【ワードプレス教室 横浜スクール】

ワードプレス・スクール 昨晩の授業からCSS contentの使い方のサンプルです。 Term Description Term Description 次のようなCSS/HTMLで実現しています。 <style type=”text/css”> <!– .css-test dt:before { content:”BEFORE— “; } .css-test dt:after { content:” —AFTER”; } //–><br /> </style> </p> <div class=”css-test”> <dl> <dt>Term</dt> …

横浜ワードプレス教室 講座日誌 Contact Form 7 ワードプレス・プラグイン

横浜ワードプレス教室、ここ数日の講座日誌です。ワードプレスとホームページビルダーでのホームページ作成が中心でした。 3月4日 ワードプレス教室 講座日誌 ワードプレス個別指導講座 4名、ホームページビルダー・クラシックWordPressテンプレート 1名、フルCSSテンプレート 1名、ホームページビルダーSP 1名 ARVEワードプレス・プラグインの導入と使い方、Shortcodes by Angie Makesプラグインの使い方、TinyMCE Advancedプラグインの追加、SPサイトの公開(ロリポップ・レンタルサーバー)、ムームードメイン ネームサーバー変更設定、カテゴリーの使い方、サイトのパスワード保護(プラグイン利用)、ワードプレス テーマ ハミングバードの使い方 3月3日 ワードプレス教室 講座日誌 ホームページ作成無料相談会(ワードプレス利用)2名、ワードプレス・短期集中スクール 1名、ホームページビルダー・フルCSSテンプレート使用のホームページ作成教室レッスン 2名、ワードプレス個別指導講座 2名、フルCSSテンプレート+CSS追加 1名 WAFの設定、GIMPの使い方、ワードプレステーマの変更、ロリポップFTPの使い方、Contact Form 7ワードプレス・プラグインの追加と使用、ショートコード入門、Jetpackプラグイン パブリサイズ共有の使い方 3月2日 ワードプレス教室 講座日誌 ワードプレス個別指導講座 2名、ホームページビルダー21SPワードプレス 1名 Contact Form 7プラグイン利用お問合せページ作成、ラジオボックス、チェックボックスの使い方、ARVE, Smart Slider 3プラグインの追加、Chrome F12の使い方、プレースホルダ―の使い方、固定ページの追加、WP Canvas試用 3月1日 ワードプレス教室 講座日誌 HTMLホームページ+ワードプレス・ブログ 1名、ホームページビルダー・フルCSSテンプレート 2名、ホームページビルダーSPワードプレス ワンポイントレッスン 1名、ワードプレス個別指導 1名、ホームページビルダー21SPでのホームページ作成 1名 ワードプレス投稿の使い方、カテゴリーの追加、スラッグ、投稿の新規作成、プレビューの使い方、表示設定の変更(ワードプレス・ダッシュボードの使い方)、共通部分の動機、WAFの設定変更、サイドバーの消去、スタイルの調整、リストの挿入、<p>段落の使い方、確認くんの使い方、スマホでの画像の幅、.htaccessの編集、サイトタイトルの高さ調整、クイック編集の使い方、SimpleCSSプラグインの使い方、ARVEワードプレス・プラグインの導入と使い方、SPパン屑リストの更新

R3DF Dashboard Language Switcher ワードプレス・プラグインの使い方【ワードプレス教室 横浜スクール】

ワードプレス・スクールでロシア語のサイトを生徒さんがホームページ作成中です。 その言語にサイトの言語を切り替えてしまうと、ダッシュボードの言語も(日本語以外に)変わってしまい、操作が難しくなります。 ダッシュボードの言語のみ日本語にできないか調査した結果、見つけたプラグインがR3DF Dashboard Language Switcherです。 横浜ワードプレス教室

ワードプレス簡単インストール@ロリポップ【ワードプレス教室 横浜スクール】

ワードプレス・スクール 本日のホームページ作成レッスンより ロリポップ・レンタルサーバーでの独自ドメイン設定、ワードプレス簡単インストール、URL変更などホームページ作成入門講座をしました。

今日のプラグイン TablePress【ワードプレス教室 横浜スクール】

TablePressを使って表を作成し、ショートコードで埋め込みました。ワードプレス・プラグインの使い方の研究中・・・ [table id=1 /] TablePressプラグインの動作を確認後、TablePress Responsive Tablesを試しています。 [table id=1 responsive=flip /] WordPressを使ってホームページ作成中の生徒さんとの授業の予習です。 横浜WordPressスクール 鎌田裕二

テーマ Principle カスタマイズ 覚書【ワードプレス教室 横浜スクール】

ワードプレス テーマ (Principle)のウィジットサイドバー左右入れ替えなど・・・CSSの調整@横浜WordPressスクール #main { float:right; } #side { float:left; } #header { background-image:none; } WordPressサイト作成の準備です。

TinyMCE Advancedプラグイン テーブルのコピペ試験【ワードプレス教室 横浜スクール】

1111 2222 3333 aaaa bbbbeeee cccc 1111 2222 3333 aaaa bbbb cccc 1111 2222 3333 aaaa bbbbeeee cccc 1111 2222 3333 aaaa bbbb cccc TinyMCEエディターの編集のコピーでは「お使いのブラウザーはクリップボードへの直接的なアクセスをサポートしていません。代わりにキーボードショートカットか、お使いのブラウザーの編集メニューをお使いください。」なってします。 右クリックして、ブラウザーのコピーを使う@ワードプレス教室

生徒さんのホームページ・ブログ作成例追加【ワードプレス教室 横浜スクール】

ワードプレス・ホームページ作成例を更新しました。元々はホームページビルダーのテンプレートを使ってワードプレスサイトをいくつか作成されていた生徒さんです。 今回からは、ワードプレスのテーマをカスタマイズしてのサイト作成です。 横浜WordPressスクール ワードプレス作成例

TablePressプラグインのレスポンシブ化【ワードプレス教室 横浜スクール】

ワードプレス教室の本日のサイト作成レッスン。 生徒さんがホームページ作成中のサイトにはTablePressワードプレス・プラグインを使って表をページに配置しています。 スマホではページの幅を超えてしまい、ページの見え方まで変わっていまします。 https://tablepress.org/extensions/responsive-tables/ にあるResponsive Tables Extensionを導入。 responsive=“phone” というオプションをTablePressショートコードに加えて表示の問題を解決しました。。

Awesome Screenshot グーグルクローム拡張機能【ワードプレス教室 横浜スクール】

WordPressスクール教室の生徒さんがホームページ作成中のワードプレス・テーマでは、ブラウザーの標準の印刷機能では、ページ内容を上手く印刷できません。ページの内容が動的に変化するようなページだからだと思います。 Awesome Screenshotという拡張機能をGoogle Chromeに導入しました。これを使って印刷すると、ページ内を自動スクロールしながら、その画面イメージをキャプチャーして、ひとつの画像ファイル(PNG)にまとめてくれるようです。

WordPressテーマ スタイル変更備忘録 media printの使い方【ワードプレス教室 横浜スクール】

Bootstrapベースのワードプレス・テーマ ワードプレス教室の生徒さんがホームページ作成に使用中。 ブラウザーでの印刷に対応していない。印刷用のスタイルの追加作業中@WordPressスクール @media print { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; …

WP Add Mime Types 今日のプラグイン【ワードプレス教室 横浜スクール】

WordPressスクールでの昨晩の授業で、エクセルファイルのアップロードが課題となりました。生徒さんがホームページ作成されたサイトで画像がアップできなくなりました。 WP Add Mime Typesを使ってエクセルファイル(xlsxなど)のファイル形式を登録しました。 ワードプレスの更新に伴い一時的な問題なのでしょうか

XML Sitemap Generator for ワードプレス プラグイン【ワードプレス教室 横浜スクール】

XML Sitemap Generator for WordPress 4.0.8というプラグインをワードプレス教室の生徒さんがホームページ作成に使っています。Priorityの使い方をレッスンするために、教室でも試してみました。

【横浜ワードプレス教室】生徒さんのホームページ作成事例追加掲載

http://moonsouth.com/ 生徒さんのワードプレスによるホームページ作成事例を追加掲載しました。ワードプレス初心者の生徒さんが、テーマ購入(TCD)、導入、カスタマイズ、ダッシュボードの使い方を学習しながら作成されました。

テーマファイルからのショートコードの呼び出し実験メモ【ワードプレス教室 横浜スクール】

<h3>お問い合わせ・ご予約はこちらから…</h3> <?php echo do_shortcode(”); ?> コンタクトフォーム7プラグインの呼び出し。 横浜WordPressスクール

ワードプレス解説本 書籍追加購入【ワードプレス教室 横浜スクール】

横浜WordPressスクールで、次の2冊の書籍をアマゾンに注文しました。 小さなお店&会社の WordPress超入門 ―初めてでも安心! 思いどおりのホームページを作ろう! エンジニアのためのWordPress開発入門 (Engineer’s Library)

ロシア語入力試験 ワードプレス教室

WordPress — идеальная платформа для публикации, ориентированная на красоту, поддержку стандартов и удобство использования. WordPress бесплатен и свободен к распространению. Проще говоря, WordPress — это то, что вы используете, когда …