横浜ワードプレス教室 ホームページ・ブログ作成講座日誌 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 …

サイト作成講座準備【ワードプレス教室 横浜スクール】

明日の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 …

Magee Shortcodesワードプレス・プラグイン テスト投稿 Audio【ワードプレス教室 横浜スクール】

[ms_audio style=”dark” mp3=”https://wp-school.yokohama/wp-content/uploads/2017/05/Originalrags.mp3″ ogg=”” wav=”” mute=”no” autoplay=”yes” loop=”yes” controls=”yes” class=”” id=””]

ボタン作成テスト【ワードプレス教室 横浜スクール】

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB

Magee Shortcodes ワードプレス・プラグイン試験【ワードプレス教室 横浜スクール】

[ms_alert icon=”fa-info” background_color=”#f5f5f5″ text_color=”” border_width=”0″ border_radius=”0″ box_shadow=”no” dismissable=”no” class=”” id=””]ワードプレス教室からのアラートです。 Magee Shortcodesプラグインの使い方の試験です。[/ms_alert]

ワードプレス教室 横浜スクール ホームページ・ブログ作成講座日誌 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をもともと使っており、上記のワードプレス・プラグインは不要なことが後に判明しました。

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

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

Reusable Text Blocks ワードプレス・プラグインの使い方【ワードプレス教室 横浜スクール】

ワードプレス教室、本日の授業、生徒さんがホームページ作成中の複数の固定ページに共通の内容を、ページごとに編集する不便さを解消するために、Reusable Text Blocks ワードプレス・プラグインを試しています。 Reusable Text Blocks ワードプレス・プラグインの導入 Text Blocksカスタム投稿タイプに共通部分を記述 ショートコードを使って、個々の固定ページに共通部分を埋め込む

テーマ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; } ホームページ作成中の生徒さんとのレッスンの予習です。

Magee Shortcodesワードプレス・プラグインの試験【ワードプレス教室 横浜スクール】

[ms_accordion style=”simple” type=”2″ class=”” id=””] [ms_accordion_item title=”アコーディオン項目名1” color=”” background_color=”” close_icon=”” open_icon=”” status=”close”]アコーディオン項目1 アコーディオン項目1 アコーディオン項目1 アコーディオン項目1 アコーディオン項目1 [/ms_accordion_item] [ms_accordion_item title=”アコーディオン項目2” color=”” background_color=”” close_icon=”” open_icon=”” status=”close”]アコーディオン項目2内容 アコーディオン項目2内容 アコーディオン項目2内容 アコーディオン項目2内容 アコーディオン項目2内容 アコーディオン項目2内容 アコーディオン項目2内容 …

ホームページ作成講座準備 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: …

エキテン 口コミ表示ウィジェット ワードプレス固定ページへの埋め込みテスト【ワードプレス教室 横浜スクール】

横浜WordPressスクールの生徒さんが作成中の整体院のホームページにエキテン(http://www.ekiten.jp/)の口コミ表示ウィジェットを埋め込んでいます。 エキテンから貼り付けHTMLソースをそのまま貼り付け。 キュリオステーション鶴見つくの店の口コミをもっと見る エキテンから貼り付けHTMLソースのスタイル属性の変更 キュリオステーション鶴見つくの店の口コミをもっと見る ワードプレスの編集画面では、余分が空白行が生じる現象があり、その原因調査をしています。 横浜WordPressスクール 無料相談会受付中⇒