【CSS】borderメモ

……メモばっかり (^0^;)

CSSで見出しとかに

  • ボーダー引きたい
  • 2重線にしたい
  • 片方は点線
  • 片方は実線で太さを太くしたい

ってとき。

h2 { border-bottom: 2px solid #c4ae07; position: relative;  }
h2:after { content: ""; display: block; width: 	100%; border-bottom: 1px dotted #c4ae07; position: absolute; left: 0; bottom: 3px; }

スクリーンショット 2014-11-25 16.39.16

って感じでできた。
afterは要素内に入るから、h2にpadding入ってると、内側に描画されるから、position使って浮かせて配置し直し。

【Vagrant】Your VM has become “inaccessible.” って言われたら…

vagrant upした時に、

Your VM has become "inaccessible." Unfortunately, this is a critical error with VirtualBox that Vagrant can not cleanly recover from. Please open VirtualBox and clear out your inaccessible virtual machines or find a way to fix.

って言われっちゃったのでメモ。
どうやら、vagrant destroyしないでVirtualBoxから直接削除してしまったか、何かの原因かで、.vagrant というディレクトリが作られるとこのメッセージが出るみたい。

単純にこの.vagrantディレクトリを削除すると、vagrant upできる。
ただし、新たにVMboxを作るのでもしも、自分でVMを削除した記憶がない時はこれらの作業で新たにVMが作成されるので、注意。

気がついたら、ディスクがVMで一杯でした…なんてことになりかねない ^^;

※ 一度VirtualBox内のVMを全部削除して、新たに作り直すのもありと宮内さんに教えてもらった、あざます!! :D

参考URL

brew doctor エラーメモ

brew doctorでエラー出てた。

brew doctor
Error: Failed to import: abstract-php
formulae require at least a URL
Your system is ready to brew.

で、brew readallやってみたら

brew readall
Error: problem in /usr/local/Library/Formula/abstract-php.rb
No available formula for abstract-php 

で、brew tap –repairやってみると、

brew tap --repair
Pruned 1 dead formula
Tapped 453 formulae

“Pruned 1 dead formula”って出てて、このあとbrew doctorすると、

brew doctor
Your system is ready to brew.

良かった :D

参考URL

php formula missing? · Issue #1034 · Homebrew/homebrew-php

テンプレート作成時に迷ったときとりあえずやってみるメモ

とりあえずvar_dump(or print_r)

var_dump( get_queried_object() );
をとりあえず見る。

カスタムタクソノミーのターム毎のアーカイブを出す際にパーマリンクへ飛べなかった。そもそもミスではあったんだけど、投稿タイプを作るとき、パーマリンク構造がおかしなまま投稿が作られてて、guidが1件だけ/post_type/%post_type_name%になってた。

その投稿削除したら、無事にタームアーカイブへアクセスできた。シングルページでguidを確認して気付いた。出さないと多分一生気付かない…(自分比)

リニューアルな案件で、サイトを引き継いだ時のエラーの確認方法

vccwで作業してて、Notieやらあれこれ出ていたので、WP_DEBUGをfalseにしたまま進めると、エラー出た度にtrueとかfalseとか面倒なので、vagrant sshして

vagrant ssh
cd /etc/httpd/log
tail -n 5 -f wordpress-error.log

とかしておくと、自分でやらかしたエラーを確認しながら作業できて楽かも。

パーマリンク再構築にはwp rewrite flush便利だ

管理画面の設定 > パーマリンク
を開くのもいいけど、wp-cli使って

wp rewrite flush

の方がサッとできて楽ちんだ。

後はひたすら作業するのみ。急がないと〜  8-O

Facebook上で教えていただきました!!

このエントリーを公開後、AMIMOTO開発者の岡本さんに超便利なやり方を教えていただきました!! あざます!!

vagrant ssh -c ‘tail -n 5 /etc/httpd/logs/wordpress-error.log’
で一行でできるよ

さらに ~/.bash_profile に

alias show_wp_err=”vagrant ssh -c ‘cat /etc/httpd/logs/wordpress-error.log'”

とかって書いておけば

show_wp_err 一発でエラー全文出るので

show_wp_err | tail -n 5
とかってやれば、最後 5行出せるし

show_wp_err | grep Notice
ってやれば、Notice エラーだけ取得できる

aliasってこうやって登録しておくと便利なんすね (^^)

vagrant ssh の -c オプションは ssh 接続後に指定されたコマンドを実行するオプションね

早速使ってます :D

ore_1_watermark_1_text_2

Easy Watermark プラグイン使ってみた

サイト上の画像に透かしを入れるプラグイン、WordPress › Easy Watermark « WordPress Plugins を使ってみました。

WordPressサイトの投稿にある全ての画像に透かしを入れるというお仕事でした。投稿がさほど多くなければポチポチと設定していけばいいと思うんですが、今回のサイトには既に7000枚近くの画像がありまして… ( ꒪⌓꒪)

手動でやれば、それはいつかは終わるんでしょうが、とても時間がかかる…と。。
何か素敵なプラグインはないものかと、Google先生に訪ね歩いて見つけました :D

素晴らしいと思ったポイント

透かしを入れるプラグインは他にも、”WordPress image watermark plugin”とかで検索かけると沢山出てくるのですが、新規で追加した画像にのみ適用されるものが多く、既存のメディアライブラリにある画像も適用したい場合は、いろいろとカスタマイズが必要そうでした。

しかし、このEasy Watermarkは、既にメディアライブラリにある画像へも適用できて、更に、一括処理までありました!!

個別に設定可能

まとめてもOK

一括適用・復元OK

 

気軽に?とまでは行かなくても、復元できるのはありがたいです。(コピーをとるようなのでディスクスペースがその分増えそうですが…)

テキスト、テキスト+画像、画像と設定可能

設定画面一般_1
細かく設定OK!! カスタム投稿タイプのみ透かしを入れるなどの設定もいけるって凄いなぁ :D
画像設定_1
透かし画像の位置、オフセット量の設定、不透明度も。
テキスト設定_1
透かしテキスト設定。 こちらも位置やオフセット、文字色などなど至れり尽くせり!!

……もうなんていうか、ありがとうございますとしか言いようのない素晴らしいプラグインでした。

ちなみに、7000枚近くの画像を一括で透かしを入れてみたところ、所要時間は約2分半でした。
手動でポチポチやってたらどうなってたのかと思うと、このプラグインの凄さ(便利さ)が身に沁みました :D

ありがとうございまーーっす!!

翻訳ファイル作りました

If you have made a translation and want to contribute with it to Easy Watermark, please e-mail me.

日本語翻訳ファイル作りました。やり方はこちらVagrantを使ってWordPressのテーマを翻訳しちゃおう! | firegoby
宮さんのvccw使って、テストサイトでそのまま作りました :D

早速メールしたので、返事待ちです。Githubに置いたので、もしも、ここ違うだろ!!とかのツッコミをお願いします!!

easy-watermark-translate/easy-watermark-ja.po at master · marushu/easy-watermark-translate

wp-cliメモ

wp-cliメモ。
WordPress構築してて、完全に忘れ去っていたチェック項目……

検索エンジンがサイトをインデックスしないようにする

(^0^;)。。。
wp-cliで確認できないかなぁと思って探してたらありました (^^)

コマンド

$ wp option get blog_public

チェックが入ってたら、「0」
チェックが入ってなかったら「1」
が返ってくるるるるる。。

.shファイルとか作れるようになりたいっすなぁ…。いや、なろう :D

ついでに

wp core version

4.0 とか返ってくる。
公開前に網元にログインして確認するのもアリだと思ったなぁ (^^)

before-launch.shファイル作って(コマンドだけ書き込んだ)を実行してみたらとりあえず出た。

before-launch.sh
4.0
0

これ見易く書き換えたい :D

mysqlコマンドメモ

vagrant sshしてmysqlコマンドを少しずつやっているところ。。

今できるようになりたいのはWordPressの場合、wp_postmetaの中身とかを見たい。

mysql> show tables;

で、
+———————–+
| Tables_in_wordpress |
+———————–+
| wp_commentmeta |
| wp_comments |
| wp_links |
| wp_mappress_maps |
| wp_mappress_posts |
| wp_options |
| wp_postmeta |
| wp_posts |
| wp_term_relationships |
| wp_term_taxonomy |
| wp_terms |
| wp_usermeta |
| wp_users |
+———————–+

って感じでテーブルが見える。

mysql> select * from wp_postmeta;

で、ダダーーーっと中身は見れるんだけどあまりにも大量すぎて見づらい…。
見易く出す方法ってないのかなぁ… (´。`)

ありのまま。急がず、流されず。