横浜ワードプレス教室 ホームページ・ブログ作成講座日誌 Smart Slider 3ワードプレス・プラグインの使い方

横浜ワードプレス教室、今週前半の様子です。 3月13日 ワードプレス教室 講座日誌 [insert page], [ClearBoth] ワードプレス・プラグインの使い方調査 ワードプレス個別指導講座 1名、ワンポイントレッスン研修申込1名 固定ページの追加、メディアの追加、GIMPからPNGへのエクスポート 3月14日 ワードプレス教室 講座日誌 旧サイト wwww.ne.jp/asahi/curiostation/tsurumi-tsukuno/ の更新 pixgraphyテーマのデモ ホームページ作成教室レッスン(ホームページビルダーフルCSSテンプレート) 1名、CSS/HTML 1名、ワードプレス個別指導講座 3名、ホームページビルダー21SPワードプレス 1名、Eストア無料相談1名 スマホ版メニュー画像修正、リストのスタイル設定、ロリポップ、ムームードメイン メールアドレス変更、マルチドメイン設定の使い方 3月15日 ワードプレス教室 休校日(第3水曜日) 整形外科へ通院、ワードプレス マルチサイト(マルチ言語)試作開始 3月16日 ワードプレス教室 講座日誌 ワードプレス個別指導講座 1名、スカイプ・レッスン問い合わせ 1名、ホームページビルダーSPワードプレス 2名、Eストア・ショップサーブ1名、 ホームページビルダーSPワードプレスからワードプレス 1名 MiwoFTPプラグインの使い方、ページテンプレートの追加(スラッグ)、IFRAMEの使い方、ホームページ作成環境のPC間引っ越し、サイトのエクスポート・インポート、ロリポップ転送設定、サイクリングサイト新規作成、投稿タイプの追加(SP)、Smart Slider 3ワードプレス・プラグインの導入と使い方のレッスン(ホームページビルダーSPフォトモーションからの移行) ワードプレス教室 社員研修(ワードプレス・子テーマ作成方法、ページテンプレートの追加など)

横浜ワードプレス教室 ホームページ・ブログ作成講座日誌 ハミングバード・テーマの使い方

3月12日 ワードプレス教室  休校日 午前中私用、午後からワードプレス教室へ休日出勤。教室内整備など 3月11日 ワードプレス教室 講座日誌 ワードプレス個別指導 2名 投稿の追加、子テーマの作成、WP Google Mapsワードプレス・プラグインの使い方、Google Map APIの取得、ロシア語での地図表示方法 ロリポップ PHP設定変更 5.6(モジュール版)バージョン変更 3月10日 ワードプレス教室 講座日誌 ワードプレス個別指導 2名、HTML/CSS 1名 テーマLeafカスタマイズ、img CSS追加、GIMP Arrowsプラグイン評価、固定ページの順序指定、GIMP色域を選択、遠近法。CLIP ART FACTORYの使い方、更新情報サービスの追加、レスポンシブ・コンテンツ作成、SEO対策、DLの使い方、meta description、titleの使い方、フロントページへフォームの追加、カテゴリーの追加と使い方、css inline-blockの使い方 3月9日 ワードプレス教室 講座日誌 ホームページビルダー21SPでのホームページ作成教室レッスン 1名、ワードプレス個別指導 1名、ホームページビルダーSPワードプレス 1名、ホームページ作成事例更新、ロリポップ サーバープラン変更(ライト→スタンダード) ロリポップ、ムームードメインの申し込み、Google API Key取得、SPサイトのエクスポート、ロリポップ、ムームードメイン申し込み(コンビニ決済)、ハミングバード(有料ワードプレス・テーマ)の使い方、アイキャッチ画像の使い方、マルチ元号対応方法、投稿の編集、固定ページへのリンクの設定、Multi Language Switcherワードプレス・プラグインの使い方調査、スラッグの使い方

WP Google Mapワードプレス プラグインの試験【ワードプレス教室 横浜スクール】

[wpgmza id=”1″] ワードプレスの教室、生徒さんへのサイト作成指導の準備。 WP Google Mapワードプレス・プラグインの使い方を調べています。上記のショートコードにて地図を表示するプラグインです。

横浜ワードプレス教室 ホームページ・ブログ作成講座日誌 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パン屑リストの更新

ワードプレス テーマ unite ヘッダー(header.php)の改造メモ【ワードプレス教室 横浜スクール】

<div class=”site-branding col-md-6″> <?php if( get_header_image() != ” ) : ?> <div id=”logo”> <a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>”><img src=”<?php header_image(); ?>” height=”<?php echo get_custom_header()->height; ?>” width=”<?php …

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スクール 鎌田裕二

フォントファミリー TinyMCE Advancedプラグインの使い方【ワードプレス教室 横浜スクール】

