Gravatarでアバターの写真を設定しても、wordpressに反映されない

Gravatarにて、写真がPG(18禁指定)されていたので、全員に表示できるように設定して、改善。

ワードプレスのホームページ制作ひよこうぇぶ

画像の横のテキストの回り込みをさせない方法

テキストのdiv の中のpタグに、
display:table
を設定する。


下町ホームページ制作ひよこうぇぶ

contact form7 で、ラジオボタンがずれる

ずれないようにするCSS

input.wpcf7-form-control{
text-transform:none;
}

span.wpcf7-list-item { display: table-row;white-space:norwarp }
span.wpcf7-list-item * {width:20px;  }


input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-right: 1.5em;
  

NP145 PiyoPiyo HiyokoWeb

contact form7で、ラジオボタンやチェックボックスが勝手に改行される

ワードプレスのcontact form7で、
ラジオボタンやチェックボックスが変な感じにずれる

↓

ＣＳＳに

span.wpcf7-list-item { display: table-row;white-space:norwarp }
span.wpcf7-list-item * {width:20px;  }


input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-right: 1.5em;

と追記する。



ラジオボタンのタグでは、
 「 個々の項目を label 要素で囲む」のチェックを外す。







ワードプレスのホームページ制作沖縄　ひよこうぇぶ,
Loving Ryukyu, Loving Okinawa プロジェクト

wordpressのMoreタグで「さらに・・・・」と表示されてしまう

wordpressのMoreタグで「さらに・・・・」と表示されてしまう場合で、
文字を変更したい

↓
テキストモードで

<!--more    →　つづきを読む-->

と入れる


ワードプレスのホームページ制作沖縄　ひよこうぇぶ,
Loving Ryukyu, Loving Okinawa プロジェクト

ワードプレスのcontact form7で、送信エラーがでる

wordpressのcontact form7でエラーがでて、送信できない

↓

差出人の設定で、メールアドレスが入力されていなかった、
もしくは変なアドレスになっていた

↓

仮のアドレス、もしくは[your-email]などとして、改善。


ワードプレスのホームページ制作沖縄　ひよこうぇぶ,
Loving Ryukyu, Loving Okinawa プロジェクト

コミックタイプの電子書籍作成 目次修正の方法

mobiがKindle用のファィル、ＥＰＵＢは一般的な形式。

mobiはkindle comic createrで作成し、これで開く。



目次修正は、xmlフォルダの中の、ncxファィルを修正する。
↓

(このファィルをopfファィルと同じ階層にもってきて?)

opfファィルをkindleプレビューアーにドラッグする。




NP145 PiyoPiyo HiyokoWeb

焼いたDVDがPALなんとかとのエラーで再生不可

Freemake Video Converte でDVDを焼く

↓

PAL方式に対応した機器でないと再生できません、とのエラー

↓

Freemake Video Converte でISOを作る時、
下のPALの文字をクリックして、NTSC に変更

↓

ImgBurnなどで焼く。



ワードプレスのホームページ制作沖縄　ひよこうぇぶ,

Wordpressでスマホのハンバーガーメニューに「メニュー」と記載する

Wordpressで、レスポンシブのスマホのハンバーガーメニューが分かりにくい

↓

CSSにて

@media screen and (max-width:599px){
  button.menu-toggle::after{content: "  メニュー";}
}



などと記載




Powered by NP145 PiyoPiyo HiyokoWeb

wordpressでスマホでは画像の回り込みを解除

Wordpressで、レスポンシブ表示のスマホにて、画像を幅フルサイズ表示させたい。

↓

CSSにて


@media screen and (max-width:599px){
 img{
  margin-bottom:10px;  /* 下のコンテンツまでの余白 */
}
img.size-medium,img.alignright,img.alignleft {
  width:100%;

  overflow: hidden;
  margin:0;
}
}



などと記載。


もしくは、

img {

    max-width: 100%;

    height:auto;

}

 

などで、画像を画面に合わせて最大化。

Powered by NP145 PiyoPiyo HiyokoWeb

Temperaテーマで、ホームのスライドショー等が消えた

WordpressのテーマTemperaで、テーマ更新後、
ホーム画面(プレゼンテーションページ)が消えた。

↓

設定　→　表示から、フロントページの表示を「最新の投稿」にして改善





ワードプレスのホームページ制作沖縄　NP145　PiyoPiyoひよこうぇぶ

Tempera テーマでプレゼンテーションページがforbidden エラーで更新不可

WordpressのテーマでTempera を使用。

Temper　settingsより、更新ができない。


↓

サーバー設定でWAFを無効にして改善。

編集後は、その都度WAFを有効に。




ワードプレスのホームページ制作沖縄　NP145　PiyoPiyoひよこうぇぶ

NextGEN Gallery の不具合

Wordpress のすばらしいプラグイン　NextGEN Gallery ですが、
ワードプレス専用のz.comクラウドサーバーにインストールすると、全てが白紙に。
管理画面にも入れなくなりました。


z.comでは、その他も不具合が多発。
z.comのサポートによると、

