ワードプレス教室 横浜スクール ホームページ・ブログ作成講座日誌 社員研修 Lightningテーマのカスタマイズ(スライドショー時間設定の使い方)

12月15日 横浜ワードプレス教室 講座日誌 ホームページ作成代行作業進行 投稿カテゴリーの追加、固定ページの追加、WP-Tilesワードプレス・プラグイン ショートコードの挿入 ワードプレス個別指導講座 4名 ノートパソコンメモリー増設、でんでんエディターの使い方、ロリポップレンタルサーバー マルチドメイン設定、独自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ワードプレス プラグインのインストールと使い方 ワードプレス個別指導講座 2名、ホームページビルダーSP 1名、HTML/CSS編集 1名 スマホ版更新(投稿追加)、ロリポップでのWordPressインストール、the espresso(WordPressテーマ)試用とカスタマイズ、,<br/>の使い方、リンクの挿入、テーマ選び、テーマの探し方、テーマのカスタマイズ 12月5日 ワードプレス教室 講座日誌 ワードプレス教室 社員研修 教室道案内 固定ページの追加作成 ワードプレス個別指導講座 3名 LINE@ Managerの使い方、WP-Tilesプラグイン font-size調整 (スマホ版のみ @media)、クイックタグの挿入、電話番号へのリンク 12月4日 ワードプレス教室 講座日誌 ワードプレス個別指導講座 3名 カテゴリー作成と投稿の分類、さくらインターネット 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スクール・サイト作成講座 6名(川崎市、東京都、横浜市、藤沢市) ダッシュボード一般設定(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の位置を調整の予定です。

ワードプレスとは? 基本構成図【ワードプレス教室 横浜スクール】

横浜WordPressスクールでワードプレス初心者の生徒さんへ、配布している基本構成図です。 ホームページ作成の立場からの構成です。 テーマ 固定ページ 投稿とカテゴリー (カスタム投稿とタクソノミー) メディア メニュー ウィジット プラグイン 設定 スラッグ カスタマイズ

Welcome to WordPress 4.9【ワードプレス教室 横浜スクール】

ワードプレス教室のWordPressを4.9に更新しました。 次の特徴があるそうです。 ・Customizer Workflow ImprovedDraft and Schedule Site Design CustomizationsCollaborate with Design Preview LinksDesign Locking To Guard Your ChangesA Prompt to Protect Your Work・Coding EnhancementsSyntax Highlighting and Error Checking? Yes, …

ワードプレス教室 横浜スクールホームページ作成講座日誌 VK All in One Expansion Unitプラグインの使い方

11月16日 ワードプレス教室 講座日誌 ホームページ作成無料相談会 1名、ワードプレス個別指導講座 5名、ホームページビルダーお問合せ 1名 VK All in One Expansion Unitプラグインの使い方(SNS設定)、固定ページの編集、メディアキャプションの使い方、Master Sliderプラグインでのサムネイルサイズ指定方法、Author Blockの消去、nav-prev, nav-next位置と色のCSS設定、Web色見本の使い方、レイヤーの移動、ロリポップレンタルサーバーの契約、ムームードメインにて独自ドメインの取得、簡単WordPressインストールの実行 社員研修 カートボタンのCSS実装調査(inputと:before) 11月15日 ワードプレス教室 スクール定休日(第3水曜日) ホームページ作成代行 事務作業 通院(内科、整形外科) 11月14日 ワードプレス教室 講座日誌 ワードプレス個別指導講座 4名 Googleアナリティクス新規プロパティ登録、トラッキングIDの設定(All in One SEOプラグイン)、固定ページ内容の校正、Googleサーチコンソール、アナリティクスの連携、キーワードプランナーの使い方、Adword ExpressとAdwordsの比較検討、bloginfoの使い方、h2テキスト改善、IPアドレス除外、Contact Form 7プラグイン 問い合わせフォームの入力項目見直し、entry-contents h2 CSS定義追加(Simple …

CSS 授業予習メモ【ワードプレス教室 横浜スクール】

INPUTにはbefore疑似クラスが効かない。INPUTをSPANで囲み、SPANのスタイルとして適用。 <span class=”button”><input type=”submit” value=”カートに入れる”></span> button, input[type=”button”], input[type=”reset”], input[type=”submit”] {background-color: transparent;} .button:before {content: “\0000a0”;display: inline-block;height: 24px;width: 24px;line-height: 24px;margin: 0 4px -6px -4px;position: relative;top: -1px;left: -6px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABWElEQ…IvxnN5Us3sQ5zfPIkre3K75cLUEg75Ks5FW5TyJNXI9fwDH4BGFi3u5H4AAAAASUVORK5CYII=) no-repeat left center transparent;background-size: …

Sucuri Inc. WP Plugin Failed logins記録【ワードプレス教室 横浜スクール】

横浜WordPressスクールへの最近のFailed Login(Sucuri Securityプラグインにて記録) Username Password IP Address Date/Time Web Browser hpb21 hidden 104.168.75.24 2017年11月8日 9:00 PM Mozilla/5.0 (KHTML, like Gecko) Safari/537.36 hpb-school hidden 181.214.87.244 2017年11月8日 4:20 PM Mozilla/5.0 (Windows NT …

横浜ワードプレス教室 ホームページ作成講座日誌 Instagram Feedプラグインの使い方

横浜WordPressスクールの教室講座日誌です。 11月6日 ワードプレス教室 ホームページ作成講座日誌 ワードプレス社員研修 Instagram Feedワードプレス・プラグインの使い方 ワードプレス教室講座 5名、HTML/CSS(ホームページビルダーでのホームページ作成教室レッスン)1名 Jetpackプラグイン関連記事停止、Facebookとホームページ役割確認、動画編集とYouTubeへのアップロード、css ol: font-size指定、拡張デスクトップ導入、イラレ原稿の出稿(プリントパック)、Square Bracketの入力方法、レスポンシブなページ設計の試作 11月5日 ワードプレス教室 休校日 ホームページ作成代行業務(休日出勤) Googleマップへのビジネス情報登録(神戸市 下肢静脈瘤) 11月4日 ワードプレス教室 ホームページ作成講座日誌 ワードプレス教室講座 4名、ホームページビルダーSP 2名 border-radiusの使い方、アイテムギャラリーの使い方、カテゴリーの追加、パンくずリストの使い方、single-post-title()の使い方、Post Gridプラグインの使い方 11月3日 WordPressスクールの休校日 休日出勤 WordPressスクール サイトの更新(スマホ表示の不具合解消) ホームページ作成代行(検索順位報告書作成&納品) ホームページ作成事例集の改善(NEW) 11月2日 ワードプレス教室 ホームページ作成講座日誌 ワードプレス スクールのスタッフ研修 RSS Feedの登録(Google Search Console) ワードプレス教室講座 2名 …

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

横浜ワードプレス教室の生徒さんがAppointment Blueというテーマを使ってサイト作成しています。(Appointmentというテーマの子テーマ) ページのタイトルの変更方法の調査記録です。 index-banner.php <!– Page Title Section –> <div class=”kamata”>index-banner.php</div> <div class=”page-title-section”> <div class=”overlay”> <div class=”container”> <div class=”row”> <div class=”col-md-6″> <!– <div class=”page-title”><h1><?php the_title(); ?>XXXXXXXX</h1></div> –> <div class=”page-title”><h1><?php single_post_title(); ?></h1></div> …

ワードプレス・プラグイン削除記録【ワードプレス教室 横浜スクール】

ワードプレス・サイト https://ホームページビルダー.net から、本日次のプラグインを削除しました。 Flexi Pages Widget を削除しました。 Flight Radar を削除しました。 Google Language Translator を削除しました。 hpb Dashboard を削除しました。 hpb seo plugin for WordPress を削除しました。 HTML Editor Syntax Highlighter を削除しました。 Advanced Recent Posts を削除しました。 …