<p><span style=”font-family: arial, helvetica, sans-serif;”>フォントファミリーの指定</span></p> フォントファミリーの指定 <p><span style=”font-family: ‘times new roman’, times, serif;”>フォントファミリーの指定</span></p> フォントファミリーの指定 (横浜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エディターの編集のコピーでは「お使いのブラウザーはクリップボードへの直接的なアクセスをサポートしていません。代わりにキーボードショートカットか、お使いのブラウザーの編集メニューをお使いください。」なってします。 右クリックして、ブラウザーのコピーを使う@ワードプレス教室

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

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

Post Content Shortcodesワードプレス プラグインの使い方【ワードプレス教室 横浜スクール】

ワードプレス教室、本日のサイト作成授業では、ブログ一覧の表示形式を変更しました。 Post Content Shortcodesというワードプレス・プラグインを導入して、投稿の一覧を表示するようにしました。↓ https://wp-school.yokohama/blog/

Image Widget, All in One SEO Pack ワードプレス プラグイン【ワードプレス教室 横浜スクール】

横浜ワードプレス教室の本日の講座では、ロリポップ・レンタルサーバー上に新規にワードプレス・サイトの開設をしました。サイト公開は既に幾つか経験されています。他のサイトでも利用実績のあるプラグインをいくつかインストール・有効化しました。Image WidgetとAll in One SEO Packプラグインです。前者はサイドバーにバナー画像を設置するためです、後者は今日のところはとりあえず、Google Search Console、Analyticsへのサイト登録のためです。横浜市内から自動車通学の生徒さんです。

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

今日も新しいワードプレス・プラグインを試してみました。 Bulk Deleteです。指定した条件のページ、投稿を一気に消すことができるプラグインです。 今回は増殖してしまった固定ページ(1500ページ!)を削除する必要があり、その手間を減らすことと、次回同じ状況が起きてしまった際には生徒さん自身で対応してもらうつもりで用意しました。 生徒さんのワードプレス・サイトの管理者権限をお借りしているので、今晩のスカイプでの遠隔授業の前にプラグインのインストールと、試用をしてみました。 (なお、固定ページが増殖するのは通常のワードプレスの使い方ではおきません。テーマ+固定ページを生成する道具=ホームページビルダーを使っているのですが、それのによる問題です。) 他にもWP Mass Deleteプラグインを試してみましたが、削除対象のデフォルトが投稿になっていて、いちいち固定ページを指定する必要があり、生徒さんが間違えて投稿を消してしまうことを避けるため、Bulk Deleteプラグインを選びました。) また、今後もダッシュボードでの共同作業が続くかもしれないので、Activity Logプラグインもインストールして作業記録を残すようにしました。 横浜WordPress スクール 鎌田裕二

List categories ワードプレス プラグインの試験【ワードプレス スクール 横浜教室】

カテゴリーの一覧を表示するワードプレス・プラグインのList categoriesを試験しています。 shortcodeを投稿に挿入してカテゴリーの一覧を表示します。 結果はワードプレスの教室での生徒さんとの授業に反映します。 [categories orderby=”slug” order=”asc”] 横浜WordPressスクール 鎌田裕二

ワードプレス プラグイン Post Type Switcherの使い方【ワードプレス スクール 横浜教室】

横浜ワードプレス教室では、東京から通学されているワードプレス初心者の生徒さんへ、今日も新しいワードプレス・プラグインを探して、試して、紹介しました。 WP Tilesプラグインを使って商品データをタイル表示してのサイト作成を進行中。商品をカテゴリーで分類したいのですが、カテゴリーを指定しての表示がうまくできないようです。作成中のサイトにとって最も大事な情報です。 教室の実験用ワードプレスサイトでいといろと試してみたところ、カスタム投稿ではうまく動かないようです。商品情報はカスタム投稿で用意していましたが、投稿に納めることにしました。 そこで投稿タイプの付け替えの必要性がありPost Type Swictherワードプレス・プラグインへ出会いました。 (追記 2017.07.07) WP-Tilesプラグインでのカスタム投稿タイプ表示の際、カテゴリー(タクソノミー)指定の方法はすでに判明しております。

ワードプレス・テーマとプラグインのスタイルの不整合対応【ワードプレス スクール 横浜教室】

約1年前にワードプレスでサイトを開設した生徒さんが久しぶりに横浜ワードプレス教室へお越しになりました。サイドバーに設置しているメニュー(Simple Linksワードプレス・プラグイン使用)の表示が最近おかしくなったとのことです。 授業内で調査してみました。問題の直接のきっかけは不明ですが、現状にはスタイルの設定で対応できそうでした。 次のHTMLに対して; <aside id=”simple-links-7″ class=”widget sl-links-main”> <h1 class=”widget-title”>XXXXXXX</h1> <ul class=”simple-links-list sidebar-1″ id=”sidebar-1″> <li class=”simple-links-item simple-links-widget-item” id=”link-1413″><a href=” http://xxxxxx/?page_id=5758″ target=”” title=””>XXXXXXXXX</a></li> <li class=”simple-links-item simple-links-widget-item” id=”link-1415″><a href=”http://xxxxxx/?page_id=3047″ target=”” title=””>XXXXXXXXXX</a></li> <li …