のんさんのメモ

WordPressで記事じゃないところで画像を表示

投稿日: 2014年11月9日投稿者: non

WordPressでオリジナルデザインを作成するときに、
デザインした画像が表示されないことがあります。
WordPressを初めてカスタマイズするときに、直面することが多いです。

通常のhtml上では


<img src="/images/○○○.jpg" alt="ALTタグ" />

のように、画像が入っているフォルダまでのルートを入力すればOKでした。
しかし、WordPress上では


<img src="<?php bloginfo('template_directory'); ?> /images/○○○.jpg" alt="ALTタグ" />

というように、<?php bloginfo(‘template_directory’); ?>を加えなければいけません。
これはテンプレートが入っているディレクトリの中にある「images」の中の「○○○.jpg」ということを示しています。

ちょくちょく忘れてしまうので、書き残し。

for wordpress

画像に外部リンクを設定（Advanced custum fieldを使って）

投稿日: 2014年4月26日投稿者: non

サイト作成をしていまして、
wordpressのそれぞれの記事内に外部リンクを設定したいとの要望があり
実装してみました。

1.まず、Advanced custum fieldを導入していることが前提です。: tontotakumi.com さんでとてもわかりやすく紹介しています。
そちらを参考にまずは導入から
http://tontotakumi.com/web-seisaku/wordpress/advanced-custom-fields/

2.Advanced custum fieldでリンク先を入力する場所を作成

Advanced custum fieldでテキストエリアを設定します。

外部リンク用
ここではフィールド名を「another_link」とします。

3.リンクを設定したい画像を作成し、配置する

まず、画像を用意して

その画像を記事のテンプレートファイル（single.php）に配置します。


<img alt="リンクはこちら" src="<?php echo get_template_directory_uri(); ?>/画像が入っている場所/another_link.gif" />

4.Advanced custum fieldの値を出力


<?php if( get_field('フィールド名') ):?>
<a href="<?php the_field('フィールド名'); ?>" target="_blank">
<img alt="リンクはこちら" src="<?php echo get_template_directory_uri(); ?>/画像が入っている場所/another_link.gif" />
</a>
<?php endif; ?>

今回フィールド名を「another_link」としたので


<?php if( get_field('another_link') ):?>
<a href="<?php the_field('another_link'); ?>" target="_blank">
<img alt="リンクはこちら" src="<?php echo get_template_directory_uri(); ?>/画像が入っている場所/another_link.gif" />
</a>
<?php endif; ?>

となります。

以上です。

for wordpress

wordpressの記事検索にカテゴリ内検索機能を追加

投稿日: 2014年2月15日2014年2月15日投稿者: non

デフォルトで設置している検索ボックスは、wordpress内全てから検索するものです。

別の制作で「絞り込んだ上でキーワード検索がしたい」という~~めんどくさい~~ありがたいお言葉を頂き
実装することにしてみました。

参考に。。。というかほぼコピーして使わせて頂いたのはコチラ↓

WordPressでカテゴリー&タグを絞り込み検索をする

ありがたや
ありがたや。

で、htmlソースがコチラ↓

<div class="post_search clr">
<form method="get" action="<?php bloginfo( 'url' ); ?>">
	<input name="s" id="s" type="text" />
	<?php wp_dropdown_categories('depth=0&orderby=name&hide_empty=1&show_option_all=カテゴリー選択'); ?>
	<input id="submit" type="submit" value="検索" />
</form>
</div>

んで、cssソースがコチラ↓

.post_search input,.post_search select {
	float:left;
}

.post_search input {
	padding:5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
}

.post_search select {
	padding:8px;
	margin-left: 5px;
}

で、結果このような絵面になりました。

でも、ホントはこの上さらに
「複数キーワードでの検索も常識じゃね？」とか言われており、
~~おまえがやれよ！~~少々お待ちください。という状態です。

それが可能になったら追記します。

for wordpress

category.phpの投稿記事の表示件数

投稿日: 2014年2月11日2014年2月15日投稿者: non

以前、wordpressをカスタマイズしてサイトを作成していた時、
カテゴリーの一覧表示ページの記事をギャラリーのように表示させようとしていました。

試行錯誤の末、↑のような形にはなったのです。
※試行錯誤についてはまた別のお話で

しかし、理想の形になったのにも関わらず、
1ページに30件載せたいのに、15件しか表示されない！

なぜだ、ページのphpには件数を指定しないのに。。。

で、初心に返ってダッシュボードを眺めていたら

ありました↓

すっかり忘れてました。
こんな機能があったことを。

これで難なく表示件数を変更でき、一段落しました。

for wordpress

wordpressでGoogleウェブマスターツール用にサイトマップを作成する

投稿日: 2014年2月5日2014年2月15日投稿者: non

ものの3分でできます。

ウェブマスターツールについてはまた別の機会に。むしろ、もっと詳しく書いてるサイトを読んでもらいたい。

http://www.seotemplate.biz/blog/seo-tool/578/
こことか。

まず、サイトマップを作成するため、
プラグインをインストールします。
それが「Google XML Sitemaps」です。

プラグインの項目から「Google XML Sitemaps」を検索しますと、
一番上に出てきます。

こちらをインストールして有効化します。
そのあと、「設定」に「Google XML Sitemaps」という項目が追加されるので、
そこをクリックし管理画面に移動します。

バー―っと何かごちゃごちゃ書いてありますが、
「サイトマップはまだ構築されていません」のあとの
「こちらをクリック」というリンクをクリックしたらOKです。

設定は以上です。
ね、簡単でした。

for wordpress

wordpressのプロフィールに画像を設定する方法

投稿日: 2014年2月5日2014年2月15日投稿者: non

wordpressでプロフィール画像は何も設定しないと↑のような状態です。

変えようと思って、プロフィール設定を見ても変更できる場所がない！
WEBデザイナーとか言っておきながら、デフォルトってかっこわるっ(；´Д｀)

そこで、色々探した結果↓のようなものがありました。

Gravatar

【Gravatar】https://ja.gravatar.com/

このGravatarは自分のwordpressだけでなく、
よそのwordpressにコメントした時にも表示されるという
私が期待していない機能までついております(ﾟдﾟ)

以下、設定方法。

【wordpress.comにアカウントをつくろう】
wordpress.comへ訪問し、アカウントを作って下さい。
wordpress.comはwordpressを使っている人のコミュニティみたいなものです。
私は活用したことはありません。
wordpress.comでアカウントを作成すると、登録メールが届きますので、
そのメールに載っている青いボタン（activateボタン）を押してアクティブにしましょう。

【wordpress.comのアカウントでGravatarにサインインしよう】