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

テストサーバーでサイト構築、問題なしからのwordpressに入れたら変に崩れるときがある。CSSが無視される?

すごくレアなケースぽいけど備忘録。

おそらくWordpressを何度も制作していると自分のテンプレ的なものが出来上がっていると思う。

今回も何も気にせずにそのような作り方をして必要な場所を書き換え~~~

本番にアップ!だがちょっとだけ崩れる。
Flexboxの指定が無視されている。
上下センター合わせにして、って言ってるのにそこだけ無視されている。

CSSを見比べても問題なし。

type=text/cssとか入れても変化なし。

最終的にわかったのが

<!DOCTYPE html>
<html lang="ja">

ココをちゃんと記載せずに

<html>

で書いてしまったことが原因でした。

さくらサーバーで独自SSLの対応してみたら、なんかCSSとか効いていないとき。contact form7で気づく

さくらサーバーはちょっとクセがあるようで、SSL化してもプラグインなどが読み込むCSSやJSはhttpのままになってしまうらしい。

http://qiita.com/tabimoba/items/64ef60412abe7ad6f0ac

こちらのサイトを参考にすればいっぱつ。

wp-config.phpと.htaccessにちょいっと追記すれば良いようです。

Wordperssのadvanced custom fieldでチェックリストの出力をlist表示にしたい

そのまんまです。

デフォルトで吐き出すとチェックした項目にカンマが入って羅列するだけなのでデザイン処理がむずかしい。

以下参考にさせて頂いたサイトです。
http://ponko2.x0.com/advanced-custom-fields/

<ul><li><?php echo implode('</li><li>', get_field('field_name')); ?></li></ul>

こうするだけでいいらしい。

worpdressの記事閲覧数をチェックするプラグインを入れてみた(テスト用)

個人的に必要ないが、クライアント用にテストで導入。

最初「WordPress Popular Posts」を入れてみたがいつまでたっても0 Viewsのまま。テスト環境だからかなーと思っていたけどとりあえず別のものあるかなと探してみたら「WP-PostViews」なるプラグインを発見。

使い方はほぼ一緒でとても簡単。

なにより人気記事もそのデータから取得して表示できるようなので別のプラグインを利用せずにこれだけで完結することもできるのね。

ちなみに最初に書いたプラグインが動かない理由は不明だけどマルチサイトにしたからかもしれない。検証はしていない。

facebookの投稿をwordpressに連携する方法は

とある案件でタイトルのような事が。
こちら側からすると、いや逆でしょ。と言いたいがWEBに慣れていない方のサイトを作成したりするとなるとFBやTwiなどしか情報発信できない事は増えてくるのかなと思う。

そんな中どうやるかなーと悩んでいて最初にやった方法が

①IFTTTで連携
あまりよくなかった。まず確実性が低い。80~90%の精度でしか連携してくれないっぽい。あと画像をうまく引っ張ってくれない。
リンクも勝手にIFTTTのbitly的なURLに変えちゃうのでリダイレクトして目的のサイトに飛ぶみたい。

②WPのアプリで連携(WP-Facebook-Portal )
これはFBのアカウント情報を教えてもらう必要+アプリを作成するという手間が発生する。
Instaもそうだけどこのへんすごい面倒。たしかに悪意のある人が収集しやすいってのも問題だけど。

以前にインストールして放置、それを思い出して作業していたんだが、どうしてもfacebookページIDの入力でエラーが変えっていてきた。
何度アプリをFB側で作り直してもダメで、これは使えないのかなと思っていたがそんなときはWPにインストールしたWP-Facebook-Portalを一度削除して再度インストールすればいける可能性大!
自分はこれで無事解決。

アプリの作り方は以下を参考にさせていただきました。
http://okablog.o-new.info/knowhow/post-1423/
http://www.webantena.net/wordpress/plugin-wp-facebook-portal/

 

 

CPIサーバーにWordPress入れるの超めんどくさい

とりあえずサーバーの設定を色々変えないといけないのでめんどくさかった。

色々なブログを参考にしつつ、インストール完了もログインしようとおもったらクソ重い。

で調べたら使っているPHPのバージョンを5.5.9から変更すれば直るとの事。
http://doshirouto.wp.xdomain.jp/web/wordpress/952

なおった。

こういうサーバーってなんでUI良くしないんだろう。

Intuitive Custom Post Orderが言うこと効かないのでPost Types Orderを使ってみたけども

Post Types Orderは正直使いづらい。
有料版にすればカテゴリごとに表示を絞れるみたいだけど無料だと一覧でバーっと表示されてしまう。

正直そうなると現実的ではない。

以前にIntuitive Custom Post Orderを入れたんだけど使えなかったんだよなーと思いつつも再度ググるととんでもない事実が。

参考サイト:http://affilabo.com/wordpress/13662/

「並び換え設定」なんていう項目があったんですね。
自分のWPの設定を見てみたら見事にカテゴリーのチェックが外れていた。

チェック入れてみた。

動いた。

うれしかった。

ビジュアルエディタとテキストエディタを切り替えるとHTMLタグが消えたりして困る

これWordpressのずっとかゆい所な気がする。

設定で、ビジュアルをオフに出来るんだけどそれをしてしまうと一般の方には到底投稿など出来なくなってしまう。

それ用に色々とプラグインがあるがちゃんと動ききるプラグインに出会えたことは無い。

そこで逆転の発想で、素人の人が触る時にエディタ切り替えなど眼中にないはず。逆にいえばテキストモードになってたら焦ってどうにか切り替えタブを探すはず。

ということで強制的にデフォルトのタブをテキストにしちゃう命令をfunction.phpに追記

add_filter( 'wp_default_editor', create_function('', 'return "html";') );

参考にさせていただいたサイト
http://locatimefree.com/always-show-text-mode-at-wordpress-editor/

contact form 7とさくらサーバーの相性がよろしくない?

WordPressの問い合わせフォームとしては良く利用するcontact form 7。

大抵使用します。特に問題も無いし。

で、初めて問題発生しました。

再現性をテストしきれていないので、なんとも言えないがさくらサーバーで取得していないドメインをさくらサーバーに割り当てた状態のWordpressサイトでコンタクトフォームの管理者宛のアドレスを以下のようにすると500 Internal Server Errorが返ってくる。

例)
サイトURL:http://hogehoge.com
問い合わせの内容が届く管理者アドレス:info@hogehoge.com

こんな風にしちゃうと500 Internal Server Error の嵐。

管理者アドレスをGmailとかに変更するとそのエラーは無くなるので原因はここであることは間違いない。

が、Google先生に聞いても皆困ったばかりで回答が見つからず。

とりあえずテスト段階だが、MW WP Formを利用すれば問題ないっぽいのでそちらを利用してみる。