WordPressで更新者が少しでも使いやすい・更新しやすいと感じてくれる管理画面をつくるヒントやカスタマイズ - NxWorld
個人的に普段から対応することが多いものを中心に、更新者（クライアント）が少しでも使いやすい・更新しやすいと感じてくれるようなWordPressの管理画面をつくるためのヒントやカスタマイズを紹介します。 サイト構成や更新者のスキルなどにもよると思うので全部が全部やるべきということでもないですが、紹介しているものをいくつか組み合わせるだけで不要なものはすべて取り除いたシンプルな管理画面にできたり、少し手を加えるだけでもデフォルトに比べて大幅に使いやすくすることも可能です。 管理画面に任意のCSSやJavaScriptを適用する CSSであればフロントのデザインに近い感じで管理画面を装飾したりデフォルトのレイアウトを使いやすい形に調整するなど、JavaScriptであればデフォルトにはない動きをちょっと付けたり逆にデフォルトで実装されている動きを無効化するといったように、管理画面をカスタマイズす
WordPresssをデータベースなし(SQLite)で使う方法
WordPressを使うには普通MySQLデータベースが必要ですが、データベースなしでも使うことが出来る方法があります。 正確には、なしではありません。SQLiteというデータベースをMySQLの代わりに使います。 SQLiteはPHPが使えるサーバーであれば基本的にどこでも使えますので、MySQLが使用不可な共用レンタルサーバーでも使えます。要するにロリポップの月額100円プラン(エコノミープラン)でもWordPressが使えます。 SQLiteの特徴 「エスキューライト」と呼びます。簡易的なデータベースで、PHP5以降で標準で使えます。データベースサーバーが別に必要ではないので便利です。ちなみに、FireFoxの設定ファイルなどはSQLiteを使ってますので、SQLiteマネージャーなどで中身が見れます。 バージョン2と3があって、SQLite3と書いてなければ一般的にバージョン2を指
jQuery/JavaScriptの高速化テクニック | Find Job ! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
【WordPress】 TwentyTwelveの微妙なメニューボタンをカスタマイズする | work.log
WordPress のテーマ TwentyTwelve のメニューボタンをカスタマイズしたのでそのメモ書きです。 スマートフォン・タブレットで TwentyTwelve を表示すると下記のようなメニューボタンが表示されます。 TwentyTwelveのメニューボタン ちょっと微妙と思ったのでこれを下記のようにカスタマイズしました。 カスタマイズしたTwentyTwelveのメニューボタン 今回のカスタマイズ方法を以下に記載していきます。 TwentyTwelveのメニューボタンを削除する TwentyTwelve デフォルトのメニューボタンが不要になるのでまずはこれを取り除きます。 このメニューボタンは header.php の 43 行目 (デフォルトの場合) から呼び出されているのでこの行を削除します。 <nav id="site-navigation" class="main-nav
single.phpでmoreの前後を別々に表示したい
やりたいことは、<!–more–> の直下、記事続きが始まる前に 全ページ共通のコンテンツをデフォルト挿入したいということです。 MTの場合だと普通に出来るのですが、WPではその概念がなかったようでしたので、 お分かりになる方がいらっしゃいましたらご教示いただけますでしょうか。 よろしくお願いいたします。 sigeoさん、こんにちは。 プラグインにすることも出来ますが、今回はお手軽にユーザー関数での実装でいってみます。 まず、利用しているテーマフォルダ内にある、functions.phpに以下のコードを追加します。（<?php ?>の括りの中にいれてください。） これが呼び出されると、本来一括りにされていたmore前後の記事のhtmlが分けられた状態で 戻されてきます。 function get_the_divided_content( $more_link_text = null, $s
続・WordPressにて 子ページのタイトルだけでなく本文も一覧で取り出す | 鉄王
ここ最近すっかり放置プレイ気味の本サイトにも、当方のつたないtipsなどをググってお越しくださる方がいらっしゃいます。本当にありがたい限りです。 ということで、2009年1月10日（！）のエントリー『WordPressにて 子ページのタイトルだけでなく本文も一覧で取り出す』にお越しくださった方のリクエストにお応えして、「ホント、こんな情報をご活用くださって感謝です」という思いで続編を公開したいと思います。 リクエストは、出力されたタイトルに当該記事へのパーマリンクを付加したいというもので、コードはこのようになりました……が、ご利用はくれぐれも計画的におねがい申し上げます <?php $page_id = mysql_real_escape_string ( $post -> ID ); $array = $wpdb -> get_results ( "SELECT ID, post_ti
query_postsを捨てよ、pre_get_postsを使おう【追記あり】【報告あり】
[2013-07-15追記] より詳しい補足記事を書きました。 → WordPressでページ送りが動かないのはどう考えてもquery_postsが悪い!【pre_get_postsまとめ】 WordPressのテンプレートをカスタマイズしようとして高確率でハマったり事故ったりするのが query_posts 関数というやつでして、ぐぐってみたらこの1年以内にも query_posts の使い方を「WordPress使うなら必須知識！」として解説したり、いまだに $paged を引数で渡さなきゃいかんとか、書いてあるブログ記事もたくさん見つかりまして頭痛が痛くなります。この際、はっきり言っておきましょう。 もう query_posts は一切使う必要ありません。 いやまあ、かく言うワタシも迷っていた時期がありまして。でも周りのWPerにquery_posts要らないらしいよ？という話を聞く
more(続きを読む)がある場合のみ実行する条件分岐方法
#未検証。「〜」は省略の意味ですー。 global $post, $page, $pages; $hasmore = false; //ここからループ処理 〜 the_post(); 〜 the_content(); // とか get_the_content() とか 〜 $content = $pages[$page - 1]; if ( preg_match( '/<!--more(.*?)?-->/', $content, $matches ) ) $hasmore = true; 〜 //ここまでループ処理 if ( $hasmore ) get_sidebar(); kzさん 回答ありがとうございます。 経験が浅くphpもろくに理解していないため 記述内容がよくわからず理解がむずかしかったです。 sidebar.php内に下記を記述しています。 <?php if(is_cate
Wordpressの記事に自動でPDFのアイコンを表示させる | Webコンサルティング
WordPressは、管理画面からpdfをアップロードすると記事内にテキストリンクが現れ、ダウンロードできるようになりますが、テキストリンクだけなので下記のようにとてもさびしい感じになります。 Webコンサルティングの手引き 今回はテキストだけでなく左側にPDFのアイコンを入れたいというクライアントのご要望がありました。昔はプラグインで実現できましたが今はWordpressのバージョンアップで使えなくなりましたので、CSSにて実現をしてみました。 下記のような感じになります Webコンサルティングの手引き 導入手順 ①CSSに以下のソースコードを追加します。 a[href $='.pdf'] { font-size: 14px; background:url(images/pdf.png) no-repeat; margin-top: 30px; padding-left: 60p
WordPressでサーバ移行時にデータベース上のドメインを書き換える方法
WordPressでサーバを引っ越しする時や、開発環境から本番環境へ移行する際は、 データベース内の旧ドメインを新ドメインに書き換える必要があります。 その方法をまとめてみました。 UPDATE wp_options SET option_value=REPLACE(option_value,"旧ドメイン","新ドメイン"); UPDATE wp_posts SET post_content=REPLACE(post_content,"旧ドメイン","新ドメイン"); UPDATE wp_posts SET guid=REPLACE(guid,"旧ドメイン","新ドメイン"); UPDATE wp_postmeta SET meta_value=REPLACE(meta_value,"旧ドメイン","新ドメイン"); ところが、岡本さんのブログ「WordPress のDB上のサイトURLを
「WordPressにログインできない」を解決する4つの方法
WordPressの「あるあるトラブル」のベスト5に入るといっても過言ではないこのトラブル。 wordpressのURLを変更しようとしたら、エラーが出たので、ブラウザの戻るを押したりなどしていたらもうログインできなくなってしまいました。 正確にはログイン画面からログインした瞬間に存在しないページに飛ばされるので、ログインできない状態です。 （WordPress 日本語フォーラム [解決済み] 管理画面にログインできなくなってしまいました。 より） WordPressを専用ディレクトリ （例：http://www.example.com/wordpress） にインストールしていて、実際には http://www.example.com/ をサイトのホームページにしたい場合。［設定］－［一般］にて WordPress アドレス (URL)……http://www.example.com/w
SSLありのWordPressだけど高速化したいからCloudFlareのCDNを無料で使う | 高橋文樹.com | プログラミング
この投稿は 12年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 最近WordPress界隈では高速化の話題が多いですが、僕もちょくちょく試しています。静的キャッシュのプラグインとかYahooの人が提唱している14の秘訣は昔から有名ですが、最近のホットトピックは以下の2つじゃないでしょうか。 nginx（特にproxy cache）による高速化 CDNの導入 nginxのproxy cacheはdogmap.jpかさくらたんどっとび〜ずを見れば設定できると思います。今回は2番目のCDN導入ですね。 CDNとは？ CDNとはコンテンツ・デリバリー・ネットワークの略でして、社長秘書みたいなものですね。普通WebサイトというのはHTML・JS・CSS・画像・その他（Flashとか）から構成されています。WordPressのようなPHPアプリケー
WordPress3.0のカスタム投稿タイプを、実案件を想定して実践してみる | カテゴリー: Wordpress | 作業メモ
いまさらながら「カスタム投稿タイプ」をきちんといじってみる。 以下の“ありがちな要件”を立てて完成までの流れを追っていく。 お知らせを専用の投稿画面から追加・管理していきたい - 管理画面にカスタム投稿タイプを追加する トップページにお知らせ最新10件を表示したい - ”最新10件のカスタム投稿タイプ”を出力するループを作成する お知らせのトップ（/news/）に20件区切りでページングした一覧ページを作りたい。 - ”カスタム投稿タイプ一覧”を表示するページ用のテンプレートを作成する お知らせの詳細ページは他と体裁が違うので、それ用のテンプレートを適用したい - ”カスタム投稿タイプの詳細記事”を表示するテンプレートを作成する 管理画面にカスタム投稿タイプを追加する カスタム投稿タイプを編集するインターフェースを追加するために、function.phpに register_p
WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き）
とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね！今回は、私が WordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろな WordPress の Tips を書いてきました。でも WordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー（カスタム分類）を使って作っています。 ページを表示する為に使っているテンプレート
WordPress(ワードプレス)の親ページに子ページのリストを表示させる方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
とある案件にて、Wordpressの親ページに子ページのリストを表示させる方法を調べたのでメモ。 初めはフォーラムの「親ページに属する全子ページのタイトルと本文を表示」を使った方法を考えていましたが、何故か上手くいかなかったため、テンプレートタグの「wp_list_pages」を使う事にしました。 「WordPress で現在のページの子ページのリストを表示する」を参考にほぼ思い通りの処理が出来ました。それに加えて今回の案件では携帯用ページも制作しており、そちらではwp_list_pagesタグのデフォルト表示であるliタグを使わない方法を探しました。 一度はWordpress本体の中身を書き変える事も考えましたが、「wp_list_pagesのli要素の中を変更 (WordPress)」を参考にstr_replace関数を入れることで思う通りの処理になりました。 【携帯用タグ】 <?ph
どや！？WordPressでページ毎に違うサイドバーを表示させる方法 | デザインどや！？
サムネイル画像をつけたので、トップページがゴチャゴチャしてしまいました。 そこで、サイドバーにある「最近の投稿」をトップページだけ外してみました。 作業は簡単で数分で完了。 ①サイドバー(sidebar.php)をコピー サイドバーを複製します。 名前は、「sidebar-2.php」「sidebar-3.php」など、連番にします。 ②メインインデックスのテンプレート (index.php)を開く サイドバーが表示される部分 <?php get_sidebar()?> を <?php get_sidebar('2'); ?> に変更 ①で付けた名前の番号を括弧内に記述 これで、簡単に2つのサイドバーができました。 「sidebar-2.php」を編集すれば、トップページだけ違うサイドバーになります。 これでゴチャゴチャ感がなくなってスッキリしたトップページになりました。
ぼくのサーバ移転：WP（WordPress）移行篇 - 小窓屋めがね
2. WordPressデータベースのバックアップ 前に、Wordpress2.8へ自動アップグレードしようとして、華麗に失敗した苦い経験があるので、バックアップは入念に行う。MySQLのバージョンアップを行う前に、まずはバックアップ。面倒くさくてもバックアップ。なにはともあれ、バックアップです。 WordPressの管理画面からもバックアップできるけど、プラグインの設定が引き継げないので、「phpMyAdmin」で行う。 実際の作業は下記サイトを参考にさせてもらいました。 （参考） データベースのバックアップ - WordPress Codex 日本語版 http://wpdocs.sourceforge.jp/データベースのバックアップ WordPressのサーバー移転メモ：バックアップ編 | コリス http://coliss.com/articles/blog/wordpress/
WordPressで使える知ってると便利な13のSQL文 | Web活メモ帳
WordPressでデータベースの情報を変更する際に便利なTipsが載っている13 Useful WordPress SQL Queries You Wish You Knew Earlierというエントリーのご紹介。 WordPressはMySQLというデータベースで動いていますが、何かを変更したい場合に結構困る事があります。 例えば ・パスワードを忘れて管理用のメールアドレスも忘れた場合 ・テスト用にレンタルサーバーのサブドメインで動かしていて、いざ本ドメインで表示されるよう設定してもサブドメインにリダイレクトされるとか。画像がでない。とか。 全ての情報がデータベースに格納されているためしょうが無い部分もあるのですが、困った時に知っておくと便利なTipsです。 ※必ずバックアップを取ってから実行してください。 サイトのURLを変更する ワードプレスはサイトのURLとホームのURLを絶対
大曲さんが作られた「WordPressで挿入する画像のsrcを相対リンクにする【発展版】」をプラグイン化 | khoshinoのライフログ
そのようなわけで、ライフログを取るにあたって、色々と初めの仕組み作りをしているわけですが、 ブログをWordPressで書こうとする場合、画像を添付する時は、画像の挿入リンクは、絶対リンクになる仕様です。 例えば、 <img src="http://khoshino.com/wp-content/uploads/2011/10/abc.jpg" /> となります。 この場合、例えば、ローカル環境や構築環境で作ったサイトを、本番用のドメインで公開する場合、画像を既に多くアップロードしている場合には、この画像のドメイン部分のURLを置換する必要があります。 また、既に運営しているサイトを、何かの事情でドメインを移行する場合にも、同様に、この画像のドメイン部分のURLを置換する必要が生じるでしょう。 以上のような理由から、WordPressで挿入する画像のsrcを相対リンクにする需要がある
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressのアドレス（URL）を変更してしまいログイン出来なくなった！…ら。 :: backyard.weblog