「ワードプレス専用プランでは、wp-content以下の階層しかユーザーは変更できない仕様。
それなのに、一部のプラグインが、それ以外のフォルダにアクセスしようとしていたから」

とのことでした。

他の人は大丈夫みたいでしたので、私の使っているプラグインがおかしいのだろう、
との結論になりました。

断定はできませんが、怪しいのがこの　NextGEN Gallery
でした。


大好きなプラグインだったのに。。



ちなみに、不具合も多発しますが、
その都度、自動バックアップされているファイルよりリストアできるので　
z.comワードプレス専用プランは便利です。

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

FTPで　NextGEN Gallery　を削除しても復活しました。





ワードプレスのホームページ制作沖縄　NP145　PiyoPiyoひよこうぇぶ

You don't have permission to access エラー

 Wordpressなどで、パーミッションエラーがでた時には、
FTPソフトで該当箇所を右クリックなどして、

phpファイルのパーミッション
604
644

含まれるディレクトリのパーミッション
705
755

なんかに変更してみる。


ワードプレスのホームページ制作沖縄　NP145　PiyoPiyoひよこうぇぶ

cssの下線が消えない

cssの下線が消えない時、
セレクタをaではなく、a:linkにして、
text-decoration: none;
で消えました！

ちなみにwordpressでは、ウィジェットごとにクラスを指定するプラグインもあり、
メニューにはデフォルトでクラス指定もできるようです。


Powered by NP145 PiyoPiyo HiyokoWeb, Loving Ryukyu, Loving Okinawa プロジェクト

ワードプレスのメールマガジン配信プラグイン Mail Poet のショートコード

ワードプレスのメールマガジン配信プラグイン　Mail Poet　は、ステップメールも配信できる。

ウィジェットに購読フォームを作成するのは簡単だが、
各ページにフォームを配置するには、

MailPoet →　設定　→　「フォーム」タブ　→　該当のフォームを「編集」　→　




ヒント

HTML, PHP, iframe and shortcode versions are also available.


の中の　「shortcode」をクリック





→　このショートコードを各ページのビジュアルエディタに記載。






https://support.mailpoet.com/knowledgebase/subscription-forms/#subscription-forms-shortcode

の3番を参照。


ワードプレスのホームページ制作沖縄　NP145　PiyoPiyoひよこうぇぶ,
Loving Ryukyu, Loving Okinawa プロジェクト

Google マイビジネスは「オンライン販売」はNG

Google マイビジネスに某・リアルショップを登録を試みるも、「オンライン」とキーワードが入っていると、登録できない、と言われました。

ネットショップやオンラインショップではなく、リアル店舗を登録するためであり、ホームページに「オンライン」とあると、基本は登録不可、とのことでした。




Powered by NP145 PiyoPiyo HiyokoWeb, Loving Ryukyu, Loving Okinawa プロジェクト

RSSの表示

 http://webimemo.com/web/3873

の先生の通り、googleAPIを使用

 ヘッダーに

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<script type="text/javascript">

//Google Feed Api
google.load("feeds", "1");

function initialize() {
var feed = new google.feeds.Feed("表示させるRSSフィードのURL");
feed.setNumEntries(表示させたい件数);
feed.load(function(result) {
if (!result.error) {
var container = document.getElementById("feed");
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var dd = new Date(entry.publishedDate); // now
var yearNum = dd.getYear();
if (yearNum < 2000) yearNum += 1900;
var m = dd.getMonth() + 1;
if (m < 10) {m = "0" + m;}
var d = dd.getDate();
if (d < 10) {d = "0" + d;}
var date = yearNum + "." + m + "." + d + " ";
container.innerHTML += "<li><span>" + date +" </span>" +"　<a href='" + entry.link + "' target='_blank'>" + entry.title + "</a></li>";
}
}
});
}
google.setOnLoadCallback(initialize);

</script

表示部に

<ul id="feed"></ul>

無料ホームページ制作沖縄　NP145　PiyoPiyoひよこうぇぶ　PiyoPiyoひよこうぇぶ

Wordpressで、リンクボタンが押せない、テキストエディタとビジュアルエディタが切り替わらない

ワードプレスで、プラグインをまとめて適当にいれたら、エディタの不具合が発生。

テキストエディタとビジュアルエディタの切り替えができない。

リンク挿入ボタンが押せない。

ps disable auto formattingは今回は関係なく、
contact formというプラグイン(contact form7ではなく)が原因でした。


こんなの入れたかな。。。





無料ホームページ制作沖縄　NPO　PiyoPiyoひよこうぇぶ
仮想国際通り
仮想琉球

ランディングページによくある、幅一杯の背景で装飾する方法

ランディングページによくある、幅一杯の背景で装飾する方法

http://presentnote.com/how-to-widen-menu-and-header/#i-2

の方の記事にお世話になり、

padding:0 500%; margin: 0 -500%;


にて実現。



が、ｉＰｈｏｎｅで、表示が小さくなっている。

html{ overflow: auto;
}
body {
  overflow: hidden;
position: relative; }


を、Custom CSSに追記して、改善。



無料ホームページ制作沖縄　NPO　PiyoPiyoひよこうぇぶ
仮想国際通り
仮想琉球