WordPress初心者がハマリやすいエラーや問題とその解決方法
WordPressでブログやサイトを作成・運営する際に役立つ、ハマリやすいエラーや問題とその解決方法を紹介します。 WordPress Tips and Tricks for Beginners [ad#ad-2] 下記は各ポイントを意訳したものです。 テーマとテンプレートの違いは？ 画像が表示されない URLを全部書くのが面倒 パンくずを設置したい ページごとに異なるスタイルシートを適用したい 新しい記事を表示したい テーマとテンプレートの違いは？ 問題 WordPressのテーマファイルとテンプレートの違いが分かりません。 答え テーマファイルはあなたが必要とするファイルをすべて含むフォルダです。 例えば、WordPressのデフォルトのテーマファイル「Twenty Eleven」がそうです。 WordPressをはじめる多くの人がテーマファイルからはじめ、それを元にブログやサイトを作
WordPressで更新・お知らせ履歴を別ページで作る方法【大幅刷新】
WordPressで、更新履歴やお知らせ履歴をリスト表示したシンプルな別ページを作って、トップページやサイドバーからiFrameやphpのinclude等で呼び出したいケースがあります。 方法は色々ありそうです。私がクライアントさんのサイトで行った方法を紹介します。 ※当初はExec-PHPプラグインを利用した方法を紹介していたのですが、セキュリティ的に問題があるということで、ショートコードを利用した方法に変えました。http://memo.dogmap.jp/さん、情報ありがとうございます(2013/7/10) 固定ページを利用する 私が実施した方法は、固定ページ内に更新履歴やお知らせ履歴のループをショートコードで書いてしまう方法です。ショートコードを利用すれば、固定ページの記事内でPHPを動かすことができます。 そして、固定ページはページ毎にテーマを変えられます。リストだけを表示するシ
特定のリファラーからのアクセスを.htaccessで遮断する話 | SS女子的WordPress試行錯誤
semalt.comって何？ 虫つきサイトがあると書きましたが、そこで最近毎日見かけるのはsemalt.comからのリファラーです。どうやら社会科学系女子的には注目の地、ウクライナからのSEO系botのようです。バックリンクを調べるとかそのたぐい？ ウクライナには恨みはないが、良い気はしません。どこのどいつじゃ、うちのサイトをsemalt.comなんぞにかけたのは。 それがお金はあまり稼がないけれど、アクセスは多いサイト（これはいずれバックサイトとして働いていただく予定）にもsemalt.comが来たのです。このsemalt.com、リファラーの形で訪れるのです。semalt.semalt.com/crawler.php?u=http……という形。 じゃあ、特定のリファラーを排除してやろうじゃないの。エっ！ .htaccessに書いてやるぜ 同じように思われた方がwordpress.org
少しのコードで実装可能な20のWordPress小技集
2016年10月27日 Wordpress CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 カスタムメニューの設置 アイキャッチ画像（サムネイル画像）を利用する 検索ワードをハイライト Twitterのユーザー名を自動的にリンクさせる デバイスによってコンテンツ変える 画像を挿入する際、P タグで囲まないようにする 「続きを読む」リンクをカスタマイズ ショートコードを作成 ショートコードをテンプレートファイル内で実行する 古い記事にメッセージを表示する RSSフィードに画像を追加 記事に含まれ
WordPressをカスタマイズする方法！便利なコードまとめ
クライアントワークやブログでのWordPressのカスタマイズ時に使用頻度の高いコードをまとめてみました。 基本的には、ネット上のコードを自分好みにカスタマイズしているので大元のコードの記載記事というのがあり、覚えている限りは記載しております。 Templates e PHP para WordPress / fore 条件分岐のカスタマイズコード とにかく使用頻度の高い条件分岐。 TOPページにはアレを表示してあの記事には表示しない！みたいな。 TOPページや投稿、記事などに別の内容を表示する <?php if (is_home()) { ?> TOPにのみ表示する内容 <?php } else if (is_page('13')) { ?> 記事ID「13」の固定ページのみ表示する内容 <?php } else if (in_category('3')) { ?> カテゴリーID「3」
3大「WordPressに慣れていない人がやってしまいがちだけど、こっちのほうがいいのになぁ」って思うこと
どーもどーも。最近めっきりネタストックの出来ていないマイペースたんです。 この記事は12/1～12/25の期間、毎日ブログ記事を数珠つなぎにしていく「WordPress Advent Calendar」の第19日目として書いております。 18日目の@kamiyamさんから引き継いでの記事でございます。 とはいえ、最近これはいいなぁと思ったネタはもうすでに先月書いてしまったし、V3.3はまだ全然触れてないし、最近理解を新たにしたループについての話はkzさんがさらっとスマートに書いてしまっていたりで、、、困った困った。でも考えました。 ここ最近、ありがたくも自サイトからWordPress関連のちょっとした作業依頼をいただく機会が増えました。 ご依頼内容としては、「デザインやプレーンなサイト構築についてはこなれているけれど、どうもWordPressに組み込んだ時に言うことを聞いてくれないからなん
お手軽WordPress Tips：管理画面のドロップダウンする「ヘルプ」の内容を変更して存在価値を（少し）高める
WordPressの管理画面内でドロップダウンする ヘルプ。個人的に正直あってもなくてもいい程度 のものという認識です。WPに疎いお客さんへの 納品で説明するくらいだと思うんですが、それは それで分かりにくい気がするので、中身を変えて この存在価値を高めてあげよう、というカスタマイズ。 前置きが長くなりましたが、管理画面のヘルプがデフォルトではWebに疎いクライアントさんにとっては微妙なものなので自分で価値を高めてあげましょうよという話。せっかくあるコンテンツなので役に立って貰いたいですしお寿司。 ヘルプの内容を変える デフォルトではこういう状態です。アイキャッチとかエディターとかWebに疎い方が聞きなれていない言葉はあまり使いたく有りません。 なのでヘルプの中身を変えます。今回は投稿とページのヘルプを例にしてみます。 コードadd_action('load-post-new.php','
WordPressのカスタム投稿（ポスト）タイプを作成するまでの手順リスト
捜し物をしている最中に、ちょっと気になったのでテスト的に記事にしてみます。WordPressに新たに追加されたカスタム投稿タイプですが、多少なりにカスタマイズ経験が無いとハードルも低くはない印象なので手っ取り早く作成出来る用にリスト化します。 便利なのにさほど深く浸透していない印象のカスタム投稿タイプ（カスタムポストタイプ）やカスタムタクソノミー（タグに親子関係を持たせる的な機能）とかいろいろと不可解なキーワードで混乱してる方も多いような気がします。 個人的には理解の前にとりあえず触ってみるのもひとつの手だと思いますので、まずは気軽に追加してみてからどういったものか調べればいいかなと。（賛否両論あるでしょうけど僕はとりあえず触って失敗して学びたい人なので カスタム投稿タイプってなんだろう カスタム投稿タイプとは、WordPressにデフォルトである「投稿」という機能とは別の「投稿」機能を加
WordPressの管理画面をカスタマイズしたい時に覚えておくと重宝しそうなハックやプラグインいろいろ
商用でも無料で使えるGPLライセンスの 人気CMSなので当然、納品する事も多々 あるかと思います。クライアントさんが管理 する場合と、制作者側で管理する場合があ るかと思います。個人利用ではどうでもいい ですが前者の場合は出来れば管理画面を どうにかしたいところですね。 という訳で、WPの管理画面をどうにかしたい時に覚えておくと探す手間が省けて楽だなぁ、と思ってまとめた記事になります。 左上の「W」のWPロゴが目立つのでこれを変更。 お使いのテーマファイルのfunctions.phpに以下を加えます。 add_action('admin_head', 'my_custom_logo'); function my_custom_logo() { echo ' <style type="text/css"> #header-logo { background-image: url('.get_
WordPressでのパス指定を絶対パスから相対パスに変更する方法
WordPressで使用するパス指定は絶対パスのものが多いですが、これをルートからの相対パスに変更する方法を紹介します。 How to make WordPress URLs root relative [ad#ad-2] このブログではパス指定では現状困っていませんが、ポータビリティ（サイトの移転）、ダウンロードサイズ、コードの簡潔さなどを求める際には相対パスの方が有利になります。 ルートからの相対パスにするには、下記のコードをテーマファイル内の「functions.php」に記述します。 ※「functions.php」が無い場合は作成してください。 PHP URLの文字列から「http(s)」と「ドメイン」を取り除きます。 function make_href_root_relative($input) { return preg_replace('!http(s)?://' . $
WordPress で jQuery などの外部ファイルを読み込む wp_enqueue_script()
なお、wp_enqueue_script() は functions.php やプラグイン内で書くと良いです。 WordPress にデフォルトで含まれているライブラリ WordPress には以下のライブラリがデフォルトで同梱されているので、以下のライブラリは一番最初に紹介したように jquery とするだけで読み込むことができます。 scriptaculous-root, scriptaculous-builder, scriptaculous-dragdrop, scriptaculous-effects, scriptaculous-slider, scriptaculous-sound, scriptaculous-controls, scriptaculous, Image cropper (not used in core, see jcrop), Image copper,
WordPressでカスタムフィールドを出力する方法のまとめ
WordPressでカスタムフィールドの出力方法についていろいろ調べてみました。 大丈夫と思いますが、以下に示すサンプルは次のようなループタグの中で使ってください。 <?php if(have_posts()) : while(have_posts()) : the_post(); ?> ここにサンプルコードを挿入 <?php endwhile; endif; ?> １．値を出力する（キーと値が1：1の場合） キーと値が1：1の場合、値を出力するにはpost_custom()を使います。 <?php echo post_custom($key); ?> 冒頭の画像の「サイズ」の値「3000」を出力するには次のように記述します。 <?php echo post_custom('サイズ'); ?> ２．値を出力する1（キーと値が1：nの場合） WordPressではひとつのキーに複数の値を記述
プラグイン無しでページネーションを設置
WordPressでは多くのページネーションを実装するプラグインがありますが、使用しているテーマにあったデザインで機能も必要なものだけにできるように、プラグイン無しでページネーションを設置する方法を紹介します。 How to build a WordPress Post Pagination without plugin [ad#ad-2] ここでは上記元記事で紹介されているものをノーマル版とし、コメントで投稿されている拡張版の二つを紹介します。 Pagination without plugin：ノーマル版 Pagination without plugin：拡張版 Pagination without plugin：ノーマル版 How to build a WordPress Post Pagination without plugin PHP テーマファイル内の「fuction.ph
WordPressを使ったWebサイトでfunctions.phpによく書いてるやつ
お問い合わせ頂いたので記事にします。 WordPressのfunctions.phpは便利なの はよく分かりますが、結局何が出来るの か分からないのでこんな事できる、という のがあれば教えて欲しいとのことでした。 僕も詳しくないので僕も教えて欲しいんです が、一応書いてみます。 基本的にfunctions.phpはちょっと機能を追加したい、という時に使うものだと思うのでデフォルト機能やプラグインで済むならそうしたほうがいい気がしますのであまり拘らなくてもいいかと思います。 それでも、やはりお仕事ではよく追加する機能はありますのでそれをご紹介します。 ※ウィジェットは割愛しますね カスタムポストタイプadd_action( 'init', 'create_post_type' ); function create_post_type() { register_post_type( 'exam
WordPressをインストールしたら最初にやってることまとめ
仕事でも、プライベートでも本当にかかすことのできない存在になっているWordPress。 今回は、そんなWordPressを設置したとき毎回やっているカスタマイズに入る前の下準備についてまとめてみました。 毎回やっているのにうっかり忘れたりしてしまうので自分のメモもかねて…！ 初期設定 プラグインを入れる テーマを準備する functions.phpの設定をする 1.初期設定 1.1 パーマリンクの設定をする デフォルト設定のままだと http://blog.v-colors.com/?p=123 とかでちょっとかっこわるいので パーマリンクの設定を変更します。 管理画面メニュー 設定->パーマリンクの設定からお好みの設定に。 いろんな設定ができます。どんな設定ができるかは公式サイトのパーマリンク設定についてにまとめられています。 1.2 メディアの設定をする 管理画面メニューの 設定->
WordPress オリジナルテーマの作り方
2013年12月25日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが（もちろんあった方が楽ですが）、自分でデザインをするためのPhotoshopとCSSの知識は必要です。前回に引き続き、Nick La氏によるWeb Designer Wallを参照しています。 ↑私が10年以上利用している会計ソフト！ ※これはWordpress旧バージョンのオリジナルテーマの作り方です。最新版Wordpressを使用してのオリジナルテーマの作り方は「WordPress オリジナルテーマの作り方 3.0+
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
わーどぷれすっ！