wordpress公式テーマのフッターに表示される「proudly powered by wordpress」を変更する(消す)方法

footer.phpの get_template_part( 'template-parts/footer/site', 'info' );や 「<div class="site-info"></div>」で囲まれた部分をコメントアウトして &copy;Copyright <a href="<?php echo home_url(); ?>"></a> All Rights Reserved.に差し替えるネタ元 https://affilabo.com/wordpress/15060/

スタイリッシュな関連ページプラグイン「Milliard」

関連ページを「スタイリッシュかも?」くらいに綺麗に表示できるツールです。関連ページ表示時のデザイン崩れが気になる方、閲覧数を増やしたいメディアやブロガー様にお使い頂いております。ネタ元 http://corp.shisuh.com/milliard%E9%96%A2%E9%80%A3%E3%8…

WORDPRESSブログをTwitterと連携させて運用する方法

WORDPRESSブログとTwitterの連携方法と投稿と同時にツイートの設定手順 http://jetb.co.jp/wordpress-twitter

wordpressプラグインなしでパンくずリストを設定

functions.phpに追記 // パンくずリスト function breadcrumb(){ global $post; $str =''; if(!is_home()&&!is_admin()){ $str.= '<div id="breadcrumb" class="cf"><div itemscope itemtype="http://data-vocabulary.org/Breadcrumb" style="display:table-cell;">'; $str.= '<a href="'. home_url() .'" itemprop="url"></a></div></div>

WordPressでアイキャッチ画像を表示させるときの書き方

投稿にアイキャッチ画像が設定されてないときに、何か適当な画像を表示させておきたいというときは次のような書き方をします。

WordPressで出力する値をエスケープする

esc_html()は、&、"、'をエンコードします。 文字列を表示する場合、基本的にesc_html()を使用します。例 MYTH & ROID</p>'); echo esc_html("<script>alert('test');</script>"); ?>ネタ元 http://cly7796.net/wp/cms/escape-in-wordpress/

スタイルシートだけでFont Awesomeのアイコンを表示する

web

通常アイコンWebフォント「Font Awesome」は、HTMLソース中にアイコン表示用のコードを追加する必要がありますが、スタイルシートの疑似要素:beforeを使用して特定のタグ、クラスに対してアイコンを表示することが出来ます。詳しくは http://tech.jastin.net…

Wordpress で、投稿の本文を文字数制限し、特定のHTMLタグを残し、それ以外のHTMLタグを除外する

post_content, 'UTF-8')>120){ $content= mb_substr(strip_tags($post->post_content), 0, 120, 'UTF-8'); echo $content.'……'; }else{ echo strip_tags($post->post_content); } ?>ネタ元 http://www.oikawa-sekkei.com/web/design/wordpress/wp-strip_tags…

sectionとarticleの違い

css

「セクション(section)」とは 「セクション」という言葉の意味を理解しましょう。 「セクション」とは、仕切り、部分、節、項などのかたまりをいいます。article要素 「article要素」は、先ほど書いた通りその部分だけ切り離しても完結する構成を表します。 …

ワードプレステーマTwentyseventeenの子テーマでアイキャッチ画像付リスト形式で記事一覧を表示

ここで配布 https://mtac.jp/wordpress/twentyseventeen-customize/

「Pocket」のブログパーツを改行せず設置する方法

web

以下をcssに追記 .pocket-btn{ display:inline-block; }ネタ元 http://20kaido.com/archives/7600409.html

Font Awesomeの使い方:Webアイコンフォントを使おう

CDNを使うhead部で以下を書いとく <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">念のため最新のコードをBootstrapCDNで確認すると良いでしょう。 Font AwesomeをCSSで使うにはこんな感じ 【HTML】 <p>これは<span class="bomb">爆弾</span>です。</p> 【CSS】 .bomb:before { font-family: FontAwesome; content: '\f1e…</link>

CSSでテキストを書き換える方法

css

サーバーサイドのプログラムを変更せずに、表示されるテキストだけ変えたいときにおすすめです。 SEOには書き換え前のテキストの内容しか反映されないと思いますので注意です。 p {font-size:0;} p:before {font-size: 12px; content: "かきくけこ";}ネタ元 …

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

https://saruwakakun.com/html-css/reference/h-design

EmmetでHTMLとCSSを書く

いろいろなツールで対応しているけど、Visual Studio Codeがいいかな。言語モードをHTMLやCSSにすればOK 例えば、 html:5と入力して、Tabキー(*VSCodeの場合)を押すと <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html>↑のようにコードが展開されます。 ネタ元 http://mmorley.hatenablog…

正規表現でメールアドレスをチェックは厳密にやろうとするとほぼ不可能

ネタ元 http://qiita.com/tabo_purify/items/aa279cd28abdeba0873c 本気でメールアドレスを正規表現でマッチさせようとすると、こんな感じになってしまう例http://www.din.or.jp/~ohzaki/mail_regex.htm (?:(?:(?:(?:(?:(?:[\x20\x09]*(?:\x0D\x0A))?[\x20\x…

