横浜ワードプレス教室 ホームページ・ブログ作成講座日誌 php入門 始めました

WordPress教室の講座日誌です。 5月30日 ワードプレス教室 ホームページ作成講座日誌 ワードプレス社員研修(phpコーディング編 if, elseif, while) WordPress講座 6名、ホームページビルダーSP 1名ホームページ作成無料相談申し込み受付(武蔵小杉、藤沢、杉並、町田、横浜市南区、金沢区)Jetpack(Photon)プラグインの試用、WP Super Cacheワードプレス・プラグインの利用、フォトモーション(jQuery)の使い方、サイトのエクスポート・インポート、Chrome F12の使い方、スタイルの変更、GIMP初心者向け入門レッスン、Google Simple Mapの不具合調査中、略地図の作成と固定ページへの配置、Googleビジネスセンターの使い方、Googleサーチコンソールの結果レビューと対策 5月29日 ワードプレス教室 ホームページ作成講座日誌 スタッフ研修 phpサンプルプログラム作成(hello.php, style.cssの作成) WordPress講座 5名、ホームページビルダーSP2名、フルCSSテンプレート 1名、ホームページ作成教室問い合わせ(大阪より)グーグルアナリティクスへサイト登録と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スクール講座3名カテゴリーの使い方、グーグルアナリティクスへプロパティの追加、all in …

ワードプレス教室 横浜スクール ホームページ・ブログ作成講座日誌 XMLサイトマップの使い方

横浜WordPressスクールの講座日誌です。 5月24日 ワードプレス教室 ホームページ作成座日誌 フルCSSテンプレートでのホームページ作成教室レッスン 2名、ワードプレス・テーマでのサイト作成レッスン 3名 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の利用方法、コンタクト・フォーム7プラグインでのフォームの複製、Ultimate Proワードプレス・テーマの使い方(ロゴ画像の設定)、ホームページ作成実技 ホームページ作成代行 Akismetプラグインによるスパム対策(bbPress) 5月22日 ワードプレス教室 ホームページ作成講座日誌 WordPressテーマ 4名 …

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をもともと使っており、上記のワードプレス・プラグインは不要なことが後に判明しました。

テーマCSS調整覚書【ワードプレス教室 横浜スクール】

横浜WordPressスクール 本日の授業より… div#page { margin-top: -5px; } @media screen and (min-width: 44.375em) style.css:2731 body:not(.custom-background-image):before, body:not(.custom-background-image):after { height: 0px; } ホームページ作成中の生徒さんとのレッスンの予習です。

ホームページ作成講座準備 CSS【ワードプレス教室 横浜スクール】

リスト項目の幅調整 CSS@WordPressスクール li#menu-item-542 { transform: scaleX(0.6); transform-origin: left; -o-transform: scaleX(0.6); -o-transform-origin: left; -webkit-transform: scaleX(0.6); -webkit-transform-origin: left; display: inline-block; width: 300px; }

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

