【ワードプレススクール 横浜教室】個別指導・個人レッスン 講座日誌

ワードプレス・テーマとプラグインのスタイルの不整合対応【ワードプレス教室 横浜スクール】

約1年前にワードプレスでサイトを開設した生徒さんが久しぶりに横浜ワードプレス教室へお越しになりました。サイドバーに設置しているメニュー(Simple Linksワードプレス・プラグイン使用)の表示が最近おかしくなったとのことです。 授業内で調査してみました。問題の直接のきっかけは不明ですが、現状にはスタイルの設定で対応できそうでした。 次のHTMLに対して; <aside id=”simple-links-7″ class=”widget sl-links-main”> <h1 class=”widget-title”>XXXXXXX</h1> <ul class=”simple-links-list sidebar-1″ id=”sidebar-1″> <li class=”simple-links-item simple-links-widget-item” id=”link-1413″><a href=” http://xxxxxx/?page_id=5758″ target=”” title=””>XXXXXXXXX</a></li> <li class=”simple-links-item simple-links-widget-item” id=”link-1415″><a href=”http://xxxxxx/?page_id=3047″ target=”” title=””>XXXXXXXXXX</a></li> <li …

Widget Shortcode WordPress Plugin【ワードプレス教室 横浜スクール】

ワードプレス教室の生徒さんからの宿題です。ショートコードでWidgetを利用できないか試験中です。 [widget id=”bizcalendar-2″]

ワードプレス 投稿の日付を非表示にする【ワードプレス教室 横浜スクール】

今週のワードプレス教室の授業から・・・ 生徒さんが商品カタログを投稿をサイト利用して作成されています。 投稿に表示される日付が邪魔なようです。早速プラグインを探してみました。 Date Exclusion SEO 古いからか動作しないようです。 WP Meta and Date Remover 日付とカテゴリーが非表示になります。カテゴリーは表示しておきたいのでボツ WP Old Date Remover カテゴリーでの表示では日付が出てしまいますが、1番気になっていた場面では日付が隠れています。 ということで、本日の時点ではWP Old Date Removerプラグインでいこうということになりました。

ワードプレス個人レッスン(スカイプ遠隔授業) 事例 Parallax One Plus Theme【ワードプレス教室 横浜スクール】

今朝はワードプレス教室へいつもより早く出勤しました。アメリカの方とスカイプ経由でのWordPressの個人レッスンです。 http://themeisle.com/plugins/parallax-one-plus/ というワードプレス・テーマをインストールしている状況です。 生徒さんのパソコンの画面をスカイプ上で共有しながら、音声でレッスンしていきます。 今回はそのテーマのカスタマイズです。 メニューの作成、項目の追加方法 セクション毎のカスタマイズ方法 概要をご理解いただいたので、今後、内容を埋めていかれることになるでしょう。

ワードプレス 投稿カテゴリーの追加【ワードプレス教室 横浜スクール】

WordPressスクール、昨日のサイト作成レッスンから。。。 生徒さんが投稿を分類するためのカテゴリーの追加を始めました。スラッグも指定します。 数十のカテゴリーがありそうです。カテゴリーの一覧をダッシュボードでみると既に1ページに納まっていませんでした。そこで、表示オプションからページごとに表示する項目数を増やす方法を授業で扱いました。 また既に公開した投稿へのカテゴリー付けだったので「クイック編集」の使い方を指導しました。

WP Tiles ワードプレス プラグイン Pagination【ワードプレス教室 横浜スクール】

本日のワードプレス教室の授業から。 商品解説サイトを作成されている生徒さんです。商品はカスタム投稿に追加していきます。画面表示は、WP Tilesワードプレス・プラグインを使って(下の画面例はワードプレスの教室で用意した見本です。)固定ページに表示します。 最初はページ送りの指定が上手くいきませんでした。 [wp-tiles grids=”Watch” post_type=item posts_per_page=20 pagination=”paging”] post_typeの指定をquery_postsで書いていました。するとWP Tilesは以前のバージョンとの互換モードになるようでpaginationが使えなくなるようです?? https://wordpress.org/support/topic/10-beta-testers-needed-for-wp-tiles-10-beta 上のようにshortcodeを書いて解決しました。 見本サイトはこちら http://tiletest.hpb18.org/ (閉鎖済み) 横浜WordPressスクール

WP Multibyte Patch ワードプレス プラグインの更新【ワードプレス教室 横浜スクール】