JPEG画像圧縮なら「JPEGmini」

20枚までだけど フリー版もある。 ネタ元 http://putilapan.com/gadget/filesize/#JPEGJPEGmini

WordPressで投稿日を非表示にする

テーマのカスタマイズの追加CSSに以下を追加。 /* 投稿日時・投稿者・カテゴリーを消す */ .entry-meta{ display: none; }ネタ元 https://www.nishi2002.com/20915.html

マルチサイト化したwordpressのファイルアップロード制限

web

php.iniのupload_max_filesizeを変えてもどーも変化しない。実はマルチサイト化した場合、設定でアップロードファイルのサイズ指定があって、小さいほうが選ばれる仕様があるネタ元 http://blog.blog-studio.com/archives/111

Selenium InternetExplorerDriver が実行できない場合

インターネットオプションのセキュリティゾーンの保護モードを統一する。 (すべてオンまたはすべてオフ)ネタ元 http://dechnostick.hatenablog.com/entry/2015/04/05/023647

無料マインドマップツール XMind

https://jp.xmind.net/昔は JUDE Think!なんてのを使ってたけど、今はもっとたくさん選択肢があるんだなぁ。

Bitnami WordPress で右下に出てくるManageリンクを消す方法

SSHで $ sudo /opt/bitnami/mysql/bnconfig --disable_banner 1からの $ sudo /opt/bitnami/ctlscript.sh restart apacheネタ元 http://www.moch.tech/aws-bitnami-wordpress%E3%81%A7%E6%A7%8B%E7%AF%89%E3%81%97%E3%81%9Fec2%E3%81%ABssh%E6%8E%A5%E7%B6%9…

GCEのインスタンスサイズを変更する

インスタンスを[stop]して[edit]して変更。ネタ元 http://naked123.hatenablog.com/entry/2015/12/17/183545

ウェブパフォーマンス調査ツール 「PageSpeed Insights」

Googleさんの計測ツール https://developers.google.com/speed/pagespeed/insights/?hl=ja

WordPress(bitnami)でSSL設定後、別ドメイン追加した場合の手続き

マルチサイトのネットワークを変更したら「ネットワークの更新」をクリック WP Encrypt で再取得。 httpd を再起動。 ネタ元 https://yambal.net/2017/03/29/%E8%A8%AD%E5%AE%9A%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%97%E3%81%9F%E3%82%89%E3%80%81%E5%86%8D%E…

wordpress(bitnami)で別ドメインサイト追加

WordPressのマルチサイトダッシュボードで、[マイサイト - >ネットワーク管理 - >プラグイン]オプションを選択します。「WordPress MU Domain Mapping」という名前のプラグインを見つけて「Network Activate」を選択してアクティブにします。同じダッシュボ…

Google ChromeでSSL証明書情報を確認する方法

画面上で右クリック→「検証」 そうするとディベロッパーツールが表示されるので、その中にある「Security」をクリック 「View certificate」をクリック ネタ元 http://www.weblic.co.jp/blog/?p=502

wordpress(bitnami)でSSL対応サイト作成

認証を保存するディレクトリを作成する sudo mkdir -p /opt/bitnami/apps/wordpress/letsencrypt/live sudo chown -R bitnami:daemon /opt/bitnami/apps/wordpress/letsencrypt sudo find /opt/bitnami/apps/wordpress/letsencrypt -type d -exec chmod 0775…

Google Cloud Platformで爆速独自ドメインWordpress複数サイト構築(bitnami)

Deployment Managerを選択 Cloud Launcherに移動 ブログ / CMSのすべての表示をクリックして、「WP Multisite」を選択 CONPUTE ENGINE上で起動 を選択 無料で使うためZoneはUSのどこか、Machine typeはmicroを選択。 デプロイをクリック デプロイ終わるまで…

Google Cloud Platformでワードプレス複数サイト運用 メモ

あとでまとめる https://docs.bitnami.com/google/apps/wordpress-multisite/ https://cloud.google.com/compute/docs/instances/connecting-to-instance#generatesshkeypair http://studiomoonleaf.com/?lid=201611100900 http://nijilog.info/2014/06/12/3…

wordpressのテーマsimplicity2でコピーライト表記を(C)2016-2017 サイト名 みたいな形にする

子テーマ作って footer.phpでコピーライト表示部分 を &cop…

Windows 10をセーフモードで起動させる方法

Windows 10は高速起動のため、「F8」キーでセーフモードを起動することができません。方法はいくつかある■「設定」から起動する方法 「スタート」→「設定」(設定)の順にクリックします。 「更新とセキュリティ」をクリックします。 「回復」をクリックし、…

Windows10でPATHの編集する方法

OS

左下のWindowsボタンを右クリックし、システムを選択。 左枠のシステム詳細設定を選択。 環境変数ボタンを選択。 PATHをいじる ネタ元 http://www.wannko.net/windows10/etc/kankyo.html

はてなブログでサイドの関連記事を記事下に表示する方法