WordPressスクールの授業より。。。 生徒さんが次のCSSをホームページ作成中のご自分のサイトに適用したいとの相談 .square_btn{ display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #668ad8; color: #FFF; border-bottom: solid 4px #627295; border-radius: 3px; } .square_btn:active { -ms-transform: translateY(4px); -webkit-transform: translateY(4px); transform: translateY(4px); box-shadow: …

ワードプレス教室 横浜スクール 講座日誌 Ronikaワードプレス・テーマのカスタマイズ

5月15日 ワードプレス教室 講座日誌 ワードプレス個別指導講座 2名、ホームページビルダーワンポイント・レッスン申し込み 1名 HTML/CSS基礎、backgroumd-repeatの使い方、CSSクラス名、ID名の書き方、Ronikaワードプレス・テーマ、サイトURL変更(www無しへ)、CORS(Cross-Origin Resource Sharing)の回避、HTML5 Player、Html5 audio playerプラグインの導入・評価、upload_max_filesizeの変更(php.ini)@お名前.comサーバー、Password Protectedワードプレス・プラグインの導入と設定 Onetoneテーマとaioseo meta description問題(フロントページの表示設定) wp-school.yokohama リニューアル作業継続(Jetpackへの登録、パブリサイズ連携、Photon使用開始) 5月14日 ワードプレス教室 休校日 休日出勤 wp-school.yokohamaリニューアル on ロリポップサーバー WordPressインストール(仮URL) テーマ(Onetoneインストール) フロントページ再作成 投稿のエクスポートとインポート プラグインの導入(display posts list、WP Super Cache、Edit Author …

サイト作成レッスン CSS memo【ワードプレス教室 横浜スクール】

WordPressスクール 教室で授業 ワードプレス初心者の「生徒さんが作成中のホームページ ウィジットに表示するメニュー項目の文字列幅調整 css transformの使い方 .menu-item-470 a { transform: scaleX(0.6); transform-origin: left; display: inline-block; width: 300px; }

ワードプレス教室 横浜スクール ホームページ・ブログ作成講座日誌 bbPressプラグイン トピックへのスパム対策

4月26日 横浜ワードプレス教室 講座日誌 ワードプレス個別指導講座 テーマ(seventeen sixteen) 1名、フルCSSテンプレート 1名、Eストア 1名 GIMP Mac版 インストール&使い方、JPEG品質、Flume For Mac使い方、WP Social Bookmarking Lightプラグイン使い方(位置の設定)、ディスカッション設定の使い方、メディアの追加、ページの更新、aioseo meta description, WordPress Related Postsプラグインの使い方、アフィリエイト・サイトの作成 WordPressサイト作成代行 bbPressプラグインの使い方(スパム対策 Akismet anti spam) 4月25日 ワードプレス教室 講座日誌 パソコン教室横浜.net 内部SEO ワードプレス個別指導講座 2名、フルCSSテンプレート 1名、hpb17 無料相談 1名、Eストア・ショップサーブ 1名 カスタム投稿タイプ、display posts shortcodeプラグイン使い方、カテゴリーの使い方、メニューカスタムURL、ARVEプラグインの使い方、WordPress 4.7.4へ更新、カスタムタクソノミーの使い方、CPT UIプラグインの使い方、ビジュアルサイトビューの使い方、タグクラウドの使い方 …

font-familyメモ【ワードプレス教室 横浜スクール】

フォントの指定CSSの試験@横浜WordPressスクール #bg_black2 p { font-family: 游明朝, YuMincho, “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, HG明朝E, “MS P明朝”, “MS 明朝”, serif; } #bg_black2 p { font-family: 游明朝, YuMincho, “ヒラギノ明朝 ProN W3”, “Hiragino …

横浜ワードプレス教室 ホームページ・ブログ作成講座日誌 ワードプレス入門講座(投稿、固定ページ、メニュー、テーマの使い方)

ワードプレス教室サイト(https://wp-school.yokohama/)更新 ワードプレス初心者の生徒さんのホームページ作成事例追加掲載 NPO法人ホームページ更新作業(http://www.npo-earth-eco.com/) 理事長さんからメールで追加のページ(HTML)が送られてきます。こちらが管理しているサイトに組み込んで、サーバーにアップロードです。 本日の生徒さんは:ワードプレス個別指導講座 1名、ホームページビルダーでのホームページ作成教室レッスン(フルCSSテンプレート) 2名、ホームページビルダークラシックWordPressテンプレート 1名、ホームページビルダーSPワードプレスサイト 2名。 本日のレッスン内容(抜粋) サーバー、ドメインとは?、ワードプレス入門講座(投稿、固定ページ、メニュー、テーマ)練習用ワードプレスサイトを教室が提供 スマホメニュー修復、スマホナビゲーション修復 #hpb-nav li a CSS調整 ブログ追加投稿 h3の複製、PDFの画像化(ウェブアートデザイナーの使い方) ムームードメイン、ロリポップ契約更新 SPキャッチフレーズの変更 ホームページ作成

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> …

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

ワードプレス テーマ (Principle)のウィジットサイドバー左右入れ替えなど・・・CSSの調整@横浜WordPressスクール #main { float:right; } #side { float:left; } #header { background-image:none; } WordPressサイト作成の準備です。

WordPressテーマ スタイル変更備忘録 media printの使い方【ワードプレス教室 横浜スクール】

Bootstrapベースのワードプレス・テーマ ワードプレス教室の生徒さんがホームページ作成に使用中。 ブラウザーでの印刷に対応していない。印刷用のスタイルの追加作業中@WordPressスクール @media print { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; …

CSS Beautifier http://www.cleancss.com/css-beautify/ の使い方【ワードプレス教室 横浜スクール】

ワードプレス教室、本日の授業中に見つけて使い始めたツールの覚書 http://www.cleancss.com/css-beautify/ autoptimizeプラグインなどで、改行コードやインデントが削除されたCSSを解析するときに使えそうです。 WordPressスクール 鎌田裕二

Windows Macで丸ゴシックの表示 CSSメモ【ワードプレス教室 横浜スクール】

丸ゴシックの指定@横浜WordPressスクール { font-family:”ヒラギノ丸ゴ Pro W4″,”ヒラギノ丸ゴ Pro”,”Hiragino Maru Gothic Pro”,”ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro”,”HG丸ゴシックM-PRO”,”HGMaruGothicMPRO”; }

WP Simple Booking Calendar ワードプレス プラグイン スタイルの変更メモ【ワードプレス教室 横浜スクール】

横浜ワードプレス教室の生徒さん(東京から通学)がWP Simple Booking Calendarというプラグインを使ってサイト作成しています。ウィジットが左側に寄って配置されますが、中央揃えにするためにスタイルを変更しました。 .sbc-calendar-month { margin-right: auto; margin-left: auto; } #sbc-calendar { float: none; margin: 0 5px 30px 0; } WordPressスクール横浜 鎌田裕二

Sturlly Responsive One Page ワードプレス テーマ スタイルCSSの改造【ワードプレス教室 横浜スクール】

Sturlly Responsive One Page テーマで横浜WordPressスクールの生徒さんがサイトを作成(試作)されています。スタイル(CSS)の変更の要望があり、下調べと試作をしました。CSSの変更にはEnhancing CSSというワードプレス・プラグインを用いています。 [html] .rs-style2 .popup-slideshow-style1 .popup-slide .right-part { padding-top: 2%; } [/html]