タグ: WordPress

小規模サイトだと _s のsassファイル数多めなのでオレオレsassファイルにする

Posted on 2017-03-08

タイトル通りのメモ: _s（Automattic社のスタートアップテーマ）はこちら
ファイル追ったりする時間短縮のため

ある意味バッドノウハウ的な何か（【_s】の構成に慣れろという話も）

JointsWPでflex

Posted on 2017-01-27

JointsWPそのままやったら、floatとかなってたんで、検索したら、

Configuring FlexBox/FlexGrid in JointsWP | Foundation Forum from ZURB

これで動いた

WordPress の add_action （子テーマ使ったカスタマイズ）

Posted on 2017-01-21

もうほぼ、下記のリンク先
【WordPress】子テーマを使ったカスタマイズについて（functions.php編）

functions.phpはstyle.cssとは実行順序が違って、子テーマが先で親テーマがあとみたい。

だもんで、
関数リファレンス/add action – WordPress Codex 日本語版
ここの

add_action( $hook, $function_to_add, $priority, $accepted_args );

1 2	add_action( $hook, $function_to_add, $priority, $accepted_args );

$priority で順序指定して上書きすればええんやー

テーマで $content_width とか指定してある時とかこれ使いなさいよ自分

Twenty Seventeen でフロントページのセクションを増やす

Posted on 2017-01-14

Twenty Seventeen でフロントページのテーマオプションのセクション
デフォルトだと4つ
もっと使いたいんだよねーって検索検索

ありましたー
How to Add Extra Twenty Seventeen Theme Front Page Sections – WPColt

自分の書き方に合わせて

//フロントページ テーマオプションのセクションの数を設定
add_filter( 'twentyseventeen_front_page_sections', 'wpc_custom_front_sections' );
function wpc_custom_front_sections( $num_sections ) {
  return 7; //Change this number to change the number of the sections.
}

//フロントページテーマオプションのセクションの数を設定

add_filter( 'twentyseventeen_front_page_sections', 'wpc_custom_front_sections' );

function wpc_custom_front_sections( $num_sections ) {

return 7; //Change this number to change the number of the sections.

}

Twenty Fourteen

Posted on 2014-07-11

Twenty Fourteen 使うなら
Jetpack か Slim Jetpack じゃないの？
タイルギャラリーとかカルーセルとか使いたいやん。

デモで使ってあるやん。

WordPress移設するときとか便利なSQL

Posted on 2013-01-03

WordPressもなんやかんや言ってDBからよんで来て表示させてる

もしくは、なんかをDBに入れてるだけなんで、DB何しよるかがポイントWordPress移設したりする用でいつも見ているブログのエントリーWordPressで使える知ってると便利な13のSQL文 | Web活メモ帳テーブルのwp_postsのguidとか見ると、urlが絶対パスで入っとるし↑のブログのは、newとoldの表記がバラついてるんで揃えといてローカルに置いとくと便利。んで検索置換！実際に運用しているブログをローカルで再現する場合は、ローカルのphpのメモリーを上げとかないとphgMyAdminからインポートとかエクスポートできないかもだからphp.iniのmemory_limitとかpost_max_sizeとかupload_max_filesizeとかを上げとけば便利

PHPでスマートフォンとかを振り分け

Posted on 2012-10-03

レスポンシブでなんとかしたい場合とか用でメモUAで振り分けてパーツをゴニョゴニョしたかったのでどういう解像度でどんな風に見せるか、@mediaとかと相談しながら、下記のページとか眺めて妥協点を探りながら


function is_mobile() {
    $ua = array(
        'iPhone',
        'iPod',
        'Android',
        'Windows Phone',
        'blackberry',
        'DoCoMo',
        'KDDI',
        'SoftBank',
        とかお好みで
    );
    $pattern = '/'.implode('|', $ua).'/i';
    return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
}

function is_mobile() {

$ua = array(

'iPhone',

'iPod',

'Android',

'Windows Phone',

'blackberry',

'DoCoMo',

'KDDI',

'SoftBank',

とかお好みで

);

$pattern = '/'.implode('|', $ua).'/i';

return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);

}

