Your SlideShare is downloading. ×
0
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

第3回WordPress Cafe プラグイン紹介

19,506

Published on

‎2012年3月21日に、横浜関内のさくらWorksで行われた「第3回WordPress Cafe」で私がよくお世話になっているWordPressプラグインの紹介を行いました。その際のスライドです。会場のモニターが16:9だったので、横長で作っています。

‎2012年3月21日に、横浜関内のさくらWorksで行われた「第3回WordPress Cafe」で私がよくお世話になっているWordPressプラグインの紹介を行いました。その際のスライドです。会場のモニターが16:9だったので、横長で作っています。

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
19,506
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
23
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 実務未経験でWeb製作の現場に入った新人が必死にサイトを完成させるために大変お世話になっている プラグイン紹介
  • 2. 自己紹介 深水 一馬(ふかみ かずま) Twitter: @foom_in Facebook: kazuma.fukami2011年7月実務未経験、「ちょっとHTMLがいじれる」程度のスキルで今の会社に入社。 Webデザイナー/コーダーとなる。最近ようやくWebサイトの製作も任せてもらえるようになった。
  • 3. 自己紹介 深水 一馬(ふかみ かずま) Twitter: @foom_in Facebook: kazuma.fukamiWordPress歴は8ケ月くらいです。10月5日にさくらWorks関内で行われた「中級者のためのWordpress講座 第4回」 から勉強会に参加。以降、WordPressにハマる。
  • 4. 本日のお品書き• WP-Cycle• Content Warning• TS Custom Widgets• WP-PageNavi• More Content Folder• Dynamic To Top• WP-Table Reloaded• Maintenance Mode• Search Regex
  • 5. 今日のスライドは公開しますさくらWorks ワードプレス講座 掲示板http://wpml.sakuraworks.org/WordPress Cafe Facebookグループhttps://www.facebook.com/groups/wpcafe/
  • 6. 本日のお品書き• WP-Cycle• Dynamic To Top• TS Custom Widgets• WP-PageNavi• More Content Folder• WP-Table Reloaded• Maintenance Mode• Content Warning• Search Regex
  • 7. WP-Cycle トップにスライドショーをつけたい!新人のFさん
  • 8. WP-Cycle ポイント• シンプルなスライドショーを設置できる• 企業サイトのトップページなどに便利• 画像ごとにリンク先の設定ができる
  • 9. WP-Cycle 使い方1.プラグインを有効化2.ダッシュボード → メディア → WP-Cycle から画像をアップ3.テーマテンプレート(index.phpなど)のスライドショーをつけたい 部分にテンプレートタグ <?php wp_cycle(); ?> を追加。
  • 10. 本日のお品書き• WP-Cycle• Dynamic To Top• TS Custom Widgets• WP-PageNavi• More Content Folder• WP-Table Reloaded• Maintenance Mode• Content Warning• Search Regex
  • 11. Dynamic To Top上に戻るボタンがほしい! こんなやつ
  • 12. Dynamic To Top ポイント• シンプルな「上に戻る」ボタンがつけられる• 色や形、文字、スピードを管理画面で編集• スマホで見たときには表示しないようにできる※ボタンに画像を使いたい場合は「Scroll to Top Plugin」で対応可能
  • 13. Dynamic To Top 使い方1.プラグインを有効化(これだけでボタンが表示されます)2.ダッシュボード → 外観 → To Top からデザイン等を編集
  • 14. 本日のお品書き• WP-Cycle• Dynamic To Top• TS Custom Widgets• WP-PageNavi• More Content Folder• WP-Table Reloaded• Maintenance Mode• Content Warning• Search Regex
  • 15. TS Custom Widgetsウィジェットを特定のページにだけ表示したい
  • 16. TS Custom Widgets ポイント• 各ウィジェットごとに、表示させる条件を 設定できる• 投稿・固定ページ・カテゴリー・タグ・投稿者 で指定• さらに「コメントが許可されている投稿」とか ちょっとマニアックな設定もできる
  • 17. TS Custom Widgets 使い方1. プラグインを有効化2. ダッシュボード → TS Custom widgets3. ウィジェットとその表示条件を編集
  • 18. 本日のお品書き• WP-Cycle• Dynamic To Top• TS Custom Widgets• WP-PageNavi• More Content Folder• WP-Table Reloaded• Maintenance Mode• Content Warning• Search Regex
  • 19. WP-PageNavi投稿が増えてきて、ページ間の移動が大変! ← こーゆーのつけたい!
  • 20. WP-PageNavi ポイント• 簡単にナビゲーションを設置• 管理画面から表示の設定が可能
  • 21. WP-PageNavi 使い方1. プラグインを有効化2. ダッシュボード → 設定 → PageNavi3. テーマテンプレート(index.phpなど)の任意の部分に テンプレートタグ <?php wp_pagenavi(); ?> を追加。
  • 22. 本日のお品書き• WP-Cycle• Dynamic To Top• TS Custom Widgets• WP-PageNavi• More Content Folder• WP-Table Reloaded• Maintenance Mode• Content Warning• Search Regex
  • 23. More Content Folder「続きを読む」をカッコ良く!
  • 24. More Content Folder ポイント• Moreタグを挿入した記事の「続きを読む」を クリックすると、その場で続きを展開• 個別の投稿までいかなくても その場で記事の内容が読める• なんかちょっとカッコイイ
  • 25. More Content Folder 使い方プラグインを有効化するだけ! 続きが展開クリック
  • 26. 本日のお品書き• WP-Cycle• Dynamic To Top• TS Custom Widgets• WP-PageNavi• More Content Folder• WP-Table Reloaded• Maintenance Mode• Content Warning• Search Regex
  • 27. WP-Table Reloaded クライアントからのメールでよくあるパターン お世話になっております。ホームページ掲載用の料金表データを添付いたします。(Excel形式) 添付ファイル:○○.xls
  • 28. WP-Table Reloadedテーブルなんて大嫌いっ!
  • 29. WP-Table Reloaded ポイント• 管理画面上でテーブルの作成・管理ができる• 作ったテーブルはショートコードで簡単挿入• CSVをインポートして、簡単テーブル作成!• ソート(並べ替え)機能など
  • 30. WP-Table Reloaded 使い方1.管理画面でテーブルを作成(またはインポート)2.ショートコードでテーブルを挿入
  • 31. WP-Table ReloadedExcelで作ったCSVファイルをインポートするときは、文字コードをUTF-8にしないと文字化けします。手っ取り早い方法はExcelからCSVで保存 → テキストエディタで文字コード指定保存
  • 32. 本日のお品書き• WP-Cycle• Dynamic To Top• TS Custom Widgets• WP-PageNavi• More Content Folder• WP-Table Reloaded• Maintenance Mode• Content Warning• Search Regex
  • 33. Maintenance Mode 公開日はまだ先だけど、本番サーバーにアップして調整したい。 大幅な修正をしたいけれど レイアウトが崩れる恐れが…
  • 34. Maintenance Mode ポイント• 「メンテナンス中」画面を出して、 一般の人はアクセスしても 一時的に閲覧できない状態にする• 管理者としてログインした場合には 通常の表示を行うので、表示確認ができる。
  • 35. Maintenance Mode 使い方管理画面でメッセージなどを編集し、「使用」を選択 管理者 (ログイン中) 通常の訪問者
  • 36. 本日のお品書き• WP-Cycle• Dynamic To Top• TS Custom Widgets• WP-PageNavi• More Content Folder• WP-Table Reloaded• Maintenance Mode• Content Warning• Search Regex
  • 37. Content Warning 18禁サイトを作らなきゃいけなくなった仕事ですからね
  • 38. Content Warning ポイント• サイトにアクセスした際 「あなたは18歳以上ですか?」といった 確認のポップアップを表示。• 表示させるメッセージや、「いいえ」選択時の 飛び先を指定できる。• ポップアップのデザインはCSSでカスタマイズ可能
  • 39. Content Warning 使い方管理画面で表示内容や、「いいえ」選択時のリンク先を設定する。 管理画面 訪問者への表示
  • 40. 本日のお品書き• WP-Cycle• Dynamic To Top• TS Custom Widgets• WP-PageNavi• More Content Folder• WP-Table Reloaded• Maintenance Mode• Content Warning• Search Regex
  • 41. Search Regex投稿や固定ページに含まれる文字列を 検索・一括置換したい
  • 42. Search Regex ポイント• 投稿や固定ページに含まれるキーワードを 検索・一括置換できる
  • 43. Search Regex旧サーバー(移転前) 新サーバー移転後 www.××.jp/blog/image www.○○.jp/wp-content/uploads サイト移転時のリンク切れ一括修正にも!
  • 44. Search Regex一度置換を行うと元には戻せないので注意 置換を行う前に、バックアップを!
  • 45. プラグインを使う上で• あまり入れすぎると重くなる• 対応するWPのバージョン、PHPなどの 仕様を確認しよう• 更新日が古いものは開発が止まっている 可能性もあるので注意しよう• 使わないプラグインはアンインストール(削除) しよう
  • 46. 本日のお品書き• WP-Cycle スライドショー設置• Dynamic To Top 上に戻るボタン• TS Custom Widgets ウィジェットの表示• WP-PageNavi ページナビゲーション設置• More Content Folder 続きを読むをカッコ良く• WP-Table Reloaded テーブルを簡単作成• Maintenance Mode メンテナンスモード表示• Content Warning 訪問時ポップアップ表示• Search Regex 投稿の一括置換
  • 47. ありがとうございました

×