ワードプレス教室で、サイト作成をされている生徒さんからの質問です。 「投稿記事にアンカーが入れられなくなった。以前は正常に動作して問題なく使っていた」 今日のレッスンで実際に現象を見せてもらいました。投稿の更新時や、ビジュアル・テキストの切り替え時(TinyMCE Advancedを使用)に確かにアンカーが消えてしまっています。 エディターの設定あたりを調べてみましたが手掛かりはありません。 何もしていないのに挙動が変わってしまったようです。 WP Multibyte Patchワードプレス・プラグインのバージョンを確認して、更新できる状態であったので更新しました。 問題は解消しました。

アメーバプレスPro プラグイン プラグイン設定【ワードプレス教室 横浜スクール】

横浜市鶴見区のパソコン教室という別のワードプレスサイトでブログとアメブロの連携にアメーバプレスProプラグインを使っています。いつからか連携ができなくなりました。(アメブロへの投稿が失敗する) 何がきっかけだったのかは記憶が定かではないのですが、どうして失敗するのか調べてみました。 投稿にAdSenseの広告をWP Insertというワードプレス・プラグインを使って挿入しています。その広告のコードがまずかったようです。 広告の挿入をはずせば投稿が成功しました。 しかしそれでは表示されていた広告をやめることになるので、アメーバプレスProの使い方を研究しました。 「スタイル」という設定項目に「特定の タグ, id, class を除去:」というものがありました。 これを使ってAdSenseのコードをアメブロに送らないようにすることで問題が解決しました。

WP Tiles Plugin ワードプレス・プラグイン Grid Editorの使い方講座【ワードプレス教室 横浜スクール】

横浜ワードプレス教室へ、東京都から通学されている生徒さんが作成されているサイトで、商品一覧を表す投稿をグリッド表示するために、WP Tilesプラグインの調査です。商品の写真の縦横比に合わせたグリッドが必要です。 http://tiletest.hpb18.org/ とうテストサイトを作成してグリッドの表示ルールを設定してみました。 いくつかの試行錯誤の後に、 AAABBBCCC AAABBBCCC というパターンに至りつきました。次回の授業でもう一度試していただきます。

index.html と index.phpの共存 ワードプレス プラグイン作成で実現【ワードプレス教室 横浜スクール】

静的な現行サイト(HTML)を公開したまま、新規にワードプレスサイトの作成代行作業が横浜WordPressスクールにて始まりました。 example.com をブラウザーで開くと example.com/index.html の内容が表示されます。 example.com/index.php をブラウザーで開くと example.com/index.php が開くと期待していたのですが、 example.com/index.htmlが表示されてしまいます。 解決策をいろいろとネット検索で調べてみました。 https://wordpress.org/support/topic/how-can-i-turn-off-wordpress-indexphp-redirect-to-domain-root こちらの記事が1番エレガントな印象です。 インストールパッケージは用意されていないのですが、記事の内容からプラグインを作成して、 example.com/index.html example.com/index.php の共存が可能になりました。

Display Posts Shortcodeワードプレス・プラグインの導入と使い方【ワードプレス教室 横浜スクール】

横浜ワードプレスの教室、本日の授業では生徒さんが作成中のワードプレス・サイトにDisplay Posts Shortcodeプラグインを追加しました。 [display-posts] のようのなショートコードを使って、ページに投稿の一覧などを表示することが可能です。 上記ショートコードは次のように展開表示されます。 [display-posts] 当サイトの https://wp-school.yokohama/#custom-section でも使っているものです。 生徒さんがお使いのテーマの一部に投稿一覧を表示するために使用します。

WordPress Related Posts プラグインからJetpackへ移行【ワードプレス教室 横浜スクール】

記事本文の下に関連記事へのリンクを表示させるために、ワードプレス教室ではWordPress Related Postsワードプレス・プラグインをしばらく使い続けていました。最近はJetpackプラグインの関連投稿(Related Posts)を試しに使っていました。最終的に本日すべてのサイトでJetpackのものを使うように変更しました。

Edit Author Slug ワードプレス プラグイン導入と使い方【ワードプレス教室 横浜スクール】

