サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
ドラクエ3
msweb.moo.jp
サイドバーにログイン画面をつくり、購読者にはログイン後ダッシュボードを表示させない 2015年4月10日 Tag:functions.php | Wordpress | サイドバー 今回特定のカテゴリーだけIDとPSを教えた会員しか見れない様にしたかったので、まず、Allow Categoriesと言うプラグインを入れました。 このプラグインでサイドバーに表示された特定カテゴリーをクリックするとログイン画面に誘導します。 ただこのままだと、購読者がダッシュボードに入れてプロフィールから勝手にパスワードを変更されてしまう恐れがあったので、まずログイン後ダッシュボードを非表示にしました。 プラス、ヘッダに表示されるツールバーからもダッシュボードに入れてしまうので、ツールバーも非表示にします。 1.Allow Categories プラグインをインストール後、ダッシュボードのツールにAllow
wordpress カスタム投稿のタームをカスタムフィールドテンプレートを使用して画像を一覧表示 2012年9月6日 Tag:Wordpress | カスタム投稿 | ターム | 画像 <div class="img-box"> <ul> <?php $args = array( 'post_type' => 'topics', 'taxonomy' => 'info', 'term' => 'event', 'numberposts' => '-1', ); $my_posts = get_posts($args); foreach ( $my_posts as $post ) { setup_postdata($post); ?> <?php $attach_id = get_post_meta($post->ID,"メイン画像",true); $image_info = wp_get
2.出力したいテンプレートに下記を記入 <?php global $post; $Tokuchou = get_post_meta($post->ID,'アイコン'); ?> <?php if(in_array("セミナー",$Tokuchou)):?><img src="?php bloginfo('template_url'); ?>/images/openhouse_icon.gif" alt="セミナー"><?php endif;?> <?php if(in_array("お知らせ",$Tokuchou)):?><img src="?php bloginfo('template_url'); ?>/images/info_icon.gif" alt="お知らせ"><?php endif;?> <?php if(in_array("見学会",$Tokuchou)):?><img sr
1.single-カスタム投稿タイプ名.phpで記事が所属するカスタム分類名（タームタイトル）を表示 <?php the_taxonomies( $args ); ?> //上記はカスタムタクソノミー:タームタイトル 表示例:イベント一覧: セミナーレポート <?php echo get_the_term_list($post->ID, 'タクソノミー名'); ?> //上記はターム名だけをリンク付きで表示 <?php if ($terms = get_the_terms($post->ID, 'タクソノミー名')) { foreach ( $terms as $term ) { echo '<li>' . esc_html($term->name) . '</li>'; } } ?> //上記はターム名だけをリンク無しで表示 2.taxonomy-カスタム分類名.phpで記事が所属するカ
WordPressサイトに簡単にソーシャルボタンが設置できるプラグイン「WP Social Bookmarking Light」 タイトル通りプラグインを有効化すれば簡単に複数のソーシャルボタンが設置出来ます。 1.プラグインのインストール WP Social Bookmarking Lightをダウンロードする場合はこちらからダウンロードして下さい。 もしくわ、ダッシュボード – プラグイン – 新規追加からプラグイン名を入力してインストールし、有効化します。 2.設定 有効化するとダッシュボード – 設定に「WP Social Bookmarking Light」ボタンが表示されるのでそこから設定画面に入ります。
カスタム投稿のタームの記事を表示するにはsingle-カスタム投稿タイプ名.phpを利用して表示させますが、記事によってテンプレートを変えたい（表示内容を変えたい）場合に便利なhas_term() を使う方法です。 has_term()はwordpress3.1から使用可能になったif関数で条件を分岐し特定ページだけに記事・情報を表示させるテンプレートタグです。 を作成した場合、タームのお知らせとイベントはsingle-topics.phpで出力させます。 1.お知らせとイベントでは表示させたい内容が一部違う場合 single-topics.php内にhas_termで分岐処理 <?php if ( has_term('info', 'topicslist') ) { ?> ＡＡＡＡＡＡ <?php } elseif ( has_term('event', 'topicslist') )
ＴＯＰページに固定ページの内容を表示させる方法です。 TOPページやその他のページに別のページ、記事内容を表示したい場合がありますよね。 1.ＴＯＰページや固定ページのテンプレートの表示させたい場所に下記を追加 <?php $page_id = 29;//数字はページのIDを入れる $page = get_page($page_id, 'OBJECT' , edit); $page_include = apply_filters( 'the_content',$page->post_content); echo $page_include; ?> 2.投稿の記事内容を表示させる場合は下記を追加 <?php $post_id = 319; //数字は記事のIDを入れる $post = get_post($post_id, 'OBJECT' , edit); $post_include = a
1.カスタム分類 例えばお知らせというカスタムタイプの中に イベントと見学会と言うカスタム分類を作成した場合 イベントの記事下に同じイベントに属する記事を表示したい場合 2.Custom Field Templateを使用して画像を出力したい場合 <ul> <?php $args = array( 'post_type' => 'topics', 'post__not_in' => array($post->ID), 'orderby' => 'rand', 'posts_per_page' => 4, 'tax_query' => array( /* カスタム分類 */ 'relation' => 'OR', array( 'taxonomy' => 'event', 'field' => 'slug', 'terms' => $recipelist_slug, ) ) ); ?> <?
wordpress Custom Field Templateのテキストエリアで改行を有効 2012年12月21日 Tag:カスタムフィールドテンプレート | テキスト | 改行 1.改行を有効にするには下記のテンプレートタグに変更します <?php echo get_post_meta($post->ID,"概要",true); ?> <?php echo nl2br(get_post_meta($post->ID, '概要', true)); ?> nl2br()でget_post_metaを囲います
wordpress カスタムフィールドテンプレートで項目に記入のない場合は非表示 2012年9月4日 Tag:Wordpress | カスタムフィールドテンプレート | テンプレートタグ | 画像 1.パターン1(画像の場合） <?php $files = get_post_meta($post->ID, サブ画像1, false); foreach($files as $file): $file = wp_get_attachment_url($file); if ( !empty( $file ) ) : ?> <?php $image = wp_get_attachment_image_src( get_post_meta($post->ID, 'サブ画像1', true),'full' ); ?> <a href="<?php echo $image[0];?>" rel="lig
サイドバーにカレンダーを表示する場合、カスタム投稿で作成された記事を表示するには、プラグインを使用すると便利です。 1.「WordPress Calendar For Custom Post Types」ここからダウンロードして、有効化します。 このプラグインはウィジェットに対応しているので、有効化したら、ダッシュボード – 外観 – ウィジェットで表示させたいカスタム投稿タイプを選択できます。 sidebar.phpのウィジェット表示部分に自動で挿入されます。 <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(1) ) : ?> // ここに挿入される <?php endif; ?> ※注意：カスタム投稿の日付アーカイブはパーマリンクを設定していない場合は表示されません。 「Custom Post Typ
wordpress アーカイブページにカスタム分類のターム一覧を複数ループで表示する 2012年8月30日 Tag:Wordpress | カスタム投稿 1.まずは、カスタム分類を表示させるテンプレートをarchive.phpを使って作成します。archive-topics.php ■パターン１ <?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; query_posts( array( 'post_type' => 'topics', 'taxonomy' => 'topicslist', 'term' => 'open', 'posts_per_page' => 4, 'paged' => $paged, 'order' => 'DESC' ) ); if (have_posts()) :while
1.サイドバーに特定タームの記事一覧を表示 <?php $args = array( 'post_type' => 'タイプ名', 'taxonomy' => 'タクソノミー名', 'term' => 'ターム名', 'posts_per_page' => 10, 'numberposts' => '-1', ); $my_posts = get_posts($args); foreach ( $my_posts as $post ) { setup_postdata($post); ?> <li class="icon"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li> <?php } ?> ※posts_per_pageの数字は記事を何件表示するかの数字になります。 2.シンプルなターム一覧 <?php
> Wordpress > Sideberテンプレート > wordpress サイドバーにカスタム投稿の分類、月別アーカイブ、最新記事一覧を表示する方法 1.カスタム分類のターム名一覧の表示方法 <ul> <?php wp_list_categories(array('title_li' => '', 'taxonomy' => 'topicslist', 'show_count' => 0, 'depth' => 1)); ?> </ul> taxonomy’ => ‘topicslist’, // カスタム分類名 ２．カスタム分類の最新記事を表示件数を指定して表示 <ul> <?php $args = array( 'post_type' => 'topics', 'taxonomy' => 'topicslist', 'posts_per_page' => 10, 'numberp
「Event Calendar 3」の設置方法とカスタマイズ方法です。 イベントカレンダーもいろいろありますが、１ページに複数月設置でき、イベント日のカレンダーから個別記事にリンクできるイベントカレンダー「Event Calendar 3」 1.イベントカレンダー 「Event Calendar 3」のプラグインをダウンロード。 プラグインフォルダにアップし、有効化すればOKです。 2.カレンダーを対応させるカテゴリーを作成しておきます。 3.ダッシュボード – 設定 – EventCalendarでオプションを設定します。 Event category:適応させるカテゴリーを選択 Show schedule within posts:：記事内にスケジュールを表示・非表示を設定。 Show events as blog entries:イベントの表示方法。通常の記事と一緒にするか、区別する
ヘッダ画像を分岐で自動で切り替える方法です。 ヘッダ画像をページ毎に違う画像にしたい場合、アイキャッチを使う方法と、cssで画像を切り替える方法など色々ありますが、 今回は分岐を使って変更する方法です。 まずは「条件命令」の使用方法 条件式１ if ( （条件式） ){ （条件を満足した時の処理） }else{ （それ以外の処理） } 条件式２ if ( （条件式1） ){ （条件式1を満足した時の処理） }elseif ( （条件式2） ){ （条件式1を満足しないで条件式2を満足した時の処理） }elseif ( （条件式3） ){ （条件式1、条件式2を満足しないで条件式3を満足した時の処理） }else{ （上記の条件のいずれも満足しなかった時の処理） } 1.ヘッダ画像などに使う場合の具体的な使用方法 <?php if(is_page(ＴＯＰ)) : ?> <img src="<
テキスト形式の前のページ・次のページへのリンクを張る方法です。 先日インタビューページを作成した時に４ページに記事を分けて欲しいとクライアントに頼まれたときに記事ページに次ページナビを付けたのでそのやり方を記載しておきます。 １．index・カテゴリ・アーカイブページに次ページナビを付ける <?php posts_nav_link(); ?> ２．記事ページに次ページナビを付ける single.phpループ内に記述 <?php previous_posts_link('<<前のページ'); ?> <?php next_posts_link('次のページ >>'); ?> ３．次ページナビを画像にする場合 <?php previous_posts_link("%link",'<img src="/wordpress/wp-content/themes/msweb/images/bt_prev
wordpress 記事毎にsingle.phpのテンプレートを切り替える方法 2011年2月11日 Tag:single.php | Wordpress | プラグイン | 記事 デフォルトの記事投稿テンプレートはsingle.phpですが、各ページ毎にデザインを変えたい時はプラグイン「custom-post-template」を使うと便利です。 １．まずは、こちらからプラグインをダウンロードします。 ダウンロードしたファイルを解凍し、wp-content/pluginsフォルダに全てupします。 wordpressの管理画面でプラグインを有効化します。 ２．次にデフォルトのsingle.phpを複製し、任意のファイル名に変更しupします。upしたファイルをwordpressで開きページの一番上に下記のタグを追加します。 <?php /* Template Name Posts: 任意の
wordpressで記事の投稿日を表示する事は多いですが、カテゴリーページなどは、全体の最終更新日を表示させたい場合があります。 最終更新日を表示させたいテンプレート内に下記のタグを書くだけで表示できます。 <?php echo mysql2date('Y年m月d日', get_lastpostmodified(), false); ?>
wordpress3.0からカスタム投稿タイプを追加出来るようになりましたね。 今回はカスタム投稿タイプを使ってＱ＆Ａページを作成してみたいと思います。 カスタム投稿タイプを使用出来るようにするにはfunctions.phpに直接追加する場合とプラグインを使って追加する方法とあります。 今回は簡単に「Custom Post Type UI」プラグインを使った方法で作成したいと思います。 1.まずはここからプラグインをダウンロード。 解凍し/wp-content/plugins/フォルダの中にアップロードし有効化します。 有効化するとダッシュボードにCustom Post Typesのボタンが表示されます
wordpress カスタムフィールドを使いやすくするプラグインCustom Field Gui Utility 2011年2月11日 Tag:カスタムフィールド | プラグイン WEB制作で欠かせないのがカスタマイズ！クライアントの要望に応じて毎度頭を悩ませるもの！そんな中カスタマイズには必須ともいえるカスタムフィールド！wpのデフォルトでもカスタムフィールドは使用できますが、これが何とも使いにくい・・・ それならばインターフェイスを改善してくれるプラグイン「Custom Field Gui Utility」を導入！これでカスタマイズの幅がぐ～んと広がります。 １．まずはCustom Field Gui Utilityをダウンロードします。 ダウンロードしたファイルを解凍し、/wordpress/wp-content/pluginsフォルダにupロード。 管理画面でプラグインを有効化しま
１．まず、デフォルトのpage.phpを複製し、top.php又はhome.phpなどに名前を変更しupロードします。 管理画面で作成したtop.phpを表示し、一番上に下記を追加します。 <?php /* Template Name: top (任意の名前） */ ?> ２．次にページの新規作成でTOPページを作り、テンプレートのプルダウンメニューから先ほど作成したTOPを選択します。 ここまではページによってテンプレートを変更したいで説明した事と同じです。 ３．ここから固定ページをドメイン直下に置く方法の説明です。 管理画面の設定タブの中の一般設定を開き下記を修正します。
１．wordpressのsidebar.phpのカテゴリーリストを表示したい部分に下記を記入します。 <?php query_posts('showposts=10&cat=5');?> <ul class="menu-list"> <?php while (have_posts()) : the_post();?> <li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a><span class="nomal"><?php the_content();?></span></li> <?php endwhile;?> showposts=10 // 表示する件数 cat=5 // 表示したいカテゴリーIDです。 CSSの部分はご自分のサイトデザインに合わせて作
WEBサイトでブログのページを設置する場合、ブログのカテゴリーのみを月別アーカイブで出力したい場合があります。この場合はfunctions.phpにコードを追加すれば特定カテゴリーのみを出力できるようになります。 １．functions.phpに下記のコードを追加します function cat_limited_wp_get_archives( $where ) { global $wpdb; $cat_string = '3,4,5'; $where .= " AND $wpdb->posts.ID NOT IN ( SELECT tr.object_id FROM $wpdb->term_relationships AS tr INNER JOIN $wpdb->term_taxonomy AS tt ON tr.term_taxonomy_id = tt.term_taxonomy_
WordPress2.9から使用出来る様になったアイキャッチ！ 以前ページのヘッダ画像をアイキャッチで表示する方法を書きましたが、今回はアーカイブページに表示させる方法です。 1.functions.phpの?phpの下に下記を追加 add_theme_support('post-thumbnails'); 2.アイキャッチを表示させたいテンプレートに下記を追加 <a href="<?php the_permalink() ?>"> <?php the_post_thumbnail(array(240,240)); ?> </a> (240,240)の値はご自身の表示させたい画像サイズに変更して下さい。
ＴＯＰページを固定ページに設定した場合、新着記事を表示させたい事って多いと思います。日付とタイトルのみの表示は問題なく表示できるのに、本文も表示させたい時に困った事はないですか？私は悩みました！悩んだ末に解決策が見つかったので記載しておきます。 １．通常アーカイブページなどでは問題なく表示できるのに、固定ページでは全ての記事が表示されてしまいます。 解決策は <div class="comment""> <?php global $more; $more = 0; ?> <?php the_content(__('(more...)')); ?> </div> まとめ TOPページなどの固定ページに新着情報を表示する <?php $lastposts = get_posts('numberposts=10&offset=0'); foreach($lastposts as $post) :
wordpress3.0から「アイキャッチ画像」という機能が追加されました。 アイキャッチ機能を使ってページ毎にヘッダ画像を変更する方法です。 １．アイキャッチ機能を有効にするには、functions.phpの一番上?phpの下に下記を追加します。 // サムネイル画像の表示設定 add_theme_support('post-thumbnails'); set_post_thumbnail_size(1040, 470, true); //1.ヘッダ画像 add_image_size('mainimg', 300, auto, true); //2.任意のサイズ ２．header.phpの画像を表示したい場所に下記を追加 <?php the_post_thumbnail('thumbnail'); ?> //set_post_thumbnail_size(1040, 470, true)
１．まず管理画面で、カテゴリーを追加します。 追加したカテゴリー名の下に出てくる編集ボタンをクリックするとアドレスバーの最後にID番号が表示されます。
WEBデザインをする上でいろんなfont揃えておけばデザインのバリエーションも増えますよね！いろんなサイトでもいろいろ紹介されていますが私が気にいっているfontをご紹介します。 １．あんずもじ（フリーfont) とても可愛らしい手書き風フォントです。漢字、縦書きも対応！商用も可 あんずもじダウンロード ２．ふい字（フリーfont) 可愛らしい手書き風フォントです。漢字、絵文字もいろいろ！商用も可 ３．たぬき油性マジック（フリーfont) 油性極太マジックで書いた手書き風フォントです。商用も可 a href=”http://tanukifont.sblo.jp/article/41432838.html” target=”_blank”>たぬき油性マジックダウンロード ４．衡山毛筆フォント（フリーfont) 書家の青柳衡山先生が揮毫及び作成されたフォントです。商用も可 衡山毛筆フォントダウ
次のページ
このページを最初にブックマークしてみませんか？
『WEBデザイナーのしおり』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
