ブログ｜ぼうびろく

03 November

WordTwit 3系の設定　WPとツイッターの自動ツイート連携　

http://www.kaden1000.com/2013/06/wordtwit3%E3%81%AE%E8%A8%AD%E5%AE%9A%E6%96%B9%E6%B3%95%E3%83%BB%E4%BD%BF%E3%81%84%E6%96%B9%E3%81%A8%E6%97%A5%E6%9C%AC%E8%AA%9E%E5%8C%96%E5%8B%95%E3%81%8B%E3%81%AA%E3%81%84%E6%99%82%E3%81%AB%E3%81%AF/

twitterAPIが変わるとweb上全ての設定の情報が古くなるのでめんどい
前のバージョンより設定が簡単になってるような気がするけど、
昔過ぎて覚えてない･･･

「アプリケーション名」とか意味わからんけど、要するに、どっかの企業サイトをフォローすると自動ツイートのために連携させられる画面がでると思います。
その画面に出てくる名前と説明が「アプリケーション名」と「その説明」ってことです。

自分のWPとツイッター連動は自分にしか出てこない画面なので、名前はなんでもいいってことになります。日本語も使えるのでわかりやすく「サイト名_wordtwit」みたいなのとか。

０、該当ツイッターアカウントにログインしておく
１、アプリケーション名、説明を適当にかく
https://apps.twitter.com/

２、サイトURLを2箇所入力
３、規約に同意してcreatする
４、permission　を　Read and Write へ変更。自動で読み取るだけ→自動で読み書き（自動ツイート可能にする）に変更ということ
５、API key、API secret の文字列をコピペ
６、WordTwit設定画面内で上記２つのKeyを入力
７、WordTwit「アカウント」にて連携させる（連携画面がでてくる。アプリケーション名と説明もここで使われる）
８、「カスタムツイートテンプレート」でツイートするテンプレ
New ブログ更新:「[title]」- [link] [hashtags]
を作って終了

トラブル

手馴れたもんよ、と自分の上記まとめを見ながらパッパコピペして設定していたら、
「アカウント追加」を押しても無反応になった。
検索すると「callbackURLを設定していないから」というのが多いが、設定してるよ。

１、Name　に半角だか全角が入ってる
２、URLの末尾に「　/　」スラッシュが入ってる
３、コピペしたAPIキーの先頭に半角スペースがまぎれこんでいた

これ全部直したら連携できた！！どれがいけなかったのかはわからない。

追記
上記トラブルをすごく気をつけて設定したのに、また「アカウント追加」ボタンが反応しない･･･
なんで？って焦って確認すると、コピペしたAPIキーの先頭に半角スペースがはいってた
直したら追加できた。なんなの････！！！！

01 November

.htaccess　に書く色々な設定

URLのwwwを無しにしてリダイレクトさせる

RewriteEngine On

RewriteCond %{HTTP_HOST} !^ドメイン名.com$ [NC]

RewriteRule ^(.*)$ http://ドメイン名.com/$1 [L,R=301]



//fontファイルの圧縮処理

<IfModule mod_mime.c>

AddType font/opentype .otf

AddType font/eot .eot

AddType font/truetype .ttf

AddType application/font-woff .woff

</IfModule>

<IfModule mod_deflate.c>

AddOutputFilterByType DEFLATE font/opentype font/eot font/truetype application/font-woff

</IfModule>







//静的htmlにWPを読み込む処理（さくらサーバー）

Action myphp-script /php.cgi
AddHandler myphp-script .php .html







//↓とメモ帳に書き　php.cgi　というファイル名で保存し、アップロードする



//さくらサーバーでWPを静的htmlに埋め込むための必須作業







#!/bin/sh



exec /usr/local/bin/php-cgi



サイトにパスワードを付ける

//URLのwwwを無しにしてリダイレクトさせる

RewriteEngine On

RewriteCond %{HTTP_HOST} !^ドメイン名.com$ [NC]

RewriteRule ^(.*)$ http://ドメイン名.com/$1 [L,R=301]

//index.htmlを無しにしてリダイレクトさせる

RewriteCond %{THE_REQUEST} ^.*/index.html

RewriteRule ^(.*)index.html$ http://ドメイン名.com/$1 [R=301,L]





どうやってかけばいいかは検索でてくるが、じゃあ複数指定したいときはどうすればいいのか

っていうことをちゃんと書いてくれる人がいない。

