【発表】WP テーマ選びで悩んでる？ 日本語テーマの比較はこちら。 デモサイトを見ながら使い方とできることを比べられます 【テーマ選び方】8つ比較 WordPressのテーマ自作。 完全にイチからオリジナルのテーマを作ろうとすると、けっこう時間がかかってしまいますよね。 自分のブログ用テーマとかなら、時間の制限なくじっくり取り組めますけど、クライアントさんからの案件だと、やっぱり予算や納期の都合がありますからね。できるだけ素早く進めなくちゃ。 そんなとき頼りになるのが「ブランクテーマ」と呼ばれるヤツです。 カスタマイズ前提のテーマのことで、余計な機能やデザインが削ぎ落とされ、必要最小限のところからテーマの開発を始められます。「スターターテーマ（starter theme」」なんて呼び方をするときもあります。 ブランクテーマは学習用としても最適で、テンプレートファイルを効率よくまとめる方法や

WordPressの投稿画面には抜粋入力欄が設けられていますが、その部分に入力できる文字数を制限したり抜粋入力についての補足などを入れるカスタマイズをする方法です。 予めクライアントに抜粋の仕様を伝えておけば良い話なんですが、担当者が仕様を忘れてしまったとか担当者が変わったことにより仕様がちゃんと伝わっておらず、「表示が崩れた！」とか「文字が途中から・・・になってしまう！」みたいなことを言われるのを防ぐことができるかと思います。 補足文に関してはフックとか使って表示する方法もあると思いますが、今回は全てjQueryを使って実装してみます。 入力できる文字数を制限する 抜粋に入力できる文字数や補足で表示し、さらに入力欄にはその文字数以上入力できないように制限をかけたものです。 実装には下記をfunctions.phpに記述します。 function excerpt_count() { ?>

当ブログで書いたWordPressの管理画面周りに関連するカスタマイズやプラグインのエントリーが大分増えてきたのもあって、見たいと思ったときにすぐ見返せるようにまとめた自分用のリンク集です。 また、今後エントリー化したものや覚えておきたい管理画面周りのカスタマイズやプラグインを見つけた場合も随時ここに追記していこうと思います。 各エントリーで紹介しているカスタマイズやプラグインは、WordPressのバージョンによってはそのまま使用できないものもあるのでご注意ください。 「投稿画面（新規・編集）関連」に該当するカスタマイズは、基本的にクラシックエディタ利用時のものになります。 管理画面カスタマイズ時に使えるハック #1 管理画面のロゴを変更 ／ 管理画面のロゴを非表示 ／ 管理バーに項目を追加 ／ 管理画面のファビコンを変更 ／ フッターの文字を変更 ／ アップデート通知を消す ／ プラグ

2017年6月29日 Wordpress WordPressにはたくさんの便利なプラグインがあり、機能を手軽に追加することができます。しかし、コードが乱れたり、思い通りのデザインにならなかったり。。と四苦八苦することも。ここではプラグインを使わなくても追加できる機能を紹介します。 ↑私が10年以上利用している会計ソフト！ プラグインを使わずWordPressに機能をつける 目次 人気の記事を表示する 関連する記事を表示する 記事をランダムに表示する 最新のTwitter記事を表示する タグクラウドを表示する ソーシャルブックマークアイコンを表示する アイキャッチ画像 カスタムナビゲーションメニュー Twitterフォロワーの数を表示する 1. 人気の記事を表示する コメントの数が多い記事が人気の記事となります。このサイトではトップ5が表示されています。 <ul>

今回は【WordPressではじめてテーマをカスタマイズ・自作するときありがちなに10のつまずき】ということで、テーマをカスタマイズや自作していく際、まず最初につまずくであろうポイントを10個、できるだけ簡単にわかりやすく解説してみました。 全部私が実際最初につまずいたポイントなので、きっとはじめてカスタマイズするかたのお役にたてるはず…！ テーマカスタマイズの基礎の基礎編です。 テーマファイルを開いてみて、なにがわからないのかすらわからなくてカスタマイズを断念した、というような方にぜひ見ていただきたいエントリーです。 ざっくり概要がつかめれば、「なにがわからないのかわからない状態」が解消されるので、あとは自分で調べて理解していけるようになるんじゃないかな、と思います。 とりあえず一から作るのは大変だから既存テーマをいじって勉強したい。 今使ってるテーマのヘッダーをオリジナルの画像にしたり

WordPressのサイト構築で、簡単な機能はプラグインを使わずfunctions.phpに直接書いて実装することがが多くなりました。中でもカスタムフィールドが設定できると自由度が高くなりますね。独自のカスタムフィールドを設定するソースはよく紹介されてますが、ここでは流れや意味など理解を深めながら説明したいと思います。 設定の概要 アクションを設定する 管理画面に入力フィールドを追加する カスタムフィールドの入力内容を保存する 全体のコード カスタムフィールドの値を表示する まとめ 設定の概要 次の条件でカスタムフィールドを作成することとします。 カスタムフィールドの名前　　　　　　：天気 カスタムフィールドのID　　　　　　　：weather カスタムフィールドを挿入する編集画面：投稿（post） カスタムフィールドの種類　　　　　　：テキストフィールド アクションを設定する まず管理画

ツイート B! ブックマーク Google+ Pocket Facebook 商品一覧（カテゴリー）ページで、テーマに合わせたバナー画像が出るといいですよね！ 一つのコードを入れるだけで、カテゴリー毎に自動で画像が入れ替わるコードです。 作業前の下準備 カテゴリーのスラッグを決める 商品一覧（カテゴリー）ページを作成する以前に、まずカテゴリーのスラッグをきちんと決めて用意しておきます。 例えば、 カテゴリー「食品」→ スラッグ「food」 カテゴリー「帽子」→ スラッグ「hat」 カテゴリー「北海道産」→ スラッグ「hokkaido」 といった感じです。 それぞれのスラッグは、［WordPressダッシュボード］＞［投稿］＞［カテゴリー］から設定出来ます。 既にスラッグを設定済みであれば問題ないですが、スラッグを変更すると一覧ページのURLも変更になりますので、安易な変更には十分ご留意下さ

作成：2012/11/19 更新：2014/11/01 WordPress > 自分のブログならいいけど、受託の場合は出来るだけプラグインやブログパーツ使用は控えたい。 例えば、Zenbackやlinkwithinって便利だけど外部リンクが表示されちゃうから、クライアントさんには使えない。プラグインを出来るだけ使わずに、自分でやんなきゃいけないこともあります。まぁそこで 「分かんなくなったらここ見よう」と参考にさせていただいたサイトをまとめました。カスタマイズをやっていくうちに内部施策が充実したのか、アクセスも40日間で147%アップ。集客提案の一つとしても使えると思います。 フッターにこだわったり、タグ・カテゴリ一覧表示したり、サムネイルで関連記事を表示、アバターを写真にしたり、レスポンシブ、マルチサイト化にカートまで受託開発で必要なことなどもメモメモ。※一部プラグインを使用します。 エ

カテゴリの説明とはカテゴリの説明とは、Wordpress管理画面から、「投稿→カテゴリー」で表示される以下の部分のことです。 上記の、カテゴリの登録画面で①の部分に「説明」を入力すると、②のように、カテゴリの説明文として登録されます。 入力部分には、HTMLタグも使用できるので、画像を表示させたり、スタイルで強調表示などもさせることができます。 入力画面には、以下のように書かれています。 この説明はデフォルトではあまり重要な意味を持ちませんが、これを表示するテーマも中にはあります。 今回は、この「説明」項目をテーマ側で有効利用するための方法です。 ※Simplicityでは、デフォルトの機能に入っています。 カテゴリページで表示するためのカスタマイズこの「カテゴリの説明」を、カテゴリページで表示するには、Wordpressのテンプレート（category.phpなど）に以下のように追加すれ

WordPress カテゴリーの「説明」に入力したテキストを、カテゴリーページに表示するカスタマイズ方法を解説します。 以下 2 パターンの解説です。 クラシックテーマ（ category_description() を使用 ） ブロックテーマ（ ブロックを使用 ） WordPress カテゴリーの「説明」 カテゴリーの「説明」入力欄は、投稿 > カテゴリー と進んだ先にある「新規カテゴリーを追加」の部分にあります。 追加済みカテゴリーの場合は、「編集」をクリックした先です。 テーマによっては、「説明」に入力したテキストがカテゴリーページに表示されます。以下は当サイト（Naifix）の例です。 ブログ運営に関する記事一覧 – Naifix 「説明」に入力してもどこにも表示されないテーマは、カスタマイズが必要です。 クラシックテーマの場合 従来のテーマ（クラシックテーマ）の場合、以下の手順で

hitsuji.me 2024 著作権. 不許複製 プライバシーポリシー

エバーノートに書いておくとかアプリを使うとかいくらでも方法はあるというのに、手打ちで書いてました。なんという無駄な時間…ｗ 記述方法 エバーノートやアプリだとそれを起動する手間があるので、やはり投稿画面上にボタンがあるのが一番らくちん。functions.phpに以下のコードを記述すると、ワンクリックで好きなタグを好きな形式で挿入することができちゃいます。例として先ほどのdivやら何やらをクイックタグとして登録してみます。 functhions.php内 <?php //投稿画面にクイックタグを追加 function add_my_quicktag() { ?> <script type="text/javascript"> QTags.addButton('quick_code', 'コード', '<div class="code">\n<h5>テーマ内</h5>\n<pre><code

ログイン画面のロゴ変更 まずはおなじみのカスタマイズから。 WordPressロゴをサイトのロゴに変更します。複数のメディアを運営している時などに判別しやすいです。 functions.php内 //ログイン画面のロゴ変更 function login_logo() { echo '<style type="text/css"> #login h1 a { background: url('.get_template_directory_uri().'/images/login_logo.png) no-repeat; width: 320px; height: 70px; background-size:100% auto; } </style>'; } add_action('login_head', 'login_logo');

エンジニアの転職情報サイト > WordPress > WordPress（ワードプレス）カスタマイズの基本！初心者必読のテーマ・テンプレートやウィジェット等のカスタマイズ 公開日：2014-08-03 更新日：2023-03-05 WordPress（ワードプレス）の「テーマ・テンプレート」や「ウィジェット」をカスタマイズしようと思っても、安易にできるものではありません。 カスタマイズするには、HTMLやCSSはもちろん、PHPというWebのプログラミング言語の理解がある程度必要ですし、 WordPressのファイル構成や、各ファイルの役割、またWordpress独自のPHP関数も、ある程度の理解が必要です。 このように、カスタマイズするには、しかるべきステップを踏んで、理解しておかなければならない事がいくつかあります。 そこで、今回の記事では、カスタマイズ前に、初心者が理解しておくべき

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. Webサイトやブログを構築する際に使えるCMSやWebサービスは数多く存在するが、WordPressは近年、もはやCMSのデファクトスタンダードとしての地位を確立している。（※W3TECHの調査によると、世界のWebサイトの約33.9％がWordPress。CMS市場では60.7%がWordPress。） もちろん、私も、ほとんどのサイトやブログをWordPressで構築しているし、国内でもWordPressの導入例は増え続けている。 従って、WordPressのカスタマイズ方法を知っておくと、何かと有利な場合が多い。そこで、本日は、WordPressをカスタマイズしたい初心者が絶対に読むべき１０の記事をご紹介する。 また、私たちバズ部は