カテゴリー別アーカイブ: CMS

[WP]記事を特定カテゴリ限定で送るメーリングリストを作りたい



 

エラーの意味が分からなくて使えなかった。。。
http://www.moco358.com/archives/2207

ここから探そうと思う。

http://techacademy.jp/magazine/4775

この記事の通りやったら、うまくできた。
記事のカテゴリ単位で、送れた。

【メルマガ配信】WordPressで制作したWebサイトのファンにニュースレターを配信するプラグイン



[wp] 執筆していた本が今月末出版されます。



 

縁あって、執筆させていただきました。WPの初心者向け書籍になります。
本屋やアマゾンで見かけた際には是非ご購入ください。よろしくです!

 

WordPress シンプルスタイル カフェサイト

内容紹介

Part1 サイトを作る準備
1-1 WordPressを使うメリット
無料で使える
さまざまな機能を追加して用途に合ったサイトが作れる
デザインテーマが豊富に用意されている
1-2 WordPressを使うための準備
インストールとサーバーの確保
URL(ドメイン)を取得する
データを置く場所を用意する
1-3 WordPressのインストール
簡単にインストールする(ロリポップ! )
簡単インストールがない場合のインストール方法

Part 2 トップページの作成
2-1 サイトの構成を確認する
サイト全体の構成
サイトマップ
トップページの構成
2-2 ファイルとテーマの準備
管理画面の見方と使い方
ページとファイルの準備
テーマのインストール
2-3 ヘッダー
サイトのタイトル部分を作成する
トップページの作成
タイトルとキャッチフレーズ
文字色の変更とサブタイトルの入力
タイトルを画像にする
お店の情報
ヘッダーボタン
2-4 ナビゲーションメニュー
ナビゲーションメニューを追加する
ナビゲーションメニューの表示を設定する
2-5 イメージ写真
イメージ写真を表示する
スライドショーの表示
2-6 コンテンツ
インフォメーションと更新情報
2-7 フッター
プラグインを導入する
ウィジェットを追加する
フッターのカスタマイズ
2-8 サイドバー
サイドバーにウィジェットを追加する
SNSと連携する

Part 3 セカンドページを作る
3-1 「お店の紹介」ページ
紹介用の文章を表示する
写真を表示する
3-2 「メニュー」ページ
メニューのテキストを入力する
メニューに写真を表示する
ギャラリーを追加する
3-3 「ブログ&お知らせ」ページ
日記ページを作る
3-4 「アクセスマップ」ページ
Googleマップを表示する
3-5 「お問い合せ」ページ
お問い合せフォームを用意する

Part 4 更新と管理
4-1 記事を投稿する
投稿機能を使ってブログを書く
投稿記事を更新する
4-2 コメントの管理
コメントを承認する
コメント欄を隠す
スパム対策
4-3 ページを追加する
メニューページを追加する
4-4 WordPressのメンテナンス
バックアップの取り方
ページを以前保存した状態に戻す
WordPressのバージョンアップ
4-5 トラブルシューティング
サイトが表示されない
写真をアップロードする際のエラー
トラブルを避けるために

Part5 サイトのアレンジ
5-1 見た目をカスタマイズしてみよう
背景色や文字色を変更する
配色のバリエーション
5-2 テンプレートでカスタマイズする
テンプレートを切り替える
テンプレートによるサイトのバリエーション
5-3 オリジナル素材
背景用素材
フッター帯用素材
クリップアート素材



[WP] 過去記事から役立ちそうなものをサルベージ



 

[wp] WordPress無差別攻撃から守る

[WP] 他サイトとログイン情報を共有、API導入?(未決)

[WP] 今回の仕事で追加する機能まとめ

[WP] 表組み(テーブル)の作り方色々

[WP] マルチサイト関連

[WP] リンク切れチェックプラグイン

[WP] FacebookやTwitterを連携

[WP] 予約、イベント、気になったプラグインなど

[WP] アクセス数激減。どうして!?

[WP] 入力フォーム関連 確認画面の出し方

[WP] BuddyPressをつかってSNSサイトを作ってみる

[WP] 簡単に記事投稿できるようにするプラグインなど(メモ)

[WP] プラグイン紹介サイトいろいろ

[WP] カレンダープラグイン と Googleカレンダー

[WP] 会員サイトをつくりたい

[wp] 便利そうなプラグインや機能を探してみる