WordPressでアイキャッチ（投稿サムネイル）画像を登録している投稿だけ抜き出す

Posted on

WordPressでアイキャッチ（投稿サムネイル）画像を登録している投稿だけ抜き出したかったのだけど、http://codex.wordpress.org/Template_Tags/query_postsとかhttp://codex.wordpress.org/Class_Reference/WP_Queryとか見ても載ってない（ように見えた）。英語自信なし。で、ググったら出てきた。WordPressのquery_postsまたはWP_Queryでアイキャッチ画像（Post Thumbnail）が設定されている投稿のみを表示する方法 | ちいさな創々

配列の場合

    'meta_key' => '_thumbnail_id'

1 2	'meta_key' => '_thumbnail_id'

文字列の場合

    'meta_key=_thumbnail_id'

1 2	'meta_key=_thumbnail_id'

英語でそのままググれば一発やったんやね。WordPress › Support » get_posts with thumbnail only

WordPressカスタマイズの小ネタそのpタグ要りません！的なとき　#2

Posted on 2010-02-01

記事の中でマークアップしたhtmlをコピペしようとすると、最後に必要のない</p>が入ったりする。最初っからpタグ外しちゃうプラグインとかも存在するらしい。
Disable wpautopでWordPressで邪魔なpちゃんを外しちゃいないよ | ワードプレス（WordPress）の個人的覚書
（使ったことないので、詳しくは知りません）その他にもコアな部分に手を入れたら、pタグ吐かなくすることも可能ではあるだろう。しかーし！WordPressカスタマイズ案件では、最終的には管理者は自分ではなかったりするので、ビジュアルエディタやHTMLエディタには手を入れたくない。
でも、過去のHTMLを入れないといけない場合とかもあったりして。とにかく挙動も一定してない。
参考：WordPress › フォーラム » Pタグの展開方法がおかしいpタグを人力で入れると、勝手には挿入しなくなるようですが、インデントとか付いてて改行があると最後に</p>タグが引っ付いていることもある。鋭い方ならおわかりかもしれませんが、そんな時は、改行をトルと出てこなくなったりもする。

あんまりBlog書かないからWordPressカスタマイズの小ネタでも無理矢理書いてみよう　#1

Posted on 2010-01-30

みんな大好きWordPressの福岡での大イベントがいよいよ開催されちゃうようです。

WordCamp Fukuoka 2010

イベント名
WordCamp Fukuoka 2010
開催日
2010年2月27日(土)
場所
西南学院コミュニティーセンター
詳細は
WordCamp Fukuoka 2010のサイト見てね

なんと！プレイベントとして、2010年2月13日(土)の5:00pmからApple Store 福岡天神でWordPressワークショップが開催されるっつー話じゃありませんか。
詳しくは、Apple Store 福岡天神ここのイベントカレンダーで見てください。

ループの書き方メモ

WordPressのループの例について詳しくはWordPressループの例｜The Loop – WordPress Codex 日本語版
この辺を参考にしてねっと。
WordPressのカスタマイズするときによくある、テンプレート内のループの記述で

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <?php the_content(); ?>
<?php endwhile; endif; ?>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<?php the_content(); ?>

<?php endwhile; endif; ?>

みたいに、whileとifの終了を一度に書くと、エディタとかの自動フォーマットすると、

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        <?php the_content(); ?>
    <?php endwhile;
endif; ?>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<?php the_content(); ?>

<?php endwhile;

endif; ?>

とかになっちゃうこととか多いと思う。
これは気持ち悪すぎるので、

<?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
        <?php the_content(); ?>
    <?php endwhile; ?>
<?php endif; ?>

<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>

<?php the_content(); ?>

<?php endwhile; ?>

<?php endif; ?>

と書くようにすると、自動フォーマットかけても、崩れない。
該当する記事がないときも、

<?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
        <?php the_content(); ?>
    <?php endwhile; else: ?>
    <p>Sorry, no posts matched your criteria.</p>
<?php endif; ?>

<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>

<?php the_content(); ?>

<?php endwhile; else: ?>

<p>Sorry, no posts matched your criteria.</p>

<?php endif; ?>

みたいにすればいい。