WordPRESS テンプレ コピペ用

WP css スマホ テンプレート コンタクトフォーム 7です。

<div class="contact"><div class="contact"> <ul> <li>貴社名・団体名<span class="nok">*</span>[text* text-kaisya placeholder "株式会社〇〇"]</li> <li>お名前[text text-name placeholder "貨物 太郎"]</li> <li>電話番号[tel tel-712 placeholder "03-0000-0000"]</li> <li>メールアドレス<span class="nok">*</span>[url* url-319 placeholder "ka…</li></ul></div></div>

jQUery メニュー スマホ 

index.html <html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/style.css"> </link></meta></meta></meta></head></html>

WP 固定ページテンプレート

----- 2: ファイル名をスラッグにする 例:スラッグ -> new page-new.php ------ 3:ファイル名をIDにする page-3.php

サムネの関数化

functions.php ---- function mythumb($size) { if(has_post_thumbnail()) { $postthumb = wp_get_attachment_image_src(get_post_thumbnail_id(), $size); $url = $postthumb[0]; } else { $url = get_template_directory_uri(). /'no-img.jpg'; } return $…

同じカテゴリー出力

'post', 'post_per_page' => '4', 'post__not_in' => array($post->ID), // 表示中の記事は出力対象から除外するため 'orderby' …

サムネサイズ

funcitons.php --- // サムネサイズfunction display_image($field_name, $size = 'medium') { $image = get_field($field_name); if(!empty($image)) { $url = $image['sizes'][$size]; // 画像URL $width = $image['sizes'][$size . '-width']; //画像の横…

sidebar.php 新着情報 & 人気記事

functions.php register_nav_menu('pickupnav', 'おすすめ記事'); ------ sidebar.php <style>/* サイドバー 新着 */.mymenu h2 {margin-top: 0; margin-bottom: 10px; border-bottom: 2px solid #dddddd; color:#666666; font-size:14px;}.mymenu ul {margin:0; pa…

スマホ スライドボタン JS

nav.js jQuery(function(){ jQuery('#openbtn').click(function(){ jQuery('#mainmenu').slideToggle(); }); }); ---- functions.php // トグルbtn function navbtn_scripts() { wp_enqueue_script('navbtn-script', get_template_directory_uri() . '/nav.j…

WordPRESS single.php previous_post_link(), next_post_link()

<nav class="postNavi"> <span class="prev"> </span> <span class="next"> </span> </nav>

WordPRESS 日付別 条件分岐タグ

・日付別アーカイブページが表示されている場合(例:月、年、日、時間) is_data() ----- ・年別アーカイブが表示されている場合 is_year() ----- ・月別アーカイブページが表示されている場合 is_month() ----- ・日別のアーカイブが表示されている場合 is…

WordPRESS サムネイル

<div class="th_img_top"> <figure> <a href="<?php the_permalink(); ?>"></a> <a href="<?php the_permalink(); ?>"><img src="<?php echo get_template_directory_uri(); ?>/img/noimage_180x180.png" height="180" width="180"></a> …</figure></div>

テンプレートパーツの読み込み 作成

loop-main.phpを読み込む 任意のテンプレート名-任意の名前.php get_template_part('loop', 'main');

sidebar.php 月別アーカイブ 表示

single.php ------ ------ sidebar-archives.php <ul> 'monthly', // 月別を指定 'show_post_count' => true, // 投稿数を表示 ); wp_get_archives($args); ?> </ul>

WordPRESS カスタム投稿設定  カスタム構造

・投稿された日を取得する %day% ----- ・投稿された月を取得する %monthnum% ----- ・投稿された年を4桁で取得 %year% ----- ・投稿された時間 %hour% ----- ・投稿、固有のID取得 %post_id% ----- ・投稿の投稿名を取得する %postname% ----- ・投稿され…

WordPRESS テンプレ コピペ用

<img src="<?php echo get_template_directory_uri(); ?>/img/" alt=""> ---- <p></p> ----- <title> -----