[WP] ファイル共有とかできるのか(メモ)

[WP] ワードプレスとツイッターをつなぐプラグインなど

[WP] ログインページ、Eコマースを求めて

[WP] サーバー移転の方法

[WP] ECサイトをつくる(メモ)

[WP] DW使った自分なりのページ制作方法(メモ)

[WP] サイト制作中の対処方法 +色々な記事

[WP] インクルード、挿入関連(メモ)

[WP] コメント欄のアバターアイコンを表示させる

[WP] 固定ページを処理するプラグインを探す

[WP] 英語版でUsernameやPasswordの設定を求められた

[WP] プラグインを追加してみた

[WP] トップページを設ける際に役立つ情報

追加:

WordPressでウィジェットエリアにウィジェットがなかったらウィジェットエリア自体を非表示にする

WordPress いらないウィジェットを表示させない方法




[WP/web]全端末対応の自前動画をサイトに埋め込むには(未決)



 

様々な端末のWEBブラウザで動画を再生させたい。

HTML5のvideoタグで埋め込める。

動画の形式はAndroid対策のため、以下の選択しか無いっぽい。

動画形式=mp4(Firefox、Opera、IE8以下で未対応)
コーデック=h.264

(全てで見るには通常、H.264、WebM、Oggが必要)


Android対策

videoタグ
onclick=”this.play();”

Basic認証サイト再生不能

sourseタグ
type属性駄目

機種依存の問題もあるもよう。。。


videoタグ未対応ブラウザ対策

Flashフォールバックを使えるJavaScriptライブラリを仕込む。※結論これ

MediaElement.jsを使った複数の動画を順番に再生させる【jQuery】

http://blog.e-riverstyle.com/2012/11/mediaelementjsjquery.html

スマートフォン向けHTML5のVIDEOタグを使った動画再生 ~MediaElement.js編~

http://blog.alt-scape.com/archives/415

HTML5なVideo Playerライブラリ、VideoJSとMediaElement.js

http://www.inazumatv.com/contents/archives/6181

H.264のみを指定 | MediaElement.js | テスト動画と動画の表示テスト ※ここ参照する

http://etc.dounokouno.com/testmovie/mediaelement/h264.html

Win chrome×(Ogg形式も入れれば行けそう)、Mac chrome◎、iPhone◎、Win IE7◎、Win IE10◎、X06HT◎、SH-03C◎、Mac Firefox◎、自宅Win chrome◎

WordPressのHTML5ビデオプレイヤープラグインなどを仕込む。

MediaElement.js – HTML5 Video & Audio Player

http://wordpress.org/extend/plugins/media-element-html5-video-and-audio-player/ ※ここでプラグインDLと記述の仕方を確認