ルールがわかんねーんだよくそが。どこかにルールかいてるとこないの。

最後に改行が必要ってことしかまだしらねーよ！



rewriteONの前に　Options +FollowSymLinks　こんなんいれて書いてる人もいたりして、

複数の場合はどうするんだっつーの。

これいれたら500エラーでてダメだった

なんの意味があんのこれ。なくてもリダイレクト成功したけど。





//WPで404.phpに誘導し、404エラーをブラウザに返す。SEOgoogle対策

//.htaccessの一番先頭に書く

ErrorDocument 404 /フォルダ名/index.php?error=404

24 October

トップページ以外にブログのインデックスページを作りたい

http://wordpress.hitsuji.me/add-post-archive/

トップページ用とブログ用の2つの固定ページを作る
タイトルとスラッグのみ設定する。
※トップに表示したい固定ページの記事内容があれば、その固定ページをトップページとする。
私はトップページは大抵オリジナルになるので、front-page.phpを直接編集してしまう

タイトルはおもてに反映されないのでわかりやすいものにする
スラッグはトップページは使うときがあるのかどうかわからないけど、
ブログは　http://*********.com/blog/category名/記事名/　のblogの部分がスラッグ
つまりブログトップのスラッグは表示されてしまう

必要なテンプレートphp
トップページ用php　front-page.php
ブログインデックス用php　home.php　or　index.php

表示設定
「フロントページの表示」→「固定ページ」
→「フロントページ」→トップページ用に作成した固定ページを選択
→「投稿ページ」→blogインデックス用に作成した固定ページを選択

カスタムメニューでは「固定ページ」からそれぞれ作成したページを選択する

ブログだけのWPってだいたい個人ですよね。
他人のHPを作るにあたってそういうのはほぼやらないと思います。
だいたい何か紹介したい内容があって、ブログもつけたいって内容じゃないですか？

そうしたとき、ブログのインデックスページのリンクってどうやって貼ればいいの？って
なりました。
例えばブログをそんなに重要視していなくて、カテゴリわけもしないような内容であれば、
category名　information　のみを作って、カテゴリ名「information」へのリンクを貼ればいいだけです。しかしカテゴリーをたくさん作るならインデックスが必要になります。

今までこういう作りをしたことがなかったっていうのが自分でも驚きです。
普通に考えたら、これこそが普通ですよね･･･

23 October

小技　複数のフォルダ内から一括で目的のファイルを取り出す方法

1、取り出したい該当フォルダ群をまとめて別の新規フォルダAにいれ1箇所に集める

2、新規フォルダAを開き、右上の検索バーの中に取り出したい拡張子やファイル名をいれて検索

3、一覧がでてくるのでコピーして別のフォルダに移す

素材DLすることが多いと、毎回解凍して中開けて目的にファイル取り出して･･･
っていうのが面倒です。
あれもこれもととりあえずDLした時なんかめんどくささMAXになります。
一括ツールのようなものは探せばあると思いますけど、ネット上のシステムや
ブラウザのアドオンというもので色々できるようになった昨今、
簡単な作業なのにソフト落としてなんやかんややるとかあんまりやりたくないんですよね。
機能はソフトのほうが上だと思いますが。

たまに大量にDLしたときは、検索して一括で取り出すのがいいと思います。

18 October

cssでtooltip　hoverで吹き出し

http://www.atmarkit.co.jp/ait/articles/1309/24/news053.html



基本

a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c;}



<a href="#" class="tooltip">Tooltipだよ<span>吹き出しで出るテキスト</span></a>

a.tooltip:hover span{
display:inline;
position:absolute;
/*border:1px solid #dc0000;	吹き出しの枠線色を削除*/
background:#dc0000;         /*吹き出しの背景色の変更*/
color:#fff;                 /*吹き出しの文字色の変更*/
bottom:25px;                /*位置指定追加。クエスチョンマークの下端から、吹き出しの下端を25px上げる*/
left:-100px;                /*位置指定追加。吹き出しの幅の半分を左に移動させる*/
}



a{
position:relative;	/*吹き出しの表示位置指定の基準とするため追加*/
}



/*吹き出しの足*/
a.tooltip:hover span:after {
content: "";
display: block;
width:0;
height:0;
border-top:8px solid #dc0000;
border-left:8px solid transparent;
border-right:8px solid transparent;
position: absolute;
left: 100px;
bottom:-8px;
}