» コラム
最近、広告に見張られているような気がしませんか?

最近、ブログやフェイスブックに表示される広告が、まるで自分の事を知っているように、以前アクセスしたホームページや検索した内容などに関連する広告ばかり表示されませんか?

 

確かに自分の興味がある広告が表示されるのは便利な気がしますが、あまりに頻繁に表示されると、なんだ広告主に自分の事が知られているような気がして、なんだか気味が悪い気がしている人も多いのではないでしょうか。

続きを読む

サムネイル画像のサイズ指定を出力しない

ワードプレス制作の覚え書きとして、自分のために記録しています。
どなたか、ご同業で参考にされる方がいらっしゃいましたらお役に立ててください。

アイキャッチ画像に登録したサムネイルをそのまま出力すると、<img>タグ内にwidthとheghtの指定サイズが書き込まれてしまいますね。
このため、CSS側でサムネイル画像のサイズを指定しても思うようにいきません。

function.phpにこのサムネイルのサイズの書き出しを行なわない記述を追加すれば解決します。

=========================================================
/* サムネイルのサイズ出力を消す */
add_filter( ‘post_thumbnail_html’, ‘custom_attribute’ );
function custom_attribute( $html ){
// width height を削除する
$html = preg_replace(‘/(width|height)=”\d*”\s/’, ”, $html);
return $html;
}

=========================================================

寄稿者権限のユーザにも画像アップロードを・・・

ワードプレス制作の覚え書きとして、自分のために記録しています。
どなたか、ご同業で参考にされる方がいらっしゃいましたらお役に立ててください。

複数のユーザーで記事投稿するような運営の場合、投稿者を寄稿者権限にして内容を管理者が精査し、承認するというパターンもあります。

その際に、面倒なのが、なぜかワードプレスの寄稿者は画像アップロードの権限がないのです。
不特定多数のユーザーを持つブログなどはこの方が安全ですが、例えば社内の複数の人間で運営する場合などは信頼できるユーザーなので画像のアップロード権限を持っている方がスムースですね。
この場合、寄稿者にも画像アップロードが出来るような記述があります。

下記をfunction.phpに追加します。

=============================================================

if ( current_user_can(‘contributor’) && !current_user_can(‘upload_files’) ){
add_action(‘admin_init’, ‘allow_contributor_uploads’);
}

function allow_contributor_uploads() {
$contributor = get_role(‘contributor’);
$contributor->add_cap(‘upload_files’);
}

 

これで寄稿者も画像をアップロードすることができます。

SEOの勘違い

ここ数年、お客様からホームページ制作のご依頼を受ける際に

 

「SEOはやってもらえますか?」

 

というご注文を受けます。

 

私たち業者の間でSEOの認識が広まってから15年くらいかと思いますが、

今はお客様までもがSEOを意識しておられます。

 

それはとても良い事なんですが・・・・

 

ほとんどの方が

 

SEO = 検索順位を上げる事!

 

と思っていらっしゃいます。

続きを読む

投稿一覧画面での表示項目の編集

ワードプレス制作の覚え書きとして、自分のために記録しています。
どなたか、ご同業で参考にされる方がいらっしゃいましたらお役に立ててください。

管理画面の投稿一覧ページでは、デフォルトで「投稿者」「タグ」「コメント数」などが表示されていますが、これってクライアント様に渡すときに必要あるとは思えないのです。
逆に、特定のカスタムフィールド値などが表示されていたほうが記事の選別がしやすいと言うパターンが多々あります。

一覧表示での表示項目を編集する記述をfunction.phpに書き込みます。

=========================================================

表示項目の削除
function delete_column($columns) {

unset($columns[‘tags’],$columns[‘comments’],$columns[‘date’]);
//….のように消したいキーをunset

return $columns;
}
add_filter( ‘manage_posts_columns’, ‘delete_column’);

=========================================================

カスタムフィールド項目の追加

function manage_posts_columns($columns) {
$columns[‘カスタムフィールド値1’] = “カスタムフィールド値1”;
$columns[‘カスタムフィールド値2’] = “カスタムフィールド値2”;
return $columns;
}
function add_column($column_name, $post_id) {
if( $column_name == ‘カスタムフィールド値1’ ) {
$stitle = get_post_meta($post_id, ‘カスタムフィールド値1’, true);
}
if( $column_name == ‘カスタムフィールド値2’ ) {
$stitle = get_post_meta($post_id, ‘カスタムフィールド値2’, true);
}
if ( isset($stitle) && $stitle ) {
echo attribute_escape($stitle);
} else {
echo __(‘None’);
}
}
add_filter( ‘manage_posts_columns’, ‘manage_posts_columns’ );
add_action( ‘manage_posts_custom_column’, ‘add_column’, 10, 2 );

このように表示項目を増やしていけます。

 

カスタムタクソノミー項目の追加

記事がどのカテゴリーに属するかを一覧で見たい場合は、カスタムタクソノミーの所属タームを表示させます

function add_custom_column( $defaults ) {
$defaults[‘カスタム投稿名’] = ‘カスタムタクソノミー名’;
return $defaults;
}
add_filter(‘manage_josanlist_posts_columns’, ‘add_custom_column’);
function add_custom_column_id($column_name, $id) {
if( $column_name == ‘カスタム投稿名’ ) {
echo get_the_term_list($id, ‘カスタム投稿名’, ”, ‘, ‘);
}
}
add_action(‘manage_josanlist_posts_custom_column’, ‘add_custom_column_id’, 10, 2);

function my_pre_get_posts($query) {
if (is_category()) {
$query->set(‘order’, ‘ASC’);
}
}
add_action(‘pre_get_posts’, ‘my_pre_get_posts’);

 

カスタムフィールドに登録した画像をサムネイル画像として出力する

ワードプレス制作の覚え書きとして、自分のために記録しています。
どなたか、ご同業で参考にされる方がいらっしゃいましたらお役に立ててください。

例えば、フォトギャラリーなどを作るときに、サムネイル一覧を並べておいて、画像クリックで元サイズの画像を表示させる場合など、カスタムフィールフィールドとアイキャッチ画像の両方に同じ画像を登録するのは面倒です。

その場合、カスタムフィールドに登録した画像のサムネイルを出力するためには、フロント側の記述を変更します。

フィールド値が「画像1」だった場合

<img src=”<?php the_field( ‘画像1’,$post->ID); ?>”>
これは、フィールドの返り値をURL指定していれば画像がそのまま表示されます。

上記を
<?php echo wp_get_attachment_image(get_post_meta($post->ID, ‘画像1′, true),’thumbnail’); ?>
にすることで、画像1 のサムネイルが表示されます。

・・・で、よく見ると元画像を出力するときと違い、<img>タグは書きません。
この場合、<img>タグ込みで出力されます。
<imgの中に、width=”*****px” heght=”*****px” とサイズしてされてしまいますが、これはHTMLですので、CSSでサイズを指定しなおしてやればCSSのほうが優先されます。

例)
<div class=”image”>
<?php echo wp_get_attachment_image(get_post_meta($post->ID, ‘画像1′, true),’thumbnail’); ?>
</div>

<style>
.image{
width:100px;
}
.image img{
width;100%;
height:auto;
}
これで横幅100pxのサムネイルの表示となります。
ちなみにheightでautoを指定してあげないと高さだけもとのサムネイルのサイズで出力されてしまいます。

 

記事検索

アーカイブ

月別一覧
年別一覧

ホームへ戻る

お気軽にお問合せください。
お客様のご要望をお聞きし、制作企画とお見積りのご提案いたしますのでご検討ください。
 044-711-8100

PAGE TOP