横浜ワードプレス教室 ホームページ・ブログ作成講座日誌 Admin Columnsプラグインの使い方
6月23日 ワードプレス教室ホームページ作成講座 講座日誌 ワードプレス教室個別指導講座 ７名（豊島区、川崎市、横浜など） functions.php作成、グーグルSearch Consoleの使い方、SeasaaブログをGoogle Search Consoleへ登録、URLとURIの違い、GIMP入門（切り抜き、レイヤーの使い方）、画像リンク修正、略地図、表の削除、イラストレーター入門、プリントパック注文方法、投稿の新規追加、[map]の使い方、mailto:, tel:の使い方、TinyMCE Advancedの導入と使い方（段落の保持）、ホームページ作成実技 .page .post-meta {display:none;}追加指定 ホームページ作成代行 追加原稿受信 6月22日 ワードプレス教室ホームページ作成講座日誌 ワードプレス教室個別指導講座 ４名、ホームページ作成教室レッスン（ホームページビルダーSP） １名、HTML １名 Admin Columnsプラグインの使い方、スラッグの編集、Google Search Consoleの使い方、miwoftpプラグインの導入、PDFファイルのアップ、固定ページへのリンク、GIMP入門、ホームページ作成入門 さくらインターネット 問い合わせフォームの設置、CGIの使い方、XMLサイトマップの作成、<title>、meta description の使い方 HTMLスカイプ個人レッスン（モバイルフレンドリー 大阪府）styleの調整、スライドショーの追加 6月21日 ワードプレスの教室 休校日 東京都港区へワードプレス出張レッスンにてホームページ作成 Custom Post Type UI, Display …
横浜ワードプレス教室 ホームページ・ブログ作成講座日誌 WP-Tilesプラグイン・ショートコードの使い方
横浜ワードプレス教室サイト作成講座日誌です。 6月16日 ワードプレス教室ホームページ作成講座日誌 WordPressホームページ作成初心者のための無料相談会申し込み受付、WordPress相談お問合せ対応、ホームページ作成・ワンポイント・レッスン経験者（千葉県）への電話技術支援、ワードプレス教室講座 ５名（東京都豊島区、川崎市川崎区、東京都立川市、横浜市保土ヶ谷区など）、東京都港区からワードプレス出張レッスンの打ち合わせ WP-Tilesプラグイン・ショートコードでのカスタム投稿とタクソノミーの使い方、GIMPでの画像編集、画像リンク修正、テーマカスタマイザーの使い方、子テーマ改造（ブログ表示形式、list.php, single-page.php）、WordPress.comの使い方、AdSense、アマゾンアフィリエイト、A8の使い方実演、Dyadテーマの使い方 京都の生徒さん向け KENT WEB MARTとWordPress共存確認試験サイトの開設 6月15日 ワードプレス教室講ホームページ作成座日誌 HTML 1名、ワードプレス教室講座 ５名 FlashからjQueryへの移行、SEO（title, meta description, h1）、サンプルWordPressテーマのインストール、表の更新（TablePressプラグインの使い方）、JPEGとPNGの使い分け、画像背景の透明化（GIMP）、FTP設定、カスタム投稿の新規作成、スラッグの編集、スマホでの表の注意点、Admin Bar Positionプラグインの導入と使い方、スマホからメディアのアップロード、ホームページ作成レッスン WordPress教室社員研修 WordPressサンプルテーマ導入と使い方 6月14日 ワードプレス教室ホームページ作成講座日誌 Post Grid ワードプレス・プラグイン試験サイト開設 Duplicate Page, Custom Post Type UI、Post Grid、TinyMCE Advanced, TinyMCE …
WP-Tiles ワードプレス・プラグインの使い方【ワードプレス教室 横浜スクール】
WordPressスクールでは、以前より数名の生徒さんがWP-Tilesプラグインを使って、投稿をグリッド表示しています。 投稿に対してのカテゴリー指定は明快だったのですが、カスタム投稿タイプでのカテゴリー（タクソノミー）指定が不明でした。 ワードプレス教室の生徒さんとの本日の授業のために、早朝出社して、その問題に取り組んでいました。 taxonomy, tax_termの組み合わせで指定すれば良さそうです。 ショートコードの実例： [wp-tiles grids=”Watch” byline_height=”20%” post_type=”item” taxonomy=”itemcat” tax_term=”brand1″ posts_per_page=9 pagination=”paging”] [wp-tiles post_type=”product” taxonomy=”product_category” tax_term=”soap”]
見出しの修飾（CSS）【ワードプレス教室 横浜スクール】
ワードプレス教室サイト作成レッスンでの実演です。 Magee Shortcodesというプラグインを使っての見出し、ボタン表示例です。 [ms_heading style=”boxed” color=”” border_color=”” text_align=”left” font_weight=”400″ font_size=”36″ margin_top=”0″ margin_bottom=”0″ border_width=”5″ responsive_text=”no” class=”” id=””]Magee Shortcodes Heading[/ms_heading] [ms_button style=”3d” link=”” size=”large” shape=”” shadow=”yes” block=”no” target=”_self” gradient=”yes” color=”” text_color=”#ffffff” icon=”” …
横浜ワードプレス教室 ホームページ・ブログ作成講座日誌 meta descriptionの使い方
6月9日 ワードプレス教室 講座日誌 ホームページ作成教室レッスン（ホームページビルダー）申し込み受付、WordPress無料相談お問合せ対応、PIXTA写真販売、Active Mail授業準備 ワードプレス個別指導講座 ４名 endwhileの使い方、phpデバッグ、meta descriptionの使い方、ホームページ作成レッスン、WordPressテーマの作成、Simple Mapプラグインの使い方（breakpoint, zoom)、mailto:、パン屑の使い方、Native Emojiワードプレス・プラグインの導入と使い方、グーグル・サーチコンソール/アナリティクスへのWordPressサイトの登録（All in One SEOプラグインの使い方） 6月8日 ワードプレス教室 講座日誌 ホームページ作成教室へお問い合わせ（三重県）、スマホ対応技術調査（大阪）、ホームページビルダー問い合わせ対応（ダウンロード版） WordCamp Tokyo 2017スポンサー準備 ワードプレス個別指導講座 ３名（ホームページ作成） WebARENA SuiteXへのWordPressインストール（FTP、Filezillar Mac版）、site-info border CSS変更（Simple CSSプラグイン経由）、index.htmlとindex.php、ディスカッション設定、ユーザー新規追加、固定ページ追加、WHOISの使い方、リスト項目、外部リンクの追加 6月7日 ワードプレス教室 講座日誌 横浜WordPressスクール 社員研修（ワードプレス・テーマの作成） WordCamp …
Magee Shortcodes Button Shortcodeプラグインの使い方【ワードプレス教室 横浜スクール】
[ms_button style=”3d” link=”http://ホームページビルダー.net/” size=”large” shape=”rounded” shadow=”yes” block=”no” target=”_blank” gradient=”yes” color=”#1e73be” text_color=”#ffffff” icon=”” icon_animation_type=”” border_width=”0″ class=”” id=””]ホームページビルダー教室[/ms_button] Magee Shortcodes Button Shortcode – Button Style – Button URL – Button Size – …
横浜ワードプレス教室 ホームページ・ブログ作成講座日誌 php入門 始めました
WordPress教室の講座日誌です。 5月30日 ワードプレス教室 ホームページ作成講座日誌 ワードプレス社員研修（phpコーディング編 if, elseif, while) WordPress講座 ６名、ホームページビルダーSP １名ホームページ作成無料相談申し込み受付（武蔵小杉、藤沢、杉並、町田、横浜市南区、金沢区）Jetpack（Photon）プラグインの試用、WP Super Cacheワードプレス・プラグインの利用、フォトモーション（jQuery)の使い方、サイトのエクスポート・インポート、Chrome F12の使い方、スタイルの変更、GIMP初心者向け入門レッスン、Google Simple Mapの不具合調査中、略地図の作成と固定ページへの配置、Googleビジネスセンターの使い方、Googleサーチコンソールの結果レビューと対策 5月29日 ワードプレス教室 ホームページ作成講座日誌 スタッフ研修 phpサンプルプログラム作成（hello.php, style.cssの作成） WordPress講座 ５名、ホームページビルダーSP２名、フルCSSテンプレート １名、ホームページ作成教室問い合わせ（大阪より）グーグルアナリティクスへサイト登録とaioseoでのトラッキングID設定、XDOMAIN管理パネルログイン、パスワード復活、php環境の用意、fanblog, seasaaブログとグーグルアナリティクス、カテゴリーの使い方、GIMPの使い方（書式の変更）、line-height:initialの使い方、サイトタイトル、キャッチフレーズの変更、Google Mapの埋め込み、問い合わせフォームの送信先メールアドレス設定、php入門（foreach, arrayの使い方）、お名前.com（ドメイン新規取得）、ロリポップクレジットカード更新、見出しのpadding-top調整、CSS position:fixedの使い方、YouTube動画加工ツールの使い方とトラブル（エラーが発生しました。動画の編集を保存できませんでした。） 整形外科通院日 5月28日 WordPressスクール定休日 休日出勤 ホームページ作成代行作業開始（兵庫県） 5月27日 ワードプレス教室 ホームページ作成講座日誌 NPO法人 ホームページ作成代行（更新とCSSのファイルパスの変更） WordPressスクール講座３名カテゴリーの使い方、グーグルアナリティクスへプロパティの追加、all in …
サイト作成講座準備【ワードプレス教室 横浜スクール】
明日のPHP入門レッスン＠WordPressスクールのためのサンプルコード <html> <head> <title>PHP Test</title> <linkrel=”stylesheet”type=”text/css”href=”style.css”> </head> <body> <?phpecho'<p>Hello World</p>’; ?> <?phpecho'<h1>’,date(‘Y年m月d日’),'</h1>’; ?> <!– コメント –> <?php $hour = date(G); /* コメント */ if($hour < 10) { echo’おはようございます。’; } elseif ($hour …
ボタン作成テスト【ワードプレス教室 横浜スクール】
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB
ワードプレス教室 横浜スクール ホームページ・ブログ作成講座日誌 XMLサイトマップの使い方
横浜WordPressスクールの講座日誌です。 5月24日 ワードプレス教室 ホームページ作成座日誌 フルCSSテンプレートでのホームページ作成教室レッスン 2名、ワードプレス・テーマでのサイト作成レッスン ３名 aioseoプラグインのインストールと使い方（meta description）、HTML/CSS基礎（miwoftpプラグインの使い方、作成したHTML/CSSファイルのアップロード）、GIMP修復ブラシの使い方、Google Search Consoleへのサイト登録、所有権の確認（ファイル転送ツールの使い方）、ヘッダー画像を GIMPで作成、メディアのアップロード「アップロード中にエラーが発生しました」現象の回避、Stinger8テーマでのホームページ作成、GIMPでのテキストボックスの整列、meta charsetの使い方、固定ページの画像へリンク設定、ダッシュボードへのログイン、ホームページ作成レッスン ホームページ作成代行受注（兵庫県のお客様）、Yahoo! JAPANプロモーション広告スポンサードサーチでの広告新規作成 5月23日 ワードプレス教室 ホームページ作成講座日誌 スタッフへのWordPress社員研修 Reusable Text Blocksワードプレス・プラグインの使い方、css z-indexの使い方 ワードプレス教室授業準備 AdSense広告追加＠https://wp-school.yokohama/、Simplicity子テーマ作成、CSS定義、Font Awesomeの使い方、Better Font Awesomeワードプレス・プラグインの使い方 ワードプレススクール講座内容 アイキャッチ画像の使い方、ZIPファイルの使い方、表示設定（投稿ページ）の使い方、css box-shadowの使い方、メディア画像サイズの変更方法、イラストACの利用方法、コンタクト・フォーム７プラグインでのフォームの複製、Ultimate Proワードプレス・テーマの使い方（ロゴ画像の設定）、ホームページ作成実技 ホームページ作成代行 Akismetプラグインによるスパム対策（bbPress） 5月22日 ワードプレス教室 ホームページ作成講座日誌 WordPressテーマ ４名 …
Simplicity2 ワードプレス子テーマ スタイルのカスタマイズ【ワードプレス教室 横浜スクール】
WordPressスクール ホームページ作成作成講座準備メモ Simplicity2 子テーマ スタイル変更 /wp-content/themes/simplicity2-child/style.css /* Theme Name: Simplicity Child Template: simplicity2 */ @import url(“../simplicity2/style.css”); #site-description { float:left; } /* ヘッダー TEL& mail */ #my-e-mail:before { content: “\f003 ”; font-family:’FontAwesome’; } #my-tel:before …
【ワードプレス教室 横浜スクール】講座日誌 Font Awesomeの使い方
WordPressスクールに通うワードプレス初心者の生徒さんがSimplicityというテーマを使ってホームページ作成されています。 その中で、Font Awesomeを使うことになりました。 Better Font Awesomeワードプレス・プラグインの導入 CSSの作成 #my-e-mail:before { content: “\f003 ”; font-family:’FontAwesome’; } #my-tel:before { content: “\f098 ”; font-family:’FontAwesome’; } 使用中のワードプレス・テーマは、Font Awesomeをもともと使っており、上記のワードプレス・プラグインは不要なことが後に判明しました。
ホームページ作成講座準備【ワードプレス教室 横浜スクール】
WordPressスクール ホームページ作成講座準備 ワードプレス・テーマ：Simplicity 子テーマを作成して、スタイル、header.phpのカスタマイズを検討する。 スタイルは以下のように /* Theme Name: Simplicity Child Template: simplicity2 */ @import url(“../simplicity2/style.css”); /* サイドメニュー */ #nav_menu-2 ul { padding-left:0px; } #nav_menu-2 ul li { background: linear-gradient(to bottom, …