自分のユーザー名がブログの一覧のAUTHORに表示されているのに気づきました。 ユーザー名が晒されているということ? ネットで検索してみました。 「WordPress author 非表示」 で検索してみました。 Edit Author Slugワードプレス・プラグインというものを見つけました。また解説記事をいくつか見つけることができました。それらを参考にしてユーザー名の表示をやめることができました。 横浜WordPressスクール 鎌田裕二

さくらインターネット ルートへのWordPressインストール【ワードプレス教室 横浜スクール】

今日は横浜WordPressスクールに通う生徒さんがレンタルサーバーを用意して授業にみえました。さくらインターネットです。sakura.ne.jpドメインを使って、マルチドメインは不要とのことで、ルートにWordPressをインストールすることになりました。さくらインターネットが提供するワードプレス簡単インストールでは、ルートへのインストールができません。手動でインストールすることになりました。 ja.wordpress.orgから最新版WordPressをPCにダウンロード 解凍してからファイル転送(FTP)でアップロード サイトのURLを設定 あらかじめ用意しておいたデーターべース情報の入力 サイトの作成(タイトル、ユーザー名、パスワード、メルアド)

Add Code to Head ワードプレス プラグインの導入と使い方【ワードプレス教室 横浜スクール】

今日のワードプレス・プラグインです。WordPress教室の生徒さんが作成中のサイトの固定ページにJQuery呼び出しのJavascriptを追加するとこになりました。最初は既にインストールしているAll in One SEOプラグインの「固定ページのヘッダーに追加記入」でスクリプトを埋め込みました。思ったような結果が得られませんでした。ソースを解析すると埋め込まれる順番に問題があるようです。(他のスクリプトより後に埋め込む必要がある) 別の方法で埋め込むことにしました。Add Code to Headというワードプレス・プラグインを探して使うことにしました。結果オーライでした。

TinyMCE Advanced ワードプレス プラグイン 設定変更【ワードプレス教室 横浜スクール】

横浜ワードプレス教室での本日のレッスンから。One Pageタイプのテーマをカスタマイズされている生徒さん、保存する度に変更した部分が元に戻ってしまうとお困りでした。現象を調べた結果、TinyMCE Advancedワードプレス・プラグインの設定を変更してみることにしました。 Stop removing the and tags when saving and show them in the HTML editor: をオフにして解決しました。

スカイプ遠隔 ワードプレス個人レッスン事例 テーマのインストール&カスタマイズ【ワードプレス教室 横浜スクール】

横浜WordPressスクールではスカイプでの遠隔授業にも対応を始めました。北は北海道から、南は沖縄、東はカリフォルニア州までの実績。 本日は、いつもより朝早くに教室へ出勤してレッスンをしました。 Parallax One(無料版)というワードプレス・テーマを使います。 サイト作成は、MOJO Marketplaceというレンタルサーバーで行います。 テーマのファイル群は展開されていたので、ZIP ダッシュボードよりアップロードと有効化 推奨プラグインのインストールと使い方 カスタマイズの方法入門 などをレッスンしました。

ホームページビルダーSP WordPressテンプレート 解説サイト作成中【ワードプレス教室 横浜スクール】

先月発売開始になりましたホームページビルダー・バージョン20。 特にSPが強化されました。WordPressスクールではさっそく入手して使い初めています。ホームページビルダー20SPの解説するWordPressサイトを作成中です。SPで作成するワードプレス・サイトです。 http://www.hpb20sp-wp.com/ ホームページビルダーは固定ページの内容編集、テーマの選択とカスタマイズ、カスタムメニューを担当しています。

Parallax One ワードプレス テーマによるサイト作成【ワードプレス教室 横浜スクール】

ワードプレスの教室へ来週から始まる予定のスカイプ個人レッスン その準備として、Parallax One というテーマをテストサイトへインストールしてみました。 http://themeisle.com/themes/parallax-one/ Intergeo Maps – Google Maps Plugin ShortPixel Image Optimizer Pirate Forms とうプラグインが推奨されていましたのでこちらもインストールしました。

BuddyPress Shortcodes ワードプレス プラグイン【ワードプレス教室 横浜スクール】

今日はBuddyPressとBuddyPress Shortcodes というワードプレス・プラグインを試してみました。 新たにWordPressサイトを作成して、両方をインストール。 見本のテーマ bp-defaultをダウンロードして、テーマのディレクトリーにアップロードして有効化。 投稿にshortcodeを埋め込んで、次のURLにあるようにメンバーを表示してみました。 http://buddypress.hpb18.org/ 横浜ワードプレス教室