За последние 24 часа нас посетили 22989 программистов и 1233 робота. Сейчас ищут 805 программистов ...

Не подключаются стили .css для шаблона на wordpress на php

Тема в разделе "PHP для новичков", создана пользователем Daryaa049, 16 окт 2020.

  1. Daryaa049

    Daryaa049 Новичок

    С нами с:
    5 окт 2020
    Сообщения:
    28
    Симпатии:
    0
    Здравствуйте, у меня не подключаются стили. У меня задание - сделать шаблон для wordpress, все вроде работает, но когда дело доходит до стилей, они не подключаются, хотя делаю все, что говорит wordpress. Я решила подключить стили через папку function.php
    Вот коды:

    <b>function.php</b>
    PHP:
    1. <?php
    2. function shablonforwordpress1(){
    3.  
    4. // Регистрирую стили
    5. wp_register_style( 'my_reset', get_template_directory_uri() . 'assets/css/reset.min.css', array(), '1.2', 'screen');
    6. wp_register_style( 'my_style', get_template_directory_uri() . 'assets/css/style.css', array('my_reset'), '1.47', 'screen');
    7.  
    8. // Подключаю стили
    9. wp_enqueue_style( 'my_reset');
    10. wp_enqueue_style( 'my_style');
    11.  
    12. // Подключать стили можно и сразу, без регистрации. Тогда необходимо прописать все параметры внутри wp_enqueue_style();
    13. // Пример подключение стандартного обязательного файла стилей style.css
    14. wp_enqueue_style( 'shablonforwordpress1', get_stylesheet_uri() );
    15.  
    16. // Создаем экшн в котором подключаем скрипты подключенные внутри функции twentytwelve_scripts_styles
    17. add_action( 'wp_enqueue_scripts', 'shablonforwordpress1', 1 );
    <b>header.php </b>
    PHP:
    1. <!DOCTYPE HTML>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <meta name ="viewport" content = "width=device-width, initial-scale=1.0">
    6. <meta http-equiv = "X-UA-Compatible" content = "ie-edge">
    7. <link href = "https://fonts.googleapis.com/css?family=Lato:300,700|Roboto:300,400,700&display=swap&subset=cyrillic" rel = "stylesheet">
    8. <title></title>
    9. <?php wp_head();?>
    10. </head>
    11.  
    12.  
    13. <body background="C:\Users\TheNay\макетдляWordPress\assets\images\Слой3.png">
    14.     <header class = "header">
    15. <div id = "block1">
    16.     <div class = "header_ss">
    17.         link for the site to the organization
    18.     </div>
    19. <div class="logo_picture">
    20.     <img src="C:\Users\TheNay\макетдляWordPress\assets\images\health-304919_960_720.png">
    21. </div>
    22. <?php get_footer();?>
    23. <div class = "logo">
    24.     We help people
    25. </div>
    26. </div>
    27.  
    28.  
    29.  
    30.  
    31. <div class = "header_logo">
    32. <figure><img src="C:\Users\TheNay\макетдляWordPress\assets\images\1.jpg"></figure>
    33. </div>
    34. </header>
    <b> style.css</b>
    PHP:
    1. /*
    2. Theme Name: shablonforwordpress1
    3. */
    4.  
    5. *{
    6.     margin: 0;
    7.     padding: 0;
    8. }
    9. body{
    10.    background-size: cover;
    11.    background-repeat:no-repeat;
    12.    background-position: absolute;
    13. }
    14. .header_logo img{
    15. background-repeat: no-repeat;
    16. background-position: center;
    17. margin-top: 140px;
    18. height: 760px;
    19. width:100%;
    20. background-size: cover;
    21. padding: 0;
    22. margin: 0;
    23. }
    24.  
    25. .logo{
    26. font-size:70px;
    27. color: aliceblue;
    28. position: absolute;
    29. margin-left: 30px;
    30. top: 25px;
    31. }
    32.  
    33. .logo_picture img{
    34. background-size: cover;
    35. background-position: center center;
    36. height: 120px;
    37. width: 120px;
    38. margin-left: 540px;
    39. top: 8px;
    40. position: absolute;
    41. }
    42.  
    43.  
    44. .header_panel p {
    45.  
    46.     word-spacing: 10px;
    47.     font-size:25px;
    48.     color:white;
    49.     position: absolute;
    50.     margin-right:30px;
    51.     top: 75px;
    52.     left:760px;
    53. }
    54.  
    55. .header_ss {
    56.     font-size: 30px;
    57.     margin-left: 760px;
    58.     top: 30px;
    59.     position: absolute;
    60. }
    61.  
    62. .header_ss2{
    63. font-size:40px;
    64. position: absolute;
    65. color: white;
    66. top: 925px;
    67. left: 340px;
    68. }
    69.  
    70. .logo_picture2 img{
    71. background-size: cover;
    72. position: absolute;
    73. height: 450px;
    74. left: 495px;
    75. margin-top: 75px;
    76. }
    77.  
    78. .logo3{
    79. font-size: 80px;
    80. font-weight: bold;
    81. margin-left: 75px;
    82. position: absolute;
    83. margin-top: 80px;
    84. }
    85.  
    86. .text{
    87.   position: absolute;
    88.   font-size: 30px;
    89.   margin-top: 200px;
    90.   margin-left: 40px;
    91. }
    92.  
    93. .Button img{
    94.   position: absolute;
    95.   background-size: cover;
    96.   height: 75px;
    97.   margin-top: 400px ;
    98.   margin-left: 75px;
    99. }
    100.  
    101. .Podrobno{
    102. font-weight: bold;
    103. color: teal;
    104. font-size: 40px;
    105. margin-top: 407px;
    106. margin-left: 150px;
    107. position: absolute;
    108. }
    109.  
    110. .logo_picture3 img{
    111.     background-size: cover;
    112.     position: absolute;
    113.     height: 450px;
    114.     left: 100px;
    115.     margin-top: 75px;
    116.     }
    117.     .logo4{
    118.         font-size: 80px;
    119.         font-weight: bold;
    120.         margin-left: 800px;
    121.         position: absolute;
    122.         margin-top: 80px;
    123.         }
    124.  
    125.  
    126.     .text2{
    127.       position: absolute;
    128.       font-size: 30px;
    129.       margin-top: 200px;
    130.       margin-left: 770px;
    131.     }
    132.  
    133.     .Button2 img{
    134.       position: absolute;
    135.       background-size: cover;
    136.       height: 75px;
    137.       margin-top: 400px;
    138.       margin-left: 800px;
    139.     }
    140.  
    141.     .Podrobno2{
    142.     font-weight: bold;
    143.     color: teal;
    144.     font-size: 40px;
    145.     margin-top: 407px;
    146.     margin-left: 875px;
    147.     position: absolute;
    148.     }
    149. .logo_picture4 img{
    150.         background-size: cover;
    151.         position: absolute;
    152.         height: 450px;
    153.         left: 430px;
    154.         margin-top: 75px;
    155.         }
    156.      
    157.         .logo5{
    158.         font-size: 80px;
    159.         font-weight: bold;
    160.         margin-left: 60px;
    161.         position: absolute;
    162.         margin-top: 80px;
    163.         }
    164.      
    165.         .text3{
    166.           position: absolute;
    167.           font-size: 30px;
    168.           margin-top: 200px;
    169.           margin-left: 40px;
    170.         }
    171.      
    172.         .Button3 img{
    173.           position: absolute;
    174.           background-size: cover;
    175.           height: 75px;
    176.           margin-top: 400px ;
    177.           margin-left: 50px;
    178.         }
    179.      
    180.         .Podrobno3{
    181.         font-weight: bold;
    182.         color: teal;
    183.         font-size: 40px;
    184.         margin-top: 407px;
    185.         margin-left: 127px;
    186.         position: absolute;
    187.         }
    188.  
    189.         .text_os{
    190.           color: #033;
    191.          font-size: 80px;
    192.           text-align: center;
    193.           margin-top: 200px;
    194.         }
    195.  
    196.     .text_info{
    197.     color: white;
    198.     font-size: 35px;
    199.     margin-left: 550px;
    200.     margin-top: 40px;
    201.     position: absolute;
    202.  
    203.     }
    204.  
    205. .social_net1 img{
    206.     position: absolute;
    207.     background-size: cover;
    208.     height: 90px;
    209.     margin-left: 660px;
    210.     margin-top: 150px;
    211.  
    212.              }  
    213.     .social_net2 img{
    214.     position: absolute;
    215.     background-size: cover;
    216.     height: 90px;
    217.     margin-left: 780px;
    218.     margin-top: 150px;
    219.  
    220.     }  
    221.     .social_net3 img{
    222.         position: absolute;
    223.         background-size: cover;
    224.         height: 90px;
    225.         margin-left: 900px;
    226.         margin-top: 150px;
    227.     }  
    228.  
    229.     .number{
    230.      color: white;
    231.     font-size: 50px;
    232.     position: absolute;
    233.     margin-top: 120px;
    234.     margin-left: 40px;
    235.     }
    236.  
    237.     .telephone_hot{
    238.      color: aquamarine;
    239.      font-size: 30px;
    240.       position: absolute;
    241.       margin-top: 80px;
    242.       margin-left: 79px;
    243.     }
     
    #1 Daryaa049, 16 окт 2020
  2. miketomlin

    miketomlin Старожил

    С нами с:
    9 авг 2016
    Сообщения:
    3.794
    Симпатии:
    650
    Когда в именах ф-ций, констант и т.п. используется слово directory, то у значения скорее всего нет завершающего слеша ;)

    Посмотрите на полученные адреса в коде страниц и сразу все поймете.
     
    #2 miketomlin, 16 окт 2020
  3. Daryaa049

    Daryaa049 Новичок

    С нами с:
    5 окт 2020
    Сообщения:
    28
    Симпатии:
    0
    Это как?)
     
    #3 Daryaa049, 16 окт 2020
  4. Daryaa049

    Daryaa049 Новичок

    С нами с:
    5 окт 2020
    Сообщения:
    28
    Симпатии:
    0
    Блин, не работает(
    PHP:
    1. <?php
    2. function shablonforwordpress1(){
    3.  
    4. // Регистрирую стили
    5. wp_register_style( 'my_reset', get_template_directory_uri() . '/assets/css/reset.min.css', array(), '1.2', 'screen');
    6. wp_register_style( 'my_style', get_template_directory_uri() . '/assets/css/style.css', array('my_reset'), '1.47', 'screen');
    7.  
    8. // Подключаю стили
    9. wp_enqueue_style( 'my_reset');
    10. wp_enqueue_style( 'my_style');
    11.  
    12. // Подключать стили можно и сразу, без регистрации. Тогда необходимо прописать все параметры внутри wp_enqueue_style();
    13. // Пример подключение стандартного обязательного файла стилей style.css
    14. wp_enqueue_style( 'shablonforwordpress1', get_stylesheet_uri() );
    15.  
    16. // Создаем экшн в котором подключаем скрипты подключенные внутри функции twentytwelve_scripts_styles
    17. add_action( 'wp_enqueue_scripts', 'shablonforwordpress1', 1 );
     
    #4 Daryaa049, 16 окт 2020
  5. miketomlin

    miketomlin Старожил

    С нами с:
    9 авг 2016
    Сообщения:
    3.794
    Симпатии:
    650
    Блин, посмотри, те ли адреса статика получаются на выходе, которые тебе нужны.
     
    #5 miketomlin, 16 окт 2020
  6. Daryaa049

    Daryaa049 Новичок

    С нами с:
    5 окт 2020
    Сообщения:
    28
    Симпатии:
    0
    Да, эти. Я заметила, что эта проблема очень часто возникает у многих
     
    #6 Daryaa049, 17 окт 2020
(Вы должны войти или зарегистрироваться, чтобы разместить сообщение.)