[video  ogg=”http://fanfanfan.net/wp-content/uploads/2013/04/echo-hereweare.ogg” webm=”http://fanfanfan.net/wp-content/uploads/2013/04/echo-hereweare.webm” mp4=”http://fanfanfan.net/wp-content/uploads/2013/04/echo-hereweare.mp4″]

SH-03C×、Win chrome×、Mac chrome◎、iPhone◎、Mac Firefox◎(単にやり方が悪いだけか?)

動かない理由で考えられること:そもそも動画の形式が間違っている、WordPress用のPluginがおかしい、他の要素とぶつかっている、記述が間違っている。。。。などだろうか? FlashPluginとぶつかっているなどもありそう。このページは重いので、もっと素の状態のページで確認スべきか。他のジャバスクリプトライブラリを試してみるか。ライブラリを使わない方法を模索するか。

これは時間があれば、もう少し探す


参考サイト:

Androidでvideoタグによる動画再生を実装する際の落とし穴

http://d.hatena.ne.jp/genhou/20121023/1350941016

スマートフォン用サイトで動画を扱う時のポイント

http://sogitani.baigie.me/2011/07/smart-phone-movie/

スマートフォン向けにHTML5のvideoタグを使ってみたのでまとめておく

http://today-only.net/html5-video/


FLV形式の動画をMP4に無劣化で変換できるソフト「FLVtoMP4」

http://antarespc.com/tool/flvtomp4.html

Mac MP4,OGG,WebM,WMV,AVI等を自由に変換できる無料動画変換ソフト【 Miro Video Converter 】

http://zxcvbnmnbvcxz.com/mac-mp4-ogg-webm/


美しすぎる!WordPressのHTML5ビデオプレイヤープラグイン8選

http://www.inboundpress.net/html5_videoplayer_wordpress.html

HTML5で動く10の動画プレイヤー

http://www.seojapan.com/blog/html5-video-players


地獄のvideo/audio要素

http://takazudo.github.io/blog/entry/2013-02-06-videoaudio.html

[MediaElementライブラリ] ビデオプレイヤーを表示する ※chromeでも見れている

http://www.openspc2.org/reibun/javascript2/Library/MediaElement/0001/index.html


他を試す:

VideoJS – HTML5 Video Player for WordPress

http://wordpress.org/extend/plugins/videojs-html5-video-player-for-wordpress/

Win chrome×、Mac chrome◎、X06HT◎、SH-03C◎


[サイト作り] [WPプラグイン] Projekktor Video Tag Extension – HTML5 video のタグを投稿に

http://665-667.com/2010/05/21/215251

Win chrome◎(Ogg形式)、Mac chrome◎、iPhone◎、X06HT××(落ちる)、SH-03C×


Hana Flv Player

http://wpmarketing.org/wp-plugins/hana-flv-player/


Win chrome×、Mac chrome◎、iPhone◎、X06HT△(見えない)、SH-03C◎、自宅Win chrome◎


確認してみる

http://tanaka-atsushi.biz/html5


とても気になる情報:

ChromeでHTML5の動画が見れない

http://okwave.jp/qa/q7532663.html


WPに「.webm」アップできない。。。


HTML5ビデオプレーヤーの比較

http://praegnanz.de/html5video/

--


WordPressで、

サイドバーをカテゴリ毎に変える

http://www.devolen.com/blog/wp_custum/change_the_sidebar/

--
IE6,7は切って良い。
キャッシュさせない方法を探す。
--
http://www.htmq.com/html5/004.shtml

http://www.html5rocks.com/ja/tutorials/video/basics/

http://www.brightcove.com/ja/

http://www.slideshare.net/naotori/html5-5311711

---
ストリーミング、プログレッシブダウンロード違い
http://ja.wikipedia.org/wiki/



[web] ロリポップ!、WordPress 403 errorが出た時の対処法(メモ)



 

WAFを切れば良いって書いてあるのが多いんだけど、それだとセキュリティ的に問題だよね。。。ってことで調べたら以下の記事を発見。


 

ロリポップでWordPressを使っていてWAFの誤検知が出るときの対処法

http://blog.hash-c.co.jp/2012/12/how-to-protect-your-wordpress-on-lolipop.html



[wp] 厳選プラグイン



 

Broken Link Checker
 リンクエラーやリンクエラーの画像がないかブログをチェックし、見つかった場合は、ダッシュボード等で通知します。

Contact Form 7
 お問い合わせフォームプラグイン。シンプル、でも柔軟。

Dynamic To Top
画面の上に戻るボタン

Exec-PHP
記事内にPHPを記述できるようにする。セキュリティホールを作らないように注意。PHP初心者は使わないほうが無難かも。

Favicons
テーマでファビコンがサポートされてない時に使う。

Google XML Sitemaps
Google検索の巡回ロボット用のサイトマップを用意。

Jetpack by WordPress.com
アクセス解析、SNS連携、お問い合わせフォーム、スマホ対応など便利な機能がワンパックになっている。WordPress.comへの登録が必須。
 WordPress.com クラウドサービスのパワーをインストール型 WordPress にも取り入れましょう。Jetpack を使えば、ブログを WordPress.com アカウントと連携させ、便利な機能を利用できます。

PS Auto Sitemap
自動でサイトマップを作ってくれる。

TinyMCE Advanced
ビジュアルエディタを拡張。

WordPress Database Backup
データベースをバックアップ

WordPress Download Monitor
ファイルのダウンロードを管理

WordPress Shi-Painter Plugin
しぃペインター。お絵かきコメントを可能にする。

WP-PageNavi
WordPress ブログにさらに高度なページングナビゲーションを追加

WP Multibyte Patch
 WP Multibyte Patch は、本家版、日本語版 WordPress のマルチバイト文字の取り扱いに関する不具合の累積的修正と強化を行うプラグインです。

WP-Table Reloaded
テーブルを管理。ソート機能、ページ分けなど。

今後追加予定。



[wp] WordPress無差別攻撃から守る



 

本日未明、ワードプレスが攻撃を受けた。

その際セキュリティでパスワード入力回数を制限していたので特に問題なかったのだけど、今後のために調べておく。


WordPressをセキュアに保つための10の方法

http://blog.verygoodtown.com/2012/10/wordpress-secure-plugin/

WordPress使いならこれだけはやっておきたい本当のセキュリティ対策10項目

http://wp-d.org/2012/10/18/806/

WordPressのセキュリティ関連メモ

http://maka-veli.com/WordPressSecuryMemo.html

ログイン画面ロックプラグインSimple Login Lockdown

http://wp-site.biz/5558

WordPressに対するブルートフォース攻撃に対抗して2要素認証プラグインを導入

http://discommunication.net/2013/02/16/4714/



[WP] 他サイトとログイン情報を共有、API導入?(未決)



 

そもそも、APIってなんですか。

アプリケーションプログラミングインタフェース

http://ja.wikipedia.org/wiki/

自ら持つ機能の一部を外部のアプリケーション(ソフトやウェブサービス)から簡単に利用できるようにするインターフェース。
http://kotobank.jp/word/API


あるWEBサービスからWPで受け取る

イメージとしてはWPで、Google Maps APIやTwitter APIのサービスを利用する感じ。

既存APIのまとめ

いますぐ使いたい!Web API

http://wp-d.org/2013/03/14/3348/


WPで提供して受け取らせる

WordPressで提供するWeb API

http://www.slideshare.net/sysbird/wp-webapi


以下、調べ途中。ログインの連携について。

http://nendeb.jp/?p=488

https://www.google.co.jp/search?


結果、どんな形かはわからないけど、サービス側でAPIを用意してほしいかな。


WordPressをCMS以上のツールとして使うための、外部のWebAPIと連携させてコンテンツをより彩る方法について。

http://wp3.jp/2011/12/24/wordpress-advent-calendar-2011/


会員ログインをSNSログインでやってみる

http://nendeb.jp/?p=488

WordPressにTwitterやFacebookでログインできるようにするもの

http://takahashifumiki.com/web/programing/1821/


OAuth (オー オース)

OAuth – ウィキペディア – Wikipedia

WordPress と OAuth 認証を使って会員向け Web サービスを作る

http://weble.org/2011/04/06/wordpress-oauth

PHPでTwitter APIのOAuthを使う方法まとめ

http://www.msng.info/archives/2010/01/twitter_api_oauth_with_php.php

非技術者のためのOAuth認証(?)とOpenIDの違い入門

http://www.sakimura.org/2011/05/1087/

OpenID (オープンアイディー)

OpenID – ウィキペディア – Wikipedia

OpenIDが果たす役割を知る – IT


ニュース記事

APIでクラウドの利便性高める、運用自動化やサービス連携を実現

http://itpro.nikkeibp.co.jp/article/Active/20120104/377729/


(WP同士で)同じテーブルを使えば、ブログAでのユーザー情報更新がすぐさまブログBにも反映される

http://takahashifumiki.com/web/programing/1266/

WordPressで会員制サイトを作るときの勘所

http://www.lelechina123.com/wordpress/?p=203


 

もっと単純にログインする側が一方だけだとして、PHP Basic認証やDigest認証でも良いかもしれない。そこを経由した人はOKってことで。


Webを支える技術 -HTTP、URI、HTML、そしてREST (WEB+DB PRESS plus) おすすめ商品
Webを支える技術 -HTTP、URI、HTML、そしてREST (WEB+DB PRESS plus)


[WP] 今回の仕事で追加する機能まとめ



 

キーワードマッチ自動リンク

日本語キーワード対応の自動リンクプログラム、プラグイン「WP Keyword Link」

http://crossinthenight.com/wordpress/4295/


カスタム投稿(ポスト)タイプ

WordPressのカスタム投稿(ポスト)タイプを作成するまでの手順リスト

http://kachibito.net/wordpress/custom-post-type-list.html


ウィジェットでショートコード

WordPress のウィジェットの中でショートコードを使えるようにするプラグイン

http://weble.org/2011/09/27/wordpress-widget-shortcode ◎ 「PHP Code Widget」でPHP使えれば、あまり必要ないかも。


スライドショー

http://sanko-site.com/blog/wordpress-content-slide/ ?

http://gate.rickeluster.com/c15_wp/1236/ ◎トップで動かすにはヘッダにphp追加必要 > その後、このPHPは「PHP Code Widget」でスライドの直前に追加

もう少し詳しく> http://another.hotakasugi-jp.com/2013/02/03/camera-slideshow/


パンくず

Breadcrumb NavXT


ウィジェットでPHP

PHP Code Widget


記事中のキーワードに自動リンクを設定するWordPressプラグイン「WP Keyword Link」


記事内にウィジェット表示(下のプラグインを記事内に表示)

Widgets on Pages


ウィジェットに最新情報を表示(上のプラグインで記事内に表示)

Recent Posts Widget Extended ?

Advanced Most Recent Posts Mod ◎


ページの上に移動

Dynamic To Top × camera-slideshowが動かなくなる


よくある質問

FAQ Manager

http://wpmemo.netkatuyou.com/plugin/1846/


フォーム

Trust Form


キャッシュ

Quick Cache

スマホでの問題回避

http://tokkono.cute.coocan.jp/blog/slow/index.php/wordpress/quick-cache-for-mobile-pages/


カスタムメニュー

http://ivextechnical.com/blog/wp-wp-nav-menu-multiuse.html


WordPressでカスタム投稿タイプ

http://alivex.seesaa.net/article/245925201.html

WordPress 「Custom Post Type UI」プラグインでカスタム投稿タイプを簡単に使おう!

http://www.myu-zin.com/webridge/archives/736.html


テーマ切り替えでCSSが消えてしまった場合は、リビジョンで復活させる。

ウィジェットとメニューが初期値に戻るのはどうするか。調べる。

設定>表示設定>投稿ページ :選択ページ=内容無視されて記事一覧が表示される。知らないと慌てる。

カテゴリの細かい区分けには別のツールが必要か。


後日調べる

WordPress管理画面のサイドメニューを権限ごとにカスタマイズするプラグイン。Adminimize

http://8works-web.com/2010/12/06/plug-in-wordpress-management-adminimize/

User Access Manager

http://ameblo.jp/ifl-nagatsuma-noriyuki/entry-11093035839.html

フォルダ内の自由な ファイル名、拡張子 のイメージをランダムに表示。
http://labrid.jp/wp/archives/866/

WordPress3.4のテーマカスタマイザーで自由度の高いテーマを作ろう
http://www.webopixel.net/wordpress/586.html


RSSフィードにもアイキャッチ画像(サムネイル)を出力する
http://cn-plus.st0272.net/2013/03/rss-feed-customize/

http://www.webernote.net/wordpress/wp-rss-xml-error.html

http://wpdocs.sourceforge.jp/WordPress_Feeds

http://www.sofplant.com/2007/07/26_1875.html

/feed/atom/?cat=5


カテゴリーを制限するプラグイン

http://www.is-p.cc/wordpress/plug-in/category-limit/364


PHPから静的htmlをサーバへ生成

http://webtech.seesaa.net/article/94979061.html

WordPress外のサイトにWordPressの情報表示

http://d.hatena.ne.jp/deeeki/20101025/wp_get_contents_external

WordPressのフィードに関する覚え書き

http://gatespace.jp/2012/10/16/wordpress-feeds/

WordPressの生成するフィード

フィードが呼ばれたときの処理

<head>内でのフィードへのリンク

テンプレートファイル内でフィードへのリンク(<head>以外)

フィードを使わない(配信・生成自体をカスタマイズ)※このへん見る


http://tenman.info/labo/wp_myself/%E9%80%86%E5%BC%95%E3%81%8D%E3%80%81wordpress/#h3-post-717

アイキャッチ画像を取得する方法

http://plug-em.in/

ワードプレスでサムネイル画像ではなく記事内の1枚目の画像を取得する方法が便利すぎた。

http://05step.com/2012/10/10/wordpress-first-pic/

WordPressで抜粋(the_excerpt)の文字数・文末の[…]を変更する

http://hiroyukiterada.com/wordpress/293/

WordPressをちょちょいと使いやすくする15のスニペット

http://coliss.com/articles/blog/wordpress/wordpress-15-snippets-for-developers.html

WordPressのブログ自己流カスタマイズ

http://www.seo-sense.com/wordpress/wordpress-customize/


ページのサムネイルを取得&表示出来る『QF-GetThumb』

http://obakenote.com/wp/446/

画像アーカイブ
image-archives

http://wordpress.org/extend/plugins/image-archives/


フッターにメニューを追加する

http://www.koikikukan.com/archives/2012/02/17-015555.php