css transform translate()の試験【ワードプレス教室 横浜スクール】
transform と :hoverを組み合わせたCSSテスト＠横浜WordPressスクール
Advanced Custom Fieldプラグイン【ワードプレス教室 横浜スクール】
横浜WordPressスクールの生徒さんがホームページ作成中のサイトで、投稿の順番を独自に指定するため、 Advanced Custom Fieldプラグインにて、順序の値を保持するフィールドを追加して、query_postsの際に順序を指定する使い方を今晩の教室レッスンに備えてスタッフ研修を行いました。 $args=array( ‘showposts’=>5, ‘meta_key’=>’custom_order’, ‘orderby’=>’meta_value_num’, ‘order’=>’ASC’, ‘post_type’ => ‘sekoujirei’ ); query_posts($args);
テーマTCD AMORE CSS変更メモ【ワードプレス教室 横浜スクール】
本日のWordPressスクール教室レッスンでの宿題 TCDテーマのAMOREをカスタマイズしてのサイト作成 まずは手始めに・・・ site-navigation { height: 130px; } #main-menu>li>a { padding-top:8px; padding-bottom:8px; height:auto; } .amore-divider { overflow: hidden; padding-top: 2px; padding-bottom: 42px; color: rgb(250,250,250); } 子テーマの作成は、ややこしそうなので、 TCDテーマオプションの、カスタムCSS（<head>タグ内に挿入されます）にて追加CSSを記述しました。
横浜ワードプレス教室 ホームページ・ブログ作成講座日誌 LUXE TCDテーマのカスタマイズ
7月21日 ワードプレス教室 講座日誌 ワードプレス個別指導講座 1名、ホームページ作成無料相談（WordPress） 2名、イラストレーター チラシ作成 １名 wordpress.orgからワードプレスのダウンロード、FileZillaの使い方、ワードプレスの導入、Childcare子テーマ作成、固定ページ、メニュー作成、LUXE TCDテーマの使い方とカスタマイズ、ホームページビルダーとワードプレスの比較説明 7月20日 ワードプレス教室 講座日誌 ワードプレス個別指講座導 ３名（横須賀市）、Microsoft Universal Keyboardの使い方、sidebar.php, functions.phpのデバッグ、FileZillaのインストール、is_active_sidebar, register_sidebarの使い方、CSS修正、Simple Custom CSS, WP Add Custom CSS, Simple CSSプラグインの比較検討、GIMPトーンカーブの使い方、Post Type Switherの使い方（投稿タイプの変更） 7月19日 ワードプレス学校休校日 私用（通院など） 横浜WordPressスクール 入会受付 7月18日 ワードプレス教室 講座日誌 ワードプレス固定ページの更新に関して メールで質疑応答 Biz …
レッスン記録 CSSの修正【ワードプレス教室 横浜スクール】
WordPressスクールでのホームページ作成中の初心者レッスンで変更したCSS. CSSの変更には、Simple Custom CSSプラグインを利用。 ワードプレス・テーマ Xeory Extension使用 /* カスタム CSS をここに入力してください */ body.home .front-loop .popular_post_box.sekoujirei h3 { color: white; } body.home { color:#fff; } body.home #front-company { background-color:#333; color:#fff; } body.home …
ブラウザーで印刷できないホームページの印刷【ワードプレス教室 横浜スクール】
横浜WordPressスクールでの印刷方法メモ Awesome Screenshot Capture Entire Page PNG形式の画像ファイルとして保存 Photoshop PNG画像を読み込みPDF形式で保存 Adobe Acrobat 印刷時に「大きいページを分割」を指定。倍率を適当に調整
世界一わかりやすいWordPress 導入とサイト制作の教科書【ワードプレス教室 横浜スクール】
WordPressスクールに次の書籍が到着しました。 「世界一わかりやすいWordPress 導入とサイト制作の教科書」です。早速、読み始めています。次のバナーをクリックして、アマゾンからご購入いただけます。
横浜ワードプレス教室 ホームページ・ブログ作成講座日誌 css transform: scale()の使い方
7月9日 ワードプレス教室 定休日 7月8日 ワードプレス教室 ホームページ作成講座日誌 HTML/CSS 1名、WordPressスクールレッスン ２名 ホームページ作成実技、YouTubeへのログイン、Filezillarの導入と使い方 7月7日 ワードプレス教室 ホームページ作成講座日誌 WordPress初心者向けホームページ作成無料相談会 １名、ワードプレス教室講座 ３名 （大田区、横浜市からの生徒さん） 固定ページの編集、サイトタイトル、footer.phpの編集、font-sizeの調整、WP Social Bookmarking Lightワードプレス・プラグインの使い方、css transform: scale()の使い方、php foreachの使い方 7月6日 ワードプレス教室 ホームページ作成講座日誌 HTMLによるホームページ作成教室レッスン 1名、WordPress教室サイト作成講座 ２名 Instagram埋め込み、「トラフィックの処理が完了してません」現象、カスタム投稿タイプ試作 ホームページ作成代行作業 ホームページ作成出張レッスン（FC2 FTPロック解除） 7月5日 ワードプレス教室 ホームページ作成講座日誌 HTML/CSS 1名、WordPress教室講座 １名 …
TinyMCE Advancedワードプレス プラグイン 表の幅問題実験【ワードプレス教室 横浜スクール】
ワードプレス教室の生徒さんがホームページ作成に使用中のTinyMCE Advancedプラグインでの表の編集。列の幅をドラッグで変更すると幅の指定がそれぞれのセルに埋め込まれる。 それを上書きして、適当な幅調整をするスタイル（CSS）の実験 １１１ ２２２２２２２ ５５５５５５５５５５５５５５５５５５
横浜ワードプレス教室 ホームページ・ブログ作成講座日誌 Xeory Extensionテーマの導入と使い方
6月30日 ワードプレス教室 講座日誌 ワードプレス個別指導講座 ２名 ホームページ作成無料相談会 １名（東京都中央区）WordPressサイトのリニューアル、1日短期集中コース WordPressスカイプレッスン（東京都港区、時間外実施） イラレ、フォトショ、graphics（印刷会社）テンプレートの使い方、Xeory Extensionテーマの導入、Simple Custom CSS使い方、テーマの外観変更、text-shadow, background-position, background-repeatの使い方、miwoftp.zipのインストール、ホームページ作成実技レッスン 6月29日 ワードプレス教室 講座日誌 HTML/CSS 1名、ワードプレス個別指導講座 ４名、FC2ホームページ １名、WordPressスカイプ遠隔授業 1名（京都府） スマホのナビゲーションメニュー修復、スマホ固定メニュー試作、register_nav_menuの使い方、content.phpの作成、投稿の新規作成、Jetpack プラグインでのXMLサイトマップ作成、the_titlesの使い方、CPT UI、固定ページメニュー、WP-TilesプラグインGridの使い方、アイキャッチ画像の使い方、さくらインターネットPHPバージョンの指定 6月28日 ワードプレス教室 講座日誌 WordPressスクールインストラクター社員研修meta description 重複問題、Chrome F12 select an element in the page to …
WP-Tilesワードプレス・プラグイン事例紹介【ワードプレス教室 横浜スクール】
横浜WordPressスクールに東京都立川市からサイト作成のために通学されている生徒さん。 サロンの作品を固定ページの内容として紹介していました。 種類が豊富に揃ってきたので、更新、配置を単純化するために カスタム投稿タイプの追加 カスタム投稿の作成 カスタム投稿、タクソノミー指定のタイル表示（WP-Tilesワードプレス・プラグイン使用） に挑戦しました。 立川美容サロン ネイル・カタログはこちらをクリック
ワードプレス電話無料相談 via Skype 標準進行表【ワードプレス教室 横浜スクール】
スカイプ経由でワードプレス教室のサイト作成個人レッスンを希望される方には、本番受講前に、スカイプの接続試験を兼ねて、30分間のホームページ作成無料相談をスカイプ経由で受けていただくようにお願いしております。標準的な内容は以下の通りです。 スカイプ接続試験 ワードプレス・ホームページ作成のご経験 ホームページ開設の目標 スカイプ画面共有の使い方 （時間、内容、興味が合えば実演や事例紹介） WordPressスクールのシステム案内 実施可能時間は平日の20時15分～（横浜WordPressスクールの教室でのレッスン終了後）となります。
bbPress: Auto Delete Spam Replies ワードプレスプラグイン試験開始【ワードプレス教室 横浜スクール】
横浜ワードプレス教室の生徒さんがホームページ作成されたサイト。スパムコメントを自動削除するワードプレス・プラグインの試験開始 Auto-delete Spam Define auto-delete settings. Auto delete spam replies older than x hours. 時間
横浜ワードプレス教室 ホームページ・ブログ作成講座日誌 Admin Columnsプラグインの使い方
6月23日 ワードプレス教室ホームページ作成講座 講座日誌 ワードプレス教室個別指導講座 ７名（豊島区、川崎市、横浜など） functions.php作成、グーグルSearch Consoleの使い方、SeasaaブログをGoogle Search Consoleへ登録、URLとURIの違い、GIMP入門（切り抜き、レイヤーの使い方）、画像リンク修正、略地図、表の削除、イラストレーター入門、プリントパック注文方法、投稿の新規追加、[map]の使い方、mailto:, tel:の使い方、TinyMCE Advancedの導入と使い方（段落の保持）、ホームページ作成実技 .page .post-meta {display:none;}追加指定 ホームページ作成代行 追加原稿受信 6月22日 ワードプレス教室ホームページ作成講座日誌 ワードプレス教室個別指導講座 ４名、ホームページ作成教室レッスン（ホームページビルダーSP） １名、HTML １名 Admin Columnsプラグインの使い方、スラッグの編集、Google Search Consoleの使い方、miwoftpプラグインの導入、PDFファイルのアップ、固定ページへのリンク、GIMP入門、ホームページ作成入門 さくらインターネット 問い合わせフォームの設置、CGIの使い方、XMLサイトマップの作成、<title>、meta description の使い方 HTMLスカイプ個人レッスン（モバイルフレンドリー 大阪府）styleの調整、スライドショーの追加 6月21日 ワードプレスの教室 休校日 東京都港区へワードプレス出張レッスンにてホームページ作成 Custom Post Type UI, Display …
横浜ワードプレス教室 ホームページ・ブログ作成講座日誌 WP-Tilesプラグイン・ショートコードの使い方
横浜ワードプレス教室サイト作成講座日誌です。 6月16日 ワードプレス教室ホームページ作成講座日誌 WordPressホームページ作成初心者のための無料相談会申し込み受付、WordPress相談お問合せ対応、ホームページ作成・ワンポイント・レッスン経験者（千葉県）への電話技術支援、ワードプレス教室講座 ５名（東京都豊島区、川崎市川崎区、東京都立川市、横浜市保土ヶ谷区など）、東京都港区からワードプレス出張レッスンの打ち合わせ WP-Tilesプラグイン・ショートコードでのカスタム投稿とタクソノミーの使い方、GIMPでの画像編集、画像リンク修正、テーマカスタマイザーの使い方、子テーマ改造（ブログ表示形式、list.php, single-page.php）、WordPress.comの使い方、AdSense、アマゾンアフィリエイト、A8の使い方実演、Dyadテーマの使い方 京都の生徒さん向け KENT WEB MARTとWordPress共存確認試験サイトの開設 6月15日 ワードプレス教室講ホームページ作成座日誌 HTML 1名、ワードプレス教室講座 ５名 FlashからjQueryへの移行、SEO（title, meta description, h1）、サンプルWordPressテーマのインストール、表の更新（TablePressプラグインの使い方）、JPEGとPNGの使い分け、画像背景の透明化（GIMP）、FTP設定、カスタム投稿の新規作成、スラッグの編集、スマホでの表の注意点、Admin Bar Positionプラグインの導入と使い方、スマホからメディアのアップロード、ホームページ作成レッスン WordPress教室社員研修 WordPressサンプルテーマ導入と使い方 6月14日 ワードプレス教室ホームページ作成講座日誌 Post Grid ワードプレス・プラグイン試験サイト開設 Duplicate Page, Custom Post Type UI、Post Grid、TinyMCE Advanced, TinyMCE …
生徒さんワードプレス・サイト CSS調整メモ【ワードプレス教室 横浜スクール】
次のCSSが定義されている。メニュー全体と一番左のメニュー項目の左ボーダーがダブって太く見える .main-navigation .primary-menu { background-color: #fea500; border: 1px solid #000000; margin: 0 auto; width: 98%; } .main-navigation .primary-menu li { border-left: 1px solid #000000; text-align: center; } WordPressスクール 横浜 鎌田裕二
WP-Tiles ワードプレス・プラグインの使い方【ワードプレス教室 横浜スクール】
WordPressスクールでは、以前より数名の生徒さんがWP-Tilesプラグインを使って、投稿をグリッド表示しています。 投稿に対してのカテゴリー指定は明快だったのですが、カスタム投稿タイプでのカテゴリー（タクソノミー）指定が不明でした。 ワードプレス教室の生徒さんとの本日の授業のために、早朝出社して、その問題に取り組んでいました。 taxonomy, tax_termの組み合わせで指定すれば良さそうです。 ショートコードの実例： [wp-tiles grids=”Watch” byline_height=”20%” post_type=”item” taxonomy=”itemcat” tax_term=”brand1″ posts_per_page=9 pagination=”paging”] [wp-tiles post_type=”product” taxonomy=”product_category” tax_term=”soap”]
見出しの修飾（CSS）【ワードプレス教室 横浜スクール】
ワードプレス教室サイト作成レッスンでの実演です。 Magee Shortcodesというプラグインを使っての見出し、ボタン表示例です。 [ms_heading style=”boxed” color=”” border_color=”” text_align=”left” font_weight=”400″ font_size=”36″ margin_top=”0″ margin_bottom=”0″ border_width=”5″ responsive_text=”no” class=”” id=””]Magee Shortcodes Heading[/ms_heading] [ms_button style=”3d” link=”” size=”large” shape=”” shadow=”yes” block=”no” target=”_self” gradient=”yes” color=”” text_color=”#ffffff” icon=”” …
ワードプレス投稿一覧に特定の固定ページ内容の表示【ワードプレス教室 横浜スクール】
WordPressサイト作成スクールの生徒さんから宿題をいただきました。「投稿一覧に特定の固定ページ内容の表示」という内容です。ネットでいろいろ調べて次のコードをテーマファイルhome.phpに加えてみました。 <?php//////////////////// KAMATA/////////////////$page_info = get_page_by_path(‘blog-header’);$page = get_post($page_info);echo ‘<h2>’.$page->post_title.”</h2>”;echo $page->post_content;?>
横浜ワードプレス教室 ホームページ・ブログ作成講座日誌 meta descriptionの使い方
6月9日 ワードプレス教室 講座日誌 ホームページ作成教室レッスン（ホームページビルダー）申し込み受付、WordPress無料相談お問合せ対応、PIXTA写真販売、Active Mail授業準備 ワードプレス個別指導講座 ４名 endwhileの使い方、phpデバッグ、meta descriptionの使い方、ホームページ作成レッスン、WordPressテーマの作成、Simple Mapプラグインの使い方（breakpoint, zoom)、mailto:、パン屑の使い方、Native Emojiワードプレス・プラグインの導入と使い方、グーグル・サーチコンソール/アナリティクスへのWordPressサイトの登録（All in One SEOプラグインの使い方） 6月8日 ワードプレス教室 講座日誌 ホームページ作成教室へお問い合わせ（三重県）、スマホ対応技術調査（大阪）、ホームページビルダー問い合わせ対応（ダウンロード版） WordCamp Tokyo 2017スポンサー準備 ワードプレス個別指導講座 ３名（ホームページ作成） WebARENA SuiteXへのWordPressインストール（FTP、Filezillar Mac版）、site-info border CSS変更（Simple CSSプラグイン経由）、index.htmlとindex.php、ディスカッション設定、ユーザー新規追加、固定ページ追加、WHOISの使い方、リスト項目、外部リンクの追加 6月7日 ワードプレス教室 講座日誌 横浜WordPressスクール 社員研修（ワードプレス・テーマの作成） WordCamp …