WordPress

WordPress

【Cocoon】スキンを作成しました。

Cocoonのスキンを作成しました。 ダウンロードはこちら その他のスキンのように、大きく見た目が変わるわけではありません。 行間や、文字間隔、アイキャッチの高さ調整、シンプルなタイトル、ナビの位置調整くらいのスキンになります...
WordPress

【Cocoon】ブログ運用・記述のルールまとめ

約3年間使っていたSimplicityから、Cocoonに変更しました。 記事を振り返ってみると書き方がばらばらで見づらかったので、今後は以下の記述ルールを設けます。 コードの記述 コードの表示はプラグインを使っています。 Co...
WordPress

Comment Star Ratingに新機能を追加しました。

前の記事が縦長になりすぎてもよくないので、新機能の追加の報告はこちらで行います。 総合ランキングを表示する機能の追加 以下のショートコードで総合ランキングを出力します。デフォルト値がpost_type="post"なので、投稿で使う...
WordPress

【WordPress】コメントに画像投稿を追加する

ユーザーがコメントから画像をメディアに投稿し、リサイズされた画像をコメントに表示してみます。 基本的なコメントの修正は以下の記事を参考にしてください。 ページの一番下にfunction.phpに貼り付けると動作するコード記載...
WordPress

Contact Form 7 add confirmの確認画面を見やすくする方法

Contact Form 7に確認画面をつけるプラグインContact Form 7 add confirmはすごく使いやすく便利ですが、chromeで確認画面へ遷移したときにinput要素にデフォルトの色が付いてしまいます。 そもそ...
WordPress

WordPressのコメントを意のままにカスタマイズする方法

コメントのカスタマイズ コメントのカスタマイズは主に以下の4つのパターンに当てはまると思います。 不要な入力フォームの削除 入力フォームの順番並び替え タイトル、placeholderの追加や、送信ボタンのラベル変更...
WordPress

【WordPress】コメントに星の5段階評価をつけるプラグイン(Comment Star Rating)作りました

Comment Star Rating Comment Star Ratingの主な機能 コメントフォームに星の評価機能を追加 WordPress.orgのプラグインや、Amazonのように総合評価をグラフで出力 ペ...
WordPress

WordPressのRewriteルールを理解する手順

リライトルールを理解する リライトルールについて説明している記事はたくさんありますが、ちゃんと理解して書かかれている記事は少ないです。 そのような記事をたくさん読むより、以下のPDFを読んでください。 リライトルールを見る...
WordPress

【WP】管理画面に独自のカスタムフィールドを設けるオプションページの設置について

オプションページ オプションページの実装方法を最近知って、すごく便利なのでこれからいろんなサイトで使っていこうと思うのですが、 以外とオプションページの機能って使われてないですよね。 おそらく、「いいプラグインがない」や「実装がや...
NO IMAGE WordPress

【WordPress】投稿タイプ(post_type)を完璧に取得するコード

投稿タイプを取得する 以下の2点を補った形。 カスタム投稿で記事がない場合、get_postが機能しない。 get_query_var()では投稿一覧を固定ページに登録している場合は機能しない。 1行目:...
CSS

WP Social Bookmarking Lightのボタンデザインを変更可能にしました。

WordPressのソーシャルボタンを設置するプラグインとして有名なWP Social Bookmarking Lightを改変してボタンのデザインをカスタマイズできるようにしました。
NO IMAGE WordPress

WordPressのデバッグモードを有効にしたら警告がでる問題についてメモ

WordPressのデバッグモードをtrueにするとログイン画面でエラーがでてログインができなくなったのでメモ。 エラー内容 Warning: Cannot modify header information - headers...
WordPress

【WordPress】ソーシャルボタンの配置と拡散数を取得する方法

今やブログに欠かせない存在の拡散用ソーシャルボタンの配置についてです。 私がパソコンで常時ログインしているSNSはツイッターのみなので、使うのはツイートボタンだけですが、他の方はハテブやGoogle+といったSNSも利用されています。 ...
WordPress

【Stinger】年、月別アーカイブのパンくずリストの表示がおかしい箇所の修正方法

Stinger3、Stinger5のどちらも対象です。 年、もしくは月別のアーカイブページのパンくずリストの表示が間違っているので修正方法を紹介します。 間違っている箇所 パンくずリストには TOP > 2014年 > ...
WordPress

【悲報】テーマをStinger3からTwentyFourteenに変更した結果

Google Analyticsの見方についてまだ余り理解していない私ですが、さすがにこのグラフが表していることは理解できます。 1/28日にStinger3からTwentyFourteenの子テーマにテーマを変更しました。に...
WordPress

【WordPress】パンくずリストを追加する3つの方法

WordPressのデフォルトテーマであるTwentyFourteen、TwentyFifteenの個別記事ページにはパンくずリストが存在しません。ユーザビリティ、SEO的にもパンくずリストは有効なので追加しない理由は見当たりません。是非こ...
WordPress

TwentyFourteenをカスタマイズしてメインテーマにしました

今まではStinger3を使っていましたが、レスポンシブデザインに対応していなかったので次のテーマを探していました。 人気テーマのSimplicityをしばらく検討していたのですが、個人的にカスタマイズし辛いと感じたので、 WordPre...
NO IMAGE CSS

【ネガティブマージン】3カラムレイアウトでの使用例

TwentyFourteenのスタイルシートを読んでいると見たことないコードを発見。 margin: 0 0 0 -100%; (margin-left:-100%;) margin:-100% ?????????? ...
NO IMAGE WordPress

【Google AdSense】スティッキーヘッダがポリシー違反になる理由

最近スティッキーヘッダを採用するサイトをよく見ます。かっこいいのでこのサイトでも早速導入しようと思ったのですが、ポリシー違反の可能性があるのでまだ実装していません。 スティッキーヘッダとは スクロールしても上部にナビが付いてくるヘッ...
NO IMAGE WordPress

【Simplicity】ナビゲーションバーの表示がおかしかったので修正してみた

※確定ではありませんが、アップルのフォントfont-family:’Lucida Grande’を使った時のみ表示がおかしくなると思われます。     Simplicityのナビゲーションはデフォルトでドロップ...