本日のレッスンの宿題【ワードプレス教室 横浜スクール】
本日のレッスンではワードプレス・テーマ Virtue のカスタマイズ ポートフォリオの表示形式をCSSにて変更 .portfolio_item .portfoliolink { opacity: 1; } 次回の授業でレッスン予定
ワードプレス サイト 引っ越しメモ（ロリポップからxserver wpX）【ワードプレス教室 横浜スクール】
ワードプレス サイト 引っ越し後 XSEVER（wpX) tracert doctor-x.yokohama doctor-x.yokohama [157.112.150.11] へのルートをトレースしています 経由するホップ数は最大 30 です: 1 <1 ms <1 ms <1 ms ATERM-D0BE43 [192.168.0.1] 2 3 ms 2 ms 3 ms KD125054192193.ppp-bb.dion.ne.jp [125.54.192.193] 3 …
【ワードプレス教室 横浜スクール】 ホームページ・ブログ作成講座日誌 横浜 JetPackパブリサイズでのカスタム投稿の追加プラグイン
2月12日 ワードプレス学校休校日 休日出勤 xps, ムームードメインでのドメイン設定、ロリポップでのドメイン設定 「403 Error 現在、このページへのアクセスは禁止されています。 サイト管理者の方はページの権限設定等が適切かご確認ください。」 2月11日 ワードプレススクール定休日 2月10日 横浜ワードプレス教室 ホームページ作成講座日誌 WordPressスクールサイト作成講座 ２名、ホームページビルダー ホームページ作成教室レッスン １名 イベントオーガナイザープラグイン日付形式（functions.php）、サイト新規作成、miwoftpプラグイン導入、Google XML Sitemapsプラグインの導入、イベントオーガナイザープラグインのツールチップ非表示、httpsサイトのGoogle Search Consoleへの登録 ホームページ作成教室出張レッスン（ホームページビルダーSP） 横須賀中央 ワードプレス教室社員研修 wpx管理パネルの使い方（料金のお支払い、独自ドメイン取得、phpバージョン設定） 2月9日 横浜ワードプレス教室 ホームページ作成講座日誌 ワードプレス教室インストラクター社員研修 Event Organiserワードプレス・プラグイン（[eo_fullcalendar titleformatmonth=’Y M’]）ショートコードの使い方、wpxレンタルサーバー申し込み ホームページ作成教室 スカイプレッスン（高知県）受付 ホームページ作成教室講座 １名（ホームページビルダー）、WordPressサイト作成レッスン １名 WP-Tilesプラグインの使い方 2月8日 横浜ワードプレス教室 ホームページ作成講座日誌 WordPress教室サイト作成講座 ５名 …
【ワードプレス教室 横浜スクール】 講座日誌 横浜 Event Organiserワードプレス・プラグインの使い方
2月1日 ワードプレス教室 ワードプレス教室スタッフ 社員研修 z-index, position:fixed, letter-spacing css の使い方、WP-Insertプラグインの使い方、固定ページの更新、キャッシュの削除 ワードプレス教室講座 ３名、ホームページ作成教室レッスン（ホームページビルダー）１名 etyping練習、html5&css3基礎入門実習（Adobe Brackets使用）、メニューの編集、ページ更新、AdWordsの使い方（キャンペーン作成、広告作成）、フォトショップの使い方（画像解像度変更） 1月31日 ワードプレス教室 社員研修 Event Organiserワードプレス・プラグイン 日付形式変更（functions.phpへフィルター追加）、Virtueテーマの試験用ワードプレス・サイト開設とカスタマイズ、Kadence Toolkitプラグインのインストール、テーマオプションの使い方とカスタマイズ ワードプレス教室講座 レンタルサーバー、ドメイン基礎講座 1月30日 ワードプレス教室 ワードプレス教室講座３名 タッチタイピング入門、meta description更新（All in One SEOプラグイン使用）、Image Widgetプラグイン、CF7フォームの編集（チェックボックスの追加）、Master Sliderプラグインの使い方、XServerへのワードプレスインストール、テーマの探し方、Virtueテーマの導入、表示設定フロントページの指定、アイキャッチ画像の使い方 初心者向けホームページ作成教室無料相談会１名 1月29日 ワードプレス教室 ワードプレス教室講座４名、ホームページ作成講座（ホームページビルダー）１名 TCP Amoreテーマサイト作成、Post …
【ワードプレス教室 横浜スクール】 ホームページ作成講座日誌 テーマstorkのカスタマイズ
1月24日 ワードプレス教室 社員研修 Biz Calendarプラグイン 臨時休業日設定、内部SEO、投稿カテゴリーの整理 ワードプレス個別指導講座 ２名 固定ページ編集、stork子テーマのheader.php変更、カスタムCSS、Hide Admin Barプラグインの導入と使い方、アイキャッチ画像の非表示、ワードプレス・テーマ試験サイト開設、miwoftpプラグイン導入 1月23日 ワードプレス教室 ワードプレス個別指導講座 ３名、ホームページ作成教室レッスン（ホームページビルダー）１名 html5&css3入門、<link>タグの使い方、投稿の新規作成、style.css編集、FTP転送設定、aioseo meta description入力、Google Search Consoleの使い方、画像ウィジット・プラグインのインストールと使い方、A8ネット広告埋め込み、float:leftの使い方、CSS text-transform:uppercaseの使い方 1月22日 ワードプレス教室 ホームページ作成出張レッスンお問合せ対応 ワードプレス個別指導講座 １名 header.php, single.phpの編集 雪のため17時で休校 1月21日 ワードプレス教室 ワードプレス学校休校日 武蔵新城（川崎市中原区）、日吉・綱島（横浜市港北区）へ出張 1月20日 ワードプレス教室 ワードプレス個別指導講座 ４名、ホームページビルダーSP1名 無料レンタルサーバーXdomainへワードプレスのインストール ワードプレス基本操作、ワードプレステーマDYADのカスタマイズ、Event Organiserプラグイン、Simple Cssプラグインの使い方 1月19日 ワードプレス教室 …
ワードプレス教室 横浜スクール ホームページ・ブログ作成講座日誌 Master Sliderプラグインの使い方
1月12日 横浜ワードプレス教室 ホームページ作成講座日誌 WORDPRESSスクールサイト作成初心者入門講座 ３名 HTML5&CSS3入門、Adobe Bracketsの使い方、AviUtlの使い方、Stork子テーマ作成、WordPress Popular Postsプラグインのインストールと使い方（投稿タイプの指定）、Post Gridの使い方、CPT UIタクソノミー追加、Master Sliderプラグインの使い方（スライドショー） 1月11日 横浜ワードプレス教室 ホームページ作成講座日誌 ワードプレス教室社員研修（Adobe Bracketsの導入と使い方） WordPress教室初心者講座 ２名、ホームページ作成教室レッスン（ホームページビルダー15） １名 HTML5&CSS3基礎、all in one seoプラグイン 長いデスクリプションの使い方 hpbclearn.exeリセット、ファイル転送ツールの使い方、ライブハウススケジュール更新 1月10日 横浜ワードプレス教室 ホームページ作成講座日誌 Childcare子テーマ style.css、li:last-child, background-size:contain;の使い方、WP Super Cacheプラグイン導入、Filezillaで旧サイト（html）の削除、404.phpの編集（子テーマ）、Master Sliderプラグインの使い方、テーマのカスタマイズ 1月9日 横浜ワードプレス教室 …
Childcare ワードプレス子テーマ作成 CSS変更メモ【ワードプレス教室 横浜スクール】
ワードプレス教室でのホームページ作成レッスン Childcareの子テーマを作成して、サイト作成中。 ナビゲーションメニューの表示変更のご要望、次のCSSを作成しstyle.cssに追加。 .navbar-nav > li:last-child { background-image: url(http://xxxxxx.com/wp/wp-content/uploads/2018/01/黄色ãƒã‚™ãƒŠãƒ¼.png); width:365px; float:right; text-indent:-9999px; background-repeat: no-repeat; background-color: transparent; margin-right: 24px; margin-top: 4px; } @media only screen and (max-width: 480px) and (min-width: 200px) …
Event Organiserワードプレス・プラグインCSS調整【ワードプレス教室 横浜スクール】
横浜WordPressスクールでの授業のための予習メモ /* 2018/01/09 */ td.fc-day-number.fc-sun.fc-past, td.fc-day-number.fc-sun.fc-future { background-color: pink; } td.fc-day-number.fc-sat.fc-past, td.fc-day-number.fc-sat.fc-future { background-color: lightblue; } span.fc-list-header-right::after { content: “日”; } プラグイン試験ページはこちら https://sandbox.yokohama/plugin-page/
ワードプレス教室 横浜スクール ホームページ・ブログ作成講座日誌 Search Regex プラグインの導入と使い方
12月31日 ワードプレス教室年末年始休校日 教室外整備（POP配置など）＋川崎出張 12月30日 ワードプレス教室年末年始休校日 教室内整備（床磨きなど）＋六角橋出張 12月29日 ワードプレス教室年末年始休校日 教室外整備（外掃除など）＋反町出張 12月28日 ワードプレス教室 ワードプレス個別指導講座 １名、ホームページ作成教室（ホームページビルダー テンプレート使用） １名 ロシア語ページ追加作成 12月27日 ワードプレス教室 ワードプレス教室の社員研修 aioseo title, description, Search Regex プラグインの導入と使い方Postタイトル変更、XMLサイトマップ更新 ワードプレス サイト作成代行 固定ページ、Wp-Tilesショートコード設置、カテゴリー追加、Line@Manager友達追加ボタン ワードプレス個別指導講座 ４名、ホームページ１名（東京、川崎、神奈川県） nend新規広告枠の作成、テキストウィジットへの配置、Reusable Text Blockプラグインの使い方、Slide Revolutionプラグインの使い方、404エラーの修正、Column Shortcodesプラグインの追加、Simple CSSプラグインの使い方、ワードプレス作成事例更新 12月26日 ワードプレス教室 社員研修 Google Webmasters YouTube Channel, My Sites Template …
ワードプレス教室 横浜スクール ホームページ作成講座日誌 さくらインターネットでのSSL化
横浜WordPress教室講座日誌 12月22日 ワードプレス教室 社員研修 Search Regexワードプレス プラグインの使い方、さくらインターネットでの独自SSLの使い方 WordPressサイト作成代行 問題報告と原因調査 ワードプレス個別指導講座 ３名（東京都杉並区、板橋区。一日集中レッスン含む） ワードプレス初心者入門講座 基本操作、さくらインターネットでのSSL化、レスポンシブ ページの作成（@mediaの使い方）、テンプレートキング テーマのカスタマイズ、Simple CSSプラグインの導入と使い方、Master Sliderプラグインの使い方講座、Duplicate Post、WPFront Scroll Topプラグインの使い方、CSS基礎と実践（div, float） 横浜WordPress教室講座日誌 12月21日 ワードプレス教室 チラシ プリントパックへ追加発注 ホームページビルダー フルCSSテンプレート 1名、ワードプレス個別指導講座 ２名、範囲無制限コース １名 display:inline-blockの使い方、<span>、</a>の使い方、Chromeデバイス一覧の追加 社員研修 all in one seoプラグインでのデスクリプションの文字数変更 aioseop.class.php maximum_description_lenghtの変更 12月20日 ワードプレス教室定休日 休日出勤 …
ワードプレス教室 横浜スクール ホームページ・ブログ作成講座日誌 社員研修 Lightningテーマのカスタマイズ（スライドショー時間設定の使い方）
12月15日 横浜ワードプレス教室 講座日誌 ホームページ作成代行作業進行 投稿カテゴリーの追加、固定ページの追加、WP-Tilesワードプレス・プラグイン ショートコードの挿入 ワードプレス個別指導講座 ４名 ノートパソコンメモリー増設、でんでんエディターの使い方、ロリポップレンタルサーバー マルチドメイン設定、独自SSL設定、ワードプレスURLの変更、動画編集、Font Awesomeの使い方、Intuitive Custom Post Orderプラグインの対象設定（固定ページ）、テーマ選択（Weblizar Options）、Footer Widget Areaの使い方、SEO検討相談 ホームページ作成無料相談会申し込み受付、レスポンシブ画像お問合せ対応 12月14日 横浜ワードプレス教室 講座日誌 ワードプレス教室 社員研修 EWWW Image Optimizerプラグインなどの更新、WP Insertプラグイン内容編集、css transition-duration, text-shadowの使い方、Search Regexプラグインの使い方（httpからhttps）、HTTPS Redirectionプラグインの使い方（Force Resources to use …
ワードプレス サイト作成代行（ホームページ作成）開発作業環境【ワードプレス教室 横浜スクール】
昨晩は、WordPressスクールの教室レッスン終了後、ワードプレス作成代行作業のために残業。主に固定ページへのメディアの配置を行いました。 愛用のThinkPad（T460s）に外部モニターを接続して、拡張デスクトップにしています。パソコンのモニターではWP-Insertプラグインの設定画面、拡張モニター左側は固定ページの編集、右側はGoogle Chrome Developer Tools
社員研修 バナー画像のHTML/CSS化【ワードプレス教室 横浜スクール】
WordPressスクールで管理しているワードプレス・サイトの https://パソコン教室横浜.net/ から他のサイトへリンクを設置しています。バナー画像へのリンク設定です。（Image Widgetワードプレス・プラグイン使用） 本日の社員研修の課題として、バナー画像をHTML/CSS置き換えることに挑戦しました。その結果を掲載します。 CSS /* 20171208 */div.site-banner {height:70px;width:221px;margin-left:-10px;}div.site-banner:hover {transform:scale(1.05);}div.site-banner-inner {height:60px;width:211px;}.site-banner h1 {font-size:12pt;font-weight:bold;text-shadow: 1px 1px black;margin:2px;}.site-banner a {text-align: center;color:white;text-decoration: none;}.site-banner p {margin:0;font-weight: bold;}div.site-banner.blue {border: outset mediumblue 5px;background-color:blue;}div.site-banner.red {border: outset #fc8888 5px;background-color:#fc4644;}div.site-banner.red2 …
ワードプレス教室 横浜スクールホームページ・ブログ作成講座日誌 SSL Insecure Content Fixerプラグイン
12月6日 ワードプレス教室 講座日誌 ホームページ作成代行作業 （フォトショ画像切り抜き、画像差し替え、固定ページ更新） ワードプレス教室 社員研修 SSL Insecure Content Fixerワードプレス プラグインのインストールと使い方 ワードプレス個別指導講座 ２名、ホームページビルダーSP １名、HTML/CSS編集 １名 スマホ版更新（投稿追加）、ロリポップでのWordPressインストール、the espresso（WordPressテーマ）試用とカスタマイズ、,<br/>の使い方、リンクの挿入、テーマ選び、テーマの探し方、テーマのカスタマイズ 12月5日 ワードプレス教室 講座日誌 ワードプレス教室 社員研修 教室道案内 固定ページの追加作成 ワードプレス個別指導講座 ３名 LINE@ Managerの使い方、WP-Tilesプラグイン font-size調整 （スマホ版のみ @media）、クイックタグの挿入、電話番号へのリンク 12月4日 ワードプレス教室 講座日誌 ワードプレス個別指導講座 ３名 カテゴリー作成と投稿の分類、さくらインターネット SSL停止、httpsからhttpへの変更、fa-clock-o CSS属性変更、Intuitive Custom Post Order, Ultimate Category Excluder, Exclude Widgetプラグインのインストールと使い方、標準ウィジットのスタイルの移植 …
Exclude Category Widgetワードプレス プラグイン 修正CSSのメモ【ワードプレス教室 横浜スクール】
Exclude Category Widgetを、ワードプレス教室の生徒さんがサイト作成中のワードプレス テーマになじませるためのCSS .widget_excludecategory ul { padding-left: 0; margin: 0; font-size: 14px; list-style: none; } .widget_excludecategory ul li { margin-bottom:0; } .widget_excludecategory ul li a { display: block; padding: …
Shortcodes Ultimate ワードプレス プラグインの試験投稿【ワードプレス教室 横浜スクール】
ワードプレス教室の授業で、Shortcodes Ultimateプラグインを生徒さんのサイトにインストールしました。Columnsを使うことが主な目的です。アニメーションにもご興味があるようなので、その予習のための投稿です。 [su_animate type=”flash” duration=”4″ delay=”1″]Shortcodes Ultimate ワードプレス・プラグイン[/su_animate] flash [su_animate type=”bounce” duration=”4″ delay=”1″]Shortcodes Ultimate ワードプレス・プラグイン[/su_animate] bounce [su_animate type=”shake” duration=”4″ delay=”1″]Shortcodes Ultimate ワードプレス・プラグイン[/su_animate] shake [su_animate type=”tada” duration=”2″ delay=”1″]Shortcodes Ultimate ワードプレス・プラグイン[/su_animate] tada …
Master Sliderワードプレス・プラグイン表示問題@Microsoft Edge【ワードプレス教室 横浜スクール】
ワードプレス教室の生徒さんがサイト作成中のネットショップでMaster Sliderワードプレス・プラグインを使用。 Microsoft Edgeでは、スライドの表示に問題があるようです。 https://wordpress.org/support/topic/master-slider-is-broken-in-microsoft-edge/ （2018.07.23追記） 現在も問題が残る isIE11=!!navigator.userAgent.match(/Edge/); というコードを /wp-content/plugins/master-slider/public/assets/js/masterslider.min.js に追加することで回避。 また、transition を Normal から Fade に変更
ワードプレス教室 横浜スクール ホームページ・ブログ作成講座日誌 Reusable Text Blocks プラグインの使い方
11月27日 WordPress教室講座日誌 ワードプレス サイト作成無料相談会申込受付、Reusable Text Blocks ワードプレスプラグインの使い方を社員研修 WordPressスクール・サイト作成講座 ６名（川崎市、東京都、横浜市、藤沢市） ダッシュボード一般設定（httpからhttpsへURL変更）、投稿カテゴリーの追加、スラッグの意味と指定、Display Posts Listプラグインショートコードの追加、「ヘルモア」の使い方、TinyMCE Advancedでの背景色指定、TCD AMOREテーマのカスタマイズ、関連記事表示数の変更方法、コラム幅調整（CSS）、target=”_blank”の使い方、Lightning Advanced Unit WordPressプラグインの導入、Category Order and Taxonomy Orderワードプレス・プラグインの追加導入と使い方、ロリポップ無料SSL設定、Google Search Consoleでのプロパティ削除と追加、アナリティクスへのサイト登録、All in One SEOプラグインの使い方 11月26日 ワードプレス学校定休日 長野県出張（市場調査） 11月25日 WordPress教室 ホームページ作成講座日誌 ワードプレス教室 社員研修 テンプレート階層、single-$posttype.php作成、php echoの使い方、get_template_partの使い方、トグルメニューへの文字列追加、ブログ …
ホームページ作成講座 予習メモ【ワードプレス教室 横浜スクール】
eStoreの子テーマを作成し、WordPressテーマのカスタマイズ中の生徒さん 次回授業では、テーマファイルの変更 single-itemlist.php template-parts/content-single.php また、CSSの変更 media (max-width: 768px) .toggle-wrap .toggle { color: #333; font-size: 28px; position: relative; top: 6px; cursor: pointer; } topの位置を調整の予定です。