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名、イラストレーター チラシ作成 1名 wordpress.orgからワードプレスのダウンロード、FileZillaの使い方、ワードプレスの導入、Childcare子テーマ作成、固定ページ、メニュー作成、LUXE TCDテーマの使い方とカスタマイズ、ホームページビルダーとワードプレスの比較説明 7月20日 ワードプレス教室 講座日誌 ワードプレス個別指講座導 3名(横須賀市)、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 …
【ワードプレス スクール 横浜教室】 ホームページ・ブログ作成講座日誌 css transform: scale()の使い方
7月9日 ワードプレス教室 定休日 7月8日 ワードプレス教室 ホームページ作成講座日誌 HTML/CSS 1名、WordPressスクールレッスン 2名 ホームページ作成実技、YouTubeへのログイン、Filezillarの導入と使い方 7月7日 ワードプレス教室 ホームページ作成講座日誌 WordPress初心者向けホームページ作成無料相談会 1名、ワードプレス教室講座 3名 (大田区、横浜市からの生徒さん) 固定ページの編集、サイトタイトル、footer.phpの編集、font-sizeの調整、WP Social Bookmarking Lightワードプレス・プラグインの使い方、css transform: scale()の使い方、php foreachの使い方 7月6日 ワードプレス教室 ホームページ作成講座日誌 HTMLによるホームページ作成教室レッスン 1名、WordPress教室サイト作成講座 2名 Instagram埋め込み、「トラフィックの処理が完了してません」現象、カスタム投稿タイプ試作 ホームページ作成代行作業 ホームページ作成出張レッスン(FC2 FTPロック解除) 7月5日 ワードプレス教室 ホームページ作成講座日誌 HTML/CSS 1名、WordPress教室講座 1名 …
【ワードプレス スクール 横浜教室】 ホームページ・ブログ作成講座日誌 Xeory Extensionテーマの導入と使い方
6月30日 ワードプレス教室 講座日誌 ワードプレス個別指導講座 2名 ホームページ作成無料相談会 1名(東京都中央区)WordPressサイトのリニューアル、1日短期集中コース WordPressスカイプレッスン(東京都港区、時間外実施) イラレ、フォトショ、graphics(印刷会社)テンプレートの使い方、Xeory Extensionテーマの導入、Simple Custom CSS使い方、テーマの外観変更、text-shadow, background-position, background-repeatの使い方、miwoftp.zipのインストール、ホームページ作成実技レッスン 6月29日 ワードプレス教室 講座日誌 HTML/CSS 1名、ワードプレス個別指導講座 4名、FC2ホームページ 1名、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 …
【ワードプレス スクール 横浜教室】 ホームページ・ブログ作成講座日誌 Admin Columnsプラグインの使い方
6月23日 ワードプレス教室ホームページ作成講座 講座日誌 ワードプレス教室個別指導講座 7名(豊島区、川崎市、横浜など) functions.php作成、グーグルSearch Consoleの使い方、SeasaaブログをGoogle Search Consoleへ登録、URLとURIの違い、GIMP入門(切り抜き、レイヤーの使い方)、画像リンク修正、略地図、表の削除、イラストレーター入門、プリントパック注文方法、投稿の新規追加、[map]の使い方、mailto:, tel:の使い方、TinyMCE Advancedの導入と使い方(段落の保持)、ホームページ作成実技 .page .post-meta {display:none;}追加指定 ホームページ作成代行 追加原稿受信 6月22日 ワードプレス教室ホームページ作成講座日誌 ワードプレス教室個別指導講座 4名、ホームページ作成教室レッスン(ホームページビルダーSP) 1名、HTML 1名 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相談お問合せ対応、ホームページ作成・ワンポイント・レッスン経験者(千葉県)への電話技術支援、ワードプレス教室講座 5名(東京都豊島区、川崎市川崎区、東京都立川市、横浜市保土ヶ谷区など)、東京都港区からワードプレス出張レッスンの打ち合わせ WP-Tilesプラグイン・ショートコードでのカスタム投稿とタクソノミーの使い方、GIMPでの画像編集、画像リンク修正、テーマカスタマイザーの使い方、子テーマ改造(ブログ表示形式、list.php, single-page.php)、WordPress.comの使い方、AdSense、アマゾンアフィリエイト、A8の使い方実演、Dyadテーマの使い方 京都の生徒さん向け KENT WEB MARTとWordPress共存確認試験サイトの開設 6月15日 ワードプレス教室講ホームページ作成座日誌 HTML 1名、ワードプレス教室講座 5名 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 …
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=”” …
【ワードプレス スクール 横浜教室】 ホームページ・ブログ作成講座日誌 meta descriptionの使い方
6月9日 ワードプレス教室 講座日誌 ホームページ作成教室レッスン(ホームページビルダー)申し込み受付、WordPress無料相談お問合せ対応、PIXTA写真販売、Active Mail授業準備 ワードプレス個別指導講座 4名 endwhileの使い方、phpデバッグ、meta descriptionの使い方、ホームページ作成レッスン、WordPressテーマの作成、Simple Mapプラグインの使い方(breakpoint, zoom)、mailto:、パン屑の使い方、Native Emojiワードプレス・プラグインの導入と使い方、グーグル・サーチコンソール/アナリティクスへのWordPressサイトの登録(All in One SEOプラグインの使い方) 6月8日 ワードプレス教室 講座日誌 ホームページ作成教室へお問い合わせ(三重県)、スマホ対応技術調査(大阪)、ホームページビルダー問い合わせ対応(ダウンロード版) WordCamp Tokyo 2017スポンサー準備 ワードプレス個別指導講座 3名(ホームページ作成) WebARENA SuiteXへのWordPressインストール(FTP、Filezillar Mac版)、site-info border CSS変更(Simple CSSプラグイン経由)、index.htmlとindex.php、ディスカッション設定、ユーザー新規追加、固定ページ追加、WHOISの使い方、リスト項目、外部リンクの追加 6月7日 ワードプレス教室 講座日誌 横浜WordPressスクール 社員研修(ワードプレス・テーマの作成) WordCamp …