ワードプレス教室 横浜スクール ホームページ・ブログ作成講座日誌 社員研修 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 …
社員研修 バナー画像の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プラグインのインストールと使い方、標準ウィジットのスタイルの移植 …
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の使い方、トグルメニューへの文字列追加、ブログ …
ワードプレス教室 横浜スクールホームページ作成講座日誌 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: …
横浜ワードプレス教室 ホームページ作成講座日誌 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> …