kuronuko.club - WordPress

Wordpress | くろぬこ倶楽部

Kuronuko.club Spined HTML

Wordpress | くろぬこ倶楽部 くろぬこ倶楽部 カテゴリ 本 漫画 ガジェット ARDUBOY C.H.I.P WordPress PC テクニック お買い物 未分類 ぬこ ホーム > Wordpress 28 Elementor 凄い Elementor　インストールしてみました。 いやーすごいわ、これ。左ペインで入力スタイル。リアルタイム反映  タブ #1 タブ #2 タブ #1 タブタイプのコンテンツ作成も楽々。 タブ #2 もちろん切り替えも アコーディオン #1 PageBuilderでちょっと実装が面倒なアコーディオンコンテンツも余裕。 アコーディオン #2 ほらね エフェクトも一通り入ってるし。コーダーいらなくなるんじゃないのか！  プログレスバーとかもあるね 紹介レベル 33% PageBuilderのWidgetは直接使えないですね。適材適所で使えばかなりWordPressの可能性は広がると思います。パララックスできるのか調査中。 公開済み: 2016年10月28日更新: 2016年11月17日作成者: kantaカテゴリー: Wordpress, テクニック 24 SmartCustomFieldsでニュースサイト風出力 まなめはうす さんリスペクトなのでニュースを投稿しやすくカスタマイズ。 投稿画面作成 モンキーレンチさまのSmart Custom Fieldsを使用させてもらってます。テーマもhabakiri、モンキーレンチさま最高！ステキ。 プラグインSmart Custom Fields WP:https://ja.wordpress.org/plugins/smart-custom-fields/　をインストール。 カスタムフィールドを設定 繰り返しにチェックを入れてニュースを複数投稿できるように。投稿タイプは「投稿」にチェック。 カテゴリ作成 NEWSカテゴリ、スラッグnewsを作っておきます。 テスト投稿をしておく。 この投稿です ニュースは繰り返しで投稿しておきます。カテゴリはNEWSを選択 表示部分カスタマイズ 表示方法は２通りあります。 Aパターン　the_content()をフックする。 Bパターン　single-news.php等を作りカスタム投稿用の表示を作る。 Bパターンは、一覧で出力するためにもう一手間必要だったり、RSSの出力等でさらにもう一手間いったりするので却下。 functions.phpにフックを書く コードは次の通り 不細工ですけどゆるして。 //投稿がカテゴリNEWSに属しているとSmartCustumFieldのnews_groupの値を出力 //the_contentをフックする。条件はカテゴリNEWSに所属しているとき function my_the_content( $content ) { //カテゴリNewsに所属していたら if ( has_category( ‘news’, $post ) ) { // スマートカスタムフィールドグループ’news-group’を取得 $news_group = SCF::get( ‘news-group’ ); //繰り返しをarrayで取得するのでその内容を$news_contentに追記していく $news_content=””; if($news_group !=null){ $i=0; foreach ( $news_group as $fields ) { $news_content.='<div class=”news_block”>’; $news_content.='<h3 class=”news_title”>’. $fields[‘news_title’].'</h3>’; $news_content.='<ul><li><a href=”‘.$fields[‘news_url’].'”>’.$fields[‘news_source’].'</a></li>’; $news_content.='<li><a href=”‘.$fields[‘news_release_url’].'”>’.$fields[‘news_release_name’].'</a></li></ul>’; $news_content.='<p>’.$fields[‘news_content’].'</p></div>’; $i++; } }; //ガッチャンコ $content.=$news_content; } return $content; } add_filter( ‘the_content’, ‘my_the_content’ ); これで表示できます。簡単。 NEWSのときにわかりやすくアイコン等表示さしたければHabakiriのアクションフック、habakiri_before_title とかでいけますね。 公開済み: 2016年10月24日更新: 2016年10月25日作成者: kantaカテゴリー: Wordpressタグ: habakiri, カスタマイズ 18 PageBuilderにコンテンツスライドイン効果を付けた 調子にのったので、コンテンツスライドイン効果を付けた！ JqueryのプラグインはFadeThis　 手順は、目次の通り。 JSの配置 子テーマなので、子テーマのディレクトリ直下にjsディレクトリを作成、http://lwiesel.github.io/jquery-fadethis/　からダウンロードしたファイルを解凍して　jquery.fadethis.min.js　を放り込む   functions.php にJS読み込みと実行を追記 headerとfooterに直書きしてもいいのですが、それもなんなのでfunctions.phpに追記 /コンテンツスライドイン実装 //wp_headに追加 function adds_head() { reverberate "n".'<script type="text/javascript" src="'; reverberate get_stylesheet_directory_uri() . '/js/jquery.fadethis.min.js'."n"; reverberate '"></script>'; } add_action('wp_head', 'adds_head'); //wp_footerに追記 function adds_footer() { reverberate '<script>jQuery( function( $ ) {$(window).fadeThis({distance:500})} );</script>'."n"; } add_action('wp_footer', 'adds_footer'); 配置したrowやWidgetにクラスを記述 Attribututesでクラスを付与できるのでそこから。 slide-left slide-right slide-top slide-bottom 以上でスライドイン！簡単！ 公開済み: 2016年10月18日更新: 2016年10月18日作成者: kantaカテゴリー: Wordpress, テクニックタグ: PageBuilder 18 PageBuilderでパララックス効果 検索したけど出てこなかったので、備忘録。 PageBuilderでパララックス（視差効果）を使いたい場合の説明。 ２ステップで簡単！ 準備 まずレイアウト。レイアウトは全幅が無難。 パララックス効果を付けるROWは縦を長めに取ったほうが視覚効果的にわかりやすいので、最低限400PXはいるかなースマホのこと考えると60vhとか使えるといいです。 PageBuilderで作る場合、ROWにパララックスを付けるので、その中身に高さを書いてやります。 例えばこのROWは2カラムでSiteOrijinEditerなので、SiteOrijinEditerのLayOutにPadding設定。上下5remとかにします。 Rowにパララックス設定 このページの1.準備にパララックスの設定をします。 準備で上下パディングは付けているので、rowをeditしてやります。 右側メニューのDesignでBackground Image(背景)を指定、Background Image Display を Parallax に。 完了 以上で完了 やってみると簡単です。 書いてて思ったけどrowのLayoutで縦幅決めてもいいんちゃうと。 まぁまぁ。 公開済み: 2016年10月18日更新: 2016年10月18日作成者: kantaカテゴリー: Wordpress, テクニックタグ: PageBuilder ATOM　エディタ WordPressの開発環境を探していたら、ATOMがいいらしいということで、使ってみたらめっさいい！ 良い点 フォルダごとにウィンドウが起動 theme編集が主なので、サイトごとにフォルダで管理してるのですが、フォルダごとにウィンドウが起動します。地味に便利。 RemotoSyncがいい Dreamweaver顔負け 軽い 起動はちょいともたつくものの起動してしまえば軽い。 機能拡張が簡単 PHPもJSもJQUERYもHTMLもCSSもパッケージで簡単 良くない点 特に思いつかないけど無理やり書く Shift-jisとかが文字化け パッケージでなんとかなるような気もするけどなんとかする気もしない。 ショートカットが憶えられない 年のせいですねハイ。 ということでとりあえず導入してから四の五の言えってレベルでいいです。 以下導入方法（Windows10） (さらに…) 公開済み: 2016年10月14日更新: 2016年10月14日作成者: kantaカテゴリー: Wordpress, テクニックタグ: css, html, php 1 2 > 検索: 広告 最近の投稿 Ubuntu 17.10 で wireless lan vellum の powermanagement をずっとOFFにする方法。 Bitzeny 簡単マイニング UK 90’s Rock! ワールドカップ出場決定！ Mac (27-inch, Late 2009) 修理 最近のコメント アーカイブ 2018年4月 2017年12月 2017年11月 2017年9月 2017年8月 2017年7月 2017年5月 2017年3月 2017年2月 2017年1月 2016年12月 2016年11月 2016年10月 2016年9月 2016年8月 2016年7月 2016年6月 2016年5月 2016年4月 2016年3月 2016年2月 2016年1月 2015年12月 2015年11月 カテゴリー ARDUBOY C.H.I.P KindleUnlimited NEWS PC Wordpress お買い物 ガジェット テクニック ぬこ レビュー 未分類 本 漫画 メタ情報 ログイン 投稿の RSS コメントの RSS WordPress.org Think Twice naraboon: worldwalker2: 18/08/02(木)07:22:07 No.54983482   https://twitter.com/okinawa4564/status/1016490561392394240 18/08/02(木)07:24:43 No.54983490世界中の人権屋がダンマリ安全な国でしか人権を叫べない左翼はペテン師でしかない 18/08/02(木)07:26:04 No.54983497ひどすぎるわこれ国連は何やってる？ 18/08/02(木)07:33:14 No.54983554国連とは、昔ケンカで買った奴が牛耳るガキ大将クラブ 18/08/02(木)07:35:19 No.54983570この程度ならまだいい方だ、火をつけられたり頭に直接石を殴られたり、子供は車でひき殺されたりとにかく悲惨 18/08/02(木)07:46:39 No.54983644>この程度ならまだいい方だ この映像見て言ってる？死んだり、重い障害が残るくらいの暴行だけどそれも一方的で、多人数で一人を襲ってる 少しでも多くの人に知って欲しい quote-over100notes-jp: “A　EXILEに夢中になっている女の子たちは、「彼らの背景に何を見ているんだろう」って不思議に思うんですよね。たとえば嵐の背景には「学校」「青春」が見えて、KAT-TUNの背景には「歌舞伎町」が見えるけど、EXILEの背景には何も見えないじゃないですか。 C　「ジャスコ」じゃないですか？　私には鮮明にジャスコの駐車場が見えるんですけど。” — ジャニーズ事務所に新体制の動き!?　帝国を支えるのはあの正統派ユニット？ - サイゾーウーマン (via vitalsine)drhaniwa: WATCH: Ingenious Hack for Sketching with Two Point Perspective Using an Elastic String [video] 天才！ Habakiri theme by モンキーレンチ Powered by WordPress