まず、管理画面のサイドバーより関連記事モジュールを追加します。 次にサイドバーに関連記事を表示させない為に関連CSSを追加します。 .hatena-module-related-entries { display: none; } 最後に移動させるためのJavascriptを「記事下」に追加します。 <div id="relateArticle"></div> <script> v…

windows ディスク100%で固まる問題対策

OS

コマンドプロンプト(管理者権限)で net.exe stop "Windows search" net.exe stop superfetch net.exe stop "Windows Update" net.exe stop "Peer Name Resolution Protocol"原因となるサービスを止めまくる。さらに コンパネ→ネットワークとインターネット →…

GoogleのreCAPTCHAをwordpressのContact Form 7で作ったお問い合わせページに簡単に導入して、キャプチャ認証で文字入力を不要にする方法

web

Contact Form 7に設定欄があるので簡単に入れられるhttp://ichigoichielab.com/2016/03/google-recaptcha/

C++プログラマ向けGo講座

http://golang.jp/go_for_cpp_programmers

英語版Windows Serverを日本語化する手順

Windows Server 2012の解説だけど、2016でもだいたい同じhttp://yp.g20k.jp/2014/07/windows-server-2012-r2.html [スタート]ボタンを押し、[Control Panel]を起動 [Clock, Language and Region]の下の[Add a Language]をクリック [Add a Language]をクリッ…

Google Cloud Platform&TensorFlow/Magentaを使ってディープラーニングで音楽制作

http://qiita.com/Dr_ASA/items/14901441e9845c32f28bGoogle Cloud Platformもなにもわからない状態だけど とりあえずコピペで動かせた。

「コンテンツの幅が画面の幅を超えています」が解消されないの対策

例えば <meta name="viewport" content="width=device-width, user-scalable=1, initial-scale=0.38">ネタ元 https://productforums.google.com/forum/#!category-topic/webmaster-ja/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E3%82%B5%E3%82%A4%E3%83%88/oEKKguiOC6U</meta>

Google Chromeでdeviceを変更する

1.デベロッパーツールを開く [Ctrl + Shift + i] で開きます2.Ctrl + Shift + M でデバイスツールバー表示3.上部のドロップダウンリストからデバイスを選択(iphone6とか)

超簡単 Googleモバイルフレンドリー 応急対応

web

あくまで応急処置。viewportの設定 <meta name="viewport" content="width=device-width">cssの設定 @media screen and (max-device-width: 480px) { html { zoom: 30.73%; } body { font-size: 190% !important; } }ネタ元 http://www.ibnet.ne.jp/blog/2015/04/16-ogawa.html</meta>

ExcelVBAで複数のセル範囲の重なる範囲を取得する

Dim Rng1 As Range, Rng2 As Range Dim Target As Range Set Rng1 = Range("A1:D5") Set Rng2 = Range("C4:E10") Set Target = Intersect(Rng1, Rng2) MsgBox Target.Addressネタ元 http://www.moug.net/tech/exvba/0050074.html http://officetanaka.net/ex…

ExcelVBAで選択範囲の背景色をクリアする

Selection.Interior.ColorIndex = xlNoneネタ元 https://www.moug.net/tech/exvba/0110010.html

VB.NETでURLを叩く

【VB.NET】指定したURLのHTMLを取得する Public Class SampleHTML Public Shared Sub main() Dim client As System.Net.WebClient = _ New System.Net.WebClient() Dim url As String url = "http://blog.livedoor.jp/akf0/" '指定したURLからデータを取得す…

Excelアドインの説明文を変更する方法 - xlaをxlsに戻して情報からコメントを書き換える

アドイン(xla)をExcelで開く Alt+F11でVBEを起動 左側のプロジェクトウィンドウで、ThisWorkbook を選択 左下のプロパティウィンドウで IsAddin という項目を探して、 True から False に変更 メニューのファイルから「情報」を選んでプロパティの「プロパテ…

Boot CampのWindowsパーティションを削除する方法

OS

「起動ディスク(Macintosh HDなど)」→「アプリケーション」→「ユーティリティ」と移動し「Boot Campアシスタント」を起動します。 次に、「Windowsパーティションを作成または取り除く」を選択して、「続ける」を押します。 Windowsパーティションがすでに…

vb.netでJSONを扱うには Json.NET 

nugetからインストール可能 Imports Newtonsoft.Json ... ネタ元 http://future-convergence.hatenablog.jp/entry/2015/01/07/001045

VB.NETでSelenium 高速化のためPhantomJSを使う

GUIのないブラウザ。なので高速。以下よりphantomjs.exeを拾ってきて実行ファイルと同じフォルダに置く http://phantomjs.org/download.html コードはdriverをPhantomJSに変えるだけ。簡単 Imports OpenQA.Selenium Imports OpenQA.Selenium.PhantomJS ... '…

VB.NETでSelenium Aタグを巡る

'aタグを収集 Dim aList As IReadOnlyCollection(Of IWebElement) aList = driver.FindElements(By.TagName("a")) 'aタグを巡る Dim item As IWebElement For Each item In aList Dim href href = item.GetAttribute("href") If IsNothing(href) Then